/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
	font-family: 'Visby Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Regular'), url('visby-cufonfonts-webfont/VisbyRegular.woff') format('woff');
}


@font-face {
	font-family: 'Visby Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Bold Italic'), url('visby-cufonfonts-webfont/VisbyBold Italic.woff') format('woff');
}


@font-face {
	font-family: 'Geist Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Bold'), url('visby-cufonfonts-webfont/VisbyBold.woff') format('woff');
}


@font-face {
	font-family: 'Visby Extrabold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Extrabold Italic'), url('visby-cufonfonts-webfont/VisbyExtrabold Italic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Extrabold';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Extrabold'), url('visby-cufonfonts-webfont/VisbyExtrabold.woff') format('woff');
}


@font-face {
	font-family: 'Visby Heavy Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Heavy Italic'), url('visby-cufonfonts-webfont/VisbyHeavy Italic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Heavy';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Heavy'), url('visby-cufonfonts-webfont/VisbyHeavy.woff') format('woff');
}


@font-face {
	font-family: 'Visby Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Italic'), url('visby-cufonfonts-webfont/VisbyItalic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Light Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Light Italic'), url('visby-cufonfonts-webfont/VisbyLight Italic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Light';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Light'), url('visby-cufonfonts-webfont/VisbyLight.woff') format('woff');
}


@font-face {
	font-family: 'Visby Medium Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Medium Italic'), url('visby-cufonfonts-webfont/VisbyMedium Italic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Medium'), url('visby-cufonfonts-webfont/VisbyMedium.woff') format('woff');
}


@font-face {
	font-family: 'Visby Semibold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Semibold Italic'), url('visby-cufonfonts-webfont/VisbySemibold Italic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Semibold';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Semibold'), url('visby-cufonfonts-webfont/VisbySemibold.woff') format('woff');
}


@font-face {
	font-family: 'Visby Thin Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Thin Italic'), url('visby-cufonfonts-webfont/VisbyThin Italic.woff') format('woff');
}


@font-face {
	font-family: 'Visby Thin';
	font-style: normal;
	font-weight: normal;
	src: local('Visby Thin'), url('visby-cufonfonts-webfont/VisbyThin.woff') format('woff');
}

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

@font-face {
	font-family: 'Product Sans Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Product Sans Bold'), url('product-sans/Product Sans Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Product Sans Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Product Sans Bold Italic'), url('product-sans/Product Sans Bold Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Product Sans Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Product Sans Italic'), url('product-sans/Product Sans Italic.ttf') format('truetype');
}

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

@font-face {
	font-family: 'Geist Thin';
	font-style: normal;
	font-weight: normal;
	src: local('Geist Thin'), url('geist/statics-ttf/Geist-Thin.ttf') format('truetype');
}

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

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

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


html,
body {
	font-size: 16px;
	font-family: "Geist" !important;
	font-style: normal;
	font-weight: normal;
	background-color: #fff;
	color: #666666;
	/*font-weight: 100;*/
	height: 100vh;
	margin: 0;
}

button {
	font-size: 16px;
	font-family: "Geist" !important;
	font-style: normal;
	font-weight: normal;
	background-color: #fff;
	color: #666666;
	margin: 0;
}

select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
	background-position: 100%;
	background-repeat: no-repeat;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1250px
	}
}

.geist-bold{
	font-family: 'Geist Bold' !important;
}

.geist-semi-bold{
	font-family: 'Geist SemiBold' !important;
}

#waitlistModal {
	font-family: "Geist" !important;
}

.waitlist-page {
	font-family: "Geist" !important;
	color: #000000;
}

.waitlist-page h1 {
	font-family: "Geist Bold" !important;
	font-size: 50px;
	font-weight: bold;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	display: none;
}

.form-control {
	height: 50px;
	font-size: 14px;
}

.form-control:focus {
	border-color: #21AA96;
	box-shadow: 0px 0px 0px 3px rgba(33, 170, 150, 0.38) !important;
}

.toggleable-password #password:focus {
	box-shadow: none !important;
}

.toggleable-password #confirm_password:focus {
	box-shadow: none !important;
}

.toggleable-password #confirm-password:focus {
	box-shadow: none !important;
}

#password-wrapper {
	border-radius: .25rem;
}

#confirm-password-wrapper {
	border-radius: .25rem;
}


#create-save-exit {
	cursor: pointer;
}

.full-height {
	height: 100vh;
}

.white-background {
	background-color: white !important;
}

.bold {
	font-weight: bold;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.font-black {
	color: #000000 !important;
}

.font-grey {
	color: #7B7B7B;
}

.grey-border {
	border: solid 1px #6F7276 !important;
}

.font-greenish {
	color: #617371 !important;
}

.font-greenish-faint {
	color: #ACB5B4 !important;
}

.font-greenish-faint-2 {
	color: #909D9B;
}

.font-greenish-faint-3 {
	color: #8A9E9B;
}

.font-greenish-2 {
	color: #354A42;
}

.font-roomscout-black {
	color: #0E2421;
}

.font-grey {
	color: #898989;
}

.font-white {
	color: white !important;
	;
}


.font-500 {
	font-weight: 500;
}

.flash-notification {
	z-index: 100000;
}

.notification-modal .modal-dialog {
	position: fixed;
	right: 0;
	bottom: 0;
	/* top: 0; */
	height: 87vh;
	width: 478px;
	margin-bottom: 0 !important;
}

.notification-modal .modal-dialog .modal-content {
	height: 100%;
	border-top-left-radius: 8px;
}

.notifications-categories {
	border-bottom: solid 1px #EDEDED;
	color: #7A8987;
}

.notifications-categories .notification-category {
	padding-bottom: 10px;
	cursor: pointer;
}

.notifications-categories .notification-category.active {
	border-bottom: solid 4px #1A9885
}

.notifications-content {
	overflow-y: scroll;
	height: 700px;
	padding-bottom: 250px;
}

.notification-item {
	border-bottom: solid 1px #EDEDED;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.notification-item .notification-message {
	color: #999999;
}

.notification-item .notification-message b {
	color: #222222;
}

.notification-item .notification-time {
	color: #999999;
}

.notification-item .notification-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #E9F7F5;
	padding-top: 10px;
}

.notification-item .notification-avatar img {
	max-height: 36px;
}

.notification-item .notification-additional-info {
	background-color: #F9FBFB;
	border-left: solid 3px #0B6D5C;
	padding: 25px;
	color: #0A6354;
}



.navigation-block {
	background-color: white;
}

.nav-add-listing {
	font-size: 30px;
}

.nav-add-listing {
	color: #666666;
}

.m-side-navigation-modal .modal-dialog {
	width: 100% !important;
}

.m-side-navigation-modal .modal-footer {
	background-color: white;
	display: inline;
	border: none;
}

.m-side-navigation-modal .modal-body {
	padding-top: 0 !important;
}


.m-side-navigation-modal .navbar-nav {
	margin-top: 0 !important;
}

.m-side-navigation-modal .navigation-block {
	padding-top: 0 !important;
	padding-left: 0 !important;
	/* border-bottom: solid 1px #CFCFCF; */
}

.m-side-navigation-modal .navigation-block .nav-item {
	margin-bottom: 10px;
}

.m-side-navigation-modal .close {
	font-size: 40px;
	font-weight: 400;
}

.m-side-navigation-modal .modal-top-section {
	border-bottom: 1px solid #dee2e6;
	min-height: 60px;
}

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

#forgot-password-block {
	display: none;
	margin-bottom: 20px;
}

.position-ref {
	position: relative;
}

.top-right {
	position: absolute;
	right: 10px;
	top: 18px;
}

.height-48 {
	height: 48px !important;
}

.weight-600 {
	font-weight: 600;
}

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

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-50 {
	font-size: 50px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px !important;
}


.mb-30 {
	margin-bottom: 30px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}


.mb-50 {
	margin-bottom: 50px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.ml-60 {
	margin-left: 60px !important;
}

.pt-5px {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-12 {
	padding-top: 12px!important;
}

.pt-15 {
	padding-top: 15px !important;
}


.pt-20 {
	padding-top: 20px !important;
}

.pt-25 {
	padding-top: 25px !important;
}



.pt-30 {
	padding-top: 30px !important;
}

.pt-60 {
	padding-top: 60px !important;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pl-5 {
	padding-left: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pl-30 {
	padding-left: 30px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.pad-3 {
	padding: 3px;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.padding-5 {
	padding: 5px;
}

.padding-10 {
	padding: 10px;
}

.padding-15 {
	padding: 15px;
}

.padding-20 {
	padding: 20px;
}

.padding-25 {
	padding: 20px;
}

.padding-30 {
	padding: 30px;
}

.padding-50 {
	padding: 50px;
}

.radius-0 {
	border-radius: 0 !important;
}

.radius-6 {
	border-radius: 6px;
}

.radius-8 {
	border-radius: 8px !important;
}

.radius-12 {
	border-radius: 12px !important;
}

.radius-top-8 {
	border-top-left-radius: 8px !important;
	border-top-right-radius: 8px !important;
}

.radius-16 {
	border-radius: 16px !important;
}

.radius-24 {
	border-radius: 24px !important;
}

.btn-auto-width {
	width: auto !important;
}


.content {
	text-align: center;
}

.primary-text {
	color: #21AA96;
}

.primary-text-dark {
	color: #0A6354;
}

.white-text {
	color: white;
}

.roomscout-text {
	color: #0B6D5C !important;
}

.bg-roomscout {
	background-color: #21AA96;
}

.bg-roomscout-light {
	background-color: #E9F7F5;
}

.bg-roomscout-light-green {
	background-color: #E9F7F5;
}

.bg-roomscout-dispute{
	background-color: #FEF7EC;
}

.bg-greenish {
	background-color: #D1DDDB
}

.bg-greenish-light {
	background-color: #F5F5F5CC !important;
}

.primary-border {
	border: solid 1px #0B6D5C !important;
}

.bg-black-waitlist-btn{
	background-color: #000000!important;
	box-shadow: 7px 7px 0px 0px #000000!important;
	border: 1px solid #3A3A3A!important;
}

.full-width {
	width: 100% !important;
}

.title {
	font-size: 84px;
	color: #000000;
}

.uppercase {
	text-transform: uppercase;
}

.links>a {
	color: #636b6f;
	padding: 0 25px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.m-b-md {
	margin-bottom: 30px;
}

p {
	font-size: 16px;
}

.font-10 {
	font-size: 10px !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-21 {
	font-size: 20px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-28 {
	font-size: 28px !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-44 {
	font-size: 44px;
}

.font-56 {
	font-size: 56px !important;
}

.no-show {
	display: none;
}

.navbar {
	padding: 22.5px 52px;
	/* border-bottom: 1px solid #C4C4C4; */
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	/* height: 12vh; */
}

.nav-button-create {
	height: 40px !important;
	/* padding-top: 12px; */
}

.navbar-brand {
	height: 45px;
	/*padding: 0px;*/
}

.navbar-brand img {
	margin-top: -10px;
}

.nav-link {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.m-side-navigation-modal .nav-link {
	color: #555555;
}

.float-right {
	float: right;
}

.btn-dark {
	background-color: #666666;
	border-color: #666666;
}

.btn-outline-grey {
	border: 1.8px solid #717171;
	color: #333333;
	height: 48px;
	border-radius: 4px;
}

.btn-outline-grey .mdi {
	color: #1C1B1F;
}

.btn-roomscout-outline {}

.btn-default {
	outline: 0 !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline-width: 0 !important;
}

.btn-default:active {
	outline: 0 !important;
	box-shadow: none !important;
	outline-width: 0 !important;
}

.btn-default:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	outline-width: 0 !important;
}

.btn-roomscout-outline:active {
	outline: 0 !important;
	box-shadow: none !important;
	outline-width: 0 !important;
}

.btn-roomscout-outline:active {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	outline-width: 0 !important;
}

.btn-roomscout {
	/* border-color: #33CDB6; */
	color: white;
	font-size: 16px;
	border-radius: 6px;
	background: linear-gradient(180deg, #21AA96 5.07%, #199583 100%);
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
	border-top: solid 0.6px #33CDB6;
	height: 45px;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

.btn-roomscout:active {
	background: linear-gradient(0deg, #127D6D, #127D6D);
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
}

.btn-roomscout.active {
	background: linear-gradient(0deg, #127D6D, #127D6D);
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
}

.btn-roomscout:focus {
	background: linear-gradient(0deg, #127D6D, #127D6D);
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
}

.btn-roomscout:focus-visible {
	background: linear-gradient(0deg, #127D6D, #127D6D);
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
}

.btn-roomscout:disabled {
	background-color: #F5F7FA;
	background: #F5F7FA;
	color: #CACFD8;
	border: solid 1px #F5F7FA;
	box-shadow: none;
	border-top: none;
}

.btn-disabled {
	color: #DEE2E1;
	border: solid 1px #BCBCBC;
	background-color: #F7F7F7;
}

.btn-disabled:hover {
	color: #DEE2E1;
	border: solid 1px #BCBCBC;
	background-color: #F7F7F7;
}

.btn-roomscout-outline {
	color: white;
	font-size: 16px;
	border-radius: 6px;
	background: transparent;
	border: solid 1.2px #D6D6D6;
	height: 45px;
	outline: 0 !important;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline-width: 0 !important;
}

.btn-roomscout-outline:disabled {
	color: #DEE2E1;
	border: solid 1px #F5F7FA;
}

.btn-roomscout-light {
	color: #0E2421;
	font-size: 16px;
	border-radius: 8px;
	background: #DEF6F3;
	background-color: #DEF6F3;
	border: none;
	height: 45px;
}

.btn-roomscout-light:disabled {
	color: #0E2421;
	border: none;
}

.btn-roomscout:hover {
	color: white;
}

.btn-roomscout-negative {
	color: #B80606;
	background-color: #F7E5E5;
	border: none;
	height: 45px;
}

.roomscout-border {
	border: solid 1px #0B6D5C !important;
}

.greenish-border {
	border: solid 1px #DFE7E6;
}

.roomscout-radio {
	border: solid 1px #C8D2D1 !important;
	width: 16px;
	height: 16px;
	border: 1px solid #C8D2D1;
	-webkit-appearance: none;
	border-radius: 50%;
}

.roomscout-radio:checked:after {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	top: -4px;
	left: 0.5px;
	position: relative;
	content: ' ';
	display: inline-block;
	visibility: visible;
	border: 1px solid #C8D2D1;
	background-color: #23AE9A;
}

.left-side .power-radio:checked:after {
	top: 0.5px !important;
}

.power-radio {
	background-color: white;
}

.requesting-identity-option .roomscout-radio:after {
	top: 0.5px;
}

.power-form-check {
	background: #F9FAFA;
	border: solid 1px #DFE7E6;
	border-radius: 5px;
	padding: 25px;
}


#furnishing .roomscout-radio:after {
	top: 0.5px;
}

#bathroom-type-option .roomscout-radio:after {
	top: 0.5px;
}

form label {
	color: #2D343F;
	font-weight: 500;
}

.form-control {
	border: solid 1.4px #E4E7EB;
}

.login-form input:focus {
	border: solid 1px #21AA96;
}

#password-wrapper {
	border-radius: .25rem;
}

#confirm-password-wrapper {
	border-radius: .25rem;
}

.navigation-block .nav-item {
	margin-left: 40px;
}

.navigation-block .active {
	border-bottom: solid 3px #21AA96;
}

.navbar-brand {
	margin-right: 40px;
}

.dashboard-listing .nav-item {
	margin-right: 32px;
}

.dashboard-inspection .nav-item {
	margin-right: 32px;
}

.edit-listing-compound-container .form-check {
	margin-bottom: 30px;
}

.edit-listing-compound-container .roomscout-radio:checked:after {
	top: 0.5px;
}

.nav-profile-img {
	height: 45px;
	width: 45px;
	border-radius: 50%;
	background: #C4C4C4;
	margin-left: 32px;
}

.nav-profile-img img {
	height: 45px;
	border-radius: 50%;
}

#major-content {
	margin-top: 12vh;
	min-height: 90vh;
}

.create-listing {
	min-height: 88vh;
	max-height: 88vh;
}

.category-options a {
	text-decoration: none;
	color: #898989;
}

.category-option {
	height: 110px;
	background-color: #F9FAFA;
	border: 1px solid #DFE7E6;
	box-shadow: 0px 2px 2px -1px #AEB4B317;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	border-radius: 5px;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-left: 20px;
}

.category-option .title {
	font-size: 16px !important;
}

.category-option .title .coming-soon {
	color: #7B7B7B;
	font-size: 12px;
	border: solid 1px #C2C2C2;
	width: 88px;
	display: inline-block;
	text-align: center;
	margin-left: 8px;
	border-radius: 32px;
	background-color: white;
}

.category-option .roomscout-radio:after {
	top: 0.5px;
}


.category-option .brief {
	font-size: 14px;
	padding-right: 20px;
}

.listing_type_box {
	border: 1px solid #C8CECD;
	min-height: 56px;
	border-radius: 8px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 15px;
	cursor: pointer;
	padding-bottom: 10px;
}

.listing_type_box.active {
	box-shadow: 0px 0px 0px 2px #20A692;
}

.create-listing {
	/* overflow-y: scroll; */
	/* max-height: 500px; */
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */

}

.create-listing::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.create-listing::-webkit-scrollbar {
	display: none;
}

.left-side::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.left-side::-webkit-scrollbar {
	display: none;
}

.create-listing .left-side {
	width: 55.4%;
	float: left;
	padding-top: 96px;
	padding-left: 190px;
	padding-right: 52px;
	padding-bottom: 200px;
	/* min-height: 100vh; */
	min-height: 88vh;
	max-height: 88vh;
	overflow-y: scroll;
	/* max-height: 500px; */
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.create-listing .left-side .listing_progress_section {
	position: fixed;
	left: 0;
	right: 0;
	top: 90px;
}

.account-type-leftside {
	padding-top: 64px !important;
}

.account-type-leftside .title-sub {
	margin-top: 50px !important;
}

.create-listing .left-side .heading {
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 16px;
	color: #000000;
}

.create-listing .left-side .subsection {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 32px;
	color: #000000;
}

.create-listing .left-side .title {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	color: #3B4846 !important;

}

.create-listing .left-side .create-listing-title-section .font-greenish-faint-2 {
	/* color: #596C69; */
	font-size: 20px;
	color: #3B4846;
}


.create-listing .left-side .title-sub {
	margin-top: 16px;
	font-size: 16px;
	color: #7B7B7B;
	width: 70%;
}

.power-frequency-sub {
	margin-top: 56px;
}

.create-listing .left-side .form-section {
	margin-top: 46px;
	max-width: 450px;
	/* overflow-y: scroll; */
	/* max-height:400px; */
	padding-right: 50px;
	/* padding-bottom: 200px; */
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.create-listing .left-side .amenity {
	margin-top: 25px !important;
}

.create-listing .left-side .form-section::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.create-listing .left-side .form-section-amenity {
	max-width: unset;
}

.create-listing .left-side .form-section-location {
	margin-top: 46px;
	/* overflow-y: scroll;  */
	padding-right: 68px;
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	padding-bottom: 200px;
}


.account-type-leftside .form-section-location {
	margin-top: 30px !important;
}

.create-listing .left-side .form-section-location::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.create-listing .left-side .form-section-location #map {
	width: 100%;
	height: 250px;
	margin-top: 15px;
}

.edit-location #map {
	width: 100%;
	height: 250px;
	margin-top: 15px;
}

.create-listing .left-side .form-section-full {
	margin-top: 46px;
	overflow-y: scroll;
	padding-bottom: 200px;
	padding-right: 50px;
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.create-listing .left-side .form-section-full::-webkit-scrollbar {
	width: 0;
	height: 0;
}


.create-listing .left-side .form-section-location .address-info {
	color: #757575;
}


.create-listing .left-side .form-section-bathroom {
	margin-top: 46px;
	max-width: 360px;
	padding-right: 50px;
}

.bathroom-type-option {
	margin-top: 10px;
}

.bathroom-type-block {
	display: none;
}

.tip-box-content li img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.about-your-listing .input-group-text {
	/* background-color: #EEEEEE !important; */
	/* border: 1px solid #CFCFCF !important; */
}

.create-listing .left-side .form-section::-webkit-scrollbar {
	display: none;
}


.create-listing .left-side .form-section-full::-webkit-scrollbar {
	display: none;
}

.create-listing .left-side .form-section .form-group {
	margin-bottom: 20px;
}

.create-listing .left-side .form-section-location .location-group {
	margin-bottom: 18px !important;
}

.create-listing .left-side .form-section-property-type {
	padding-top: 56px;
	max-width: 470px;

}

.create-listing .left-side .form-section-process {
	margin-top: 56px;
	max-width: 470px;
}

.create-listing .left-side .form-section-process .row {
	background-color: #F9FAFA;
	border: solid 1px #DFE7E6;
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: 0px 2px 2px -1px #AEB4B317;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	justify-items: center;
	min-height: 104px;

}

.form-section-process .process-header {
	margin-bottom: 8px;
	font-size: 18px;
}

.form-section-process .process-desc {
	font-size: 16px;
	color: #757575;
}

.form-section-process .process-action {
	text-align: right;
	padding-right: 20px;
}

.form-section-process .process-action .mdi {
	font-size: 24px !important;
}

.create-listing .left-side .form-section-property-type .form-check {
	margin-bottom: 48px;
}

.amenity .form-check {
	margin-bottom: 20px;
}

.amenity label {
	font-size: 16px;
	/* margin-left: 22px; */
	padding-top: 5px;
}

.amenity .form-check-input {
	width: 20px;
	height: 20px;
	accent-color: #21A995;
}


.form-section-power-frequency .form-check {
	margin-bottom: 10px;
}

.form-section-power-frequency {
	padding-top: 33px;
}

.amenity-section {
	margin-bottom: 15px;
	margin-top: 15px;
}

.amenity-section-title {
	color: #2D3635;
	font-weight: bold;
}

.top-amenity-section {
	margin-bottom: 23px;
}

#listingTipModal .modal-header {
	border-bottom: none;
	padding-top: 0;
}

#listingTipModal .modal-body {
	padding-top: 0;
	padding-left: 24px;
	padding-right: 24px;
}

#listingTipModal .close {
	background: white;
	z-index: 1000;
	position: absolute;
	border-radius: 50%;
	width: 43px;
	height: 43px;
	right: 0;
	padding-top: 10px;
	padding-left: 10px;
	opacity: 1;
	color: #C4C4C4;
}

/* #listingTipModal .close div{
	border: solid 1px #C4C4C4;
	border-radius: 50%;
	width: 18px;
	height: 18px;
} */

/* .create-listing .left-side .btn-section {
	position: absolute;
	padding-bottom: 20px;
	bottom: 0;
	width: 488px;
	border-top: solid 1px #C4C4C4;
	padding-top: 16px;
	background: white;
}

.create-listing .left-side .btn-section .left {
	text-align: left;
}

.create-listing .left-side .btn-section .right {
	float: right;
}

.create-listing .left-side .btn-section .btn {
	width: 84px;
	height: 40px;
} */

.publish-form .btn {
	width: auto !important;
}

.publish-form {
	margin-block-end: 0;
	float: right;
}

.create-listing .left-side .btn {
	width: 149px;
	height: 40px;
}

.create-listing .right-side {
	width: 44.6%;
	float: right;
	background-color: #E9F7F5;
	min-height: 80vh;
	background-image: url('../images/footer-illustration-abj-lag-right.png');
	background-position: left bottom;
	background-repeat: repeat-x;
}

.create-listing .furniture-background {
	background-image: url('../images/chair-overlay-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.create-listing .chair-bg {
	background-image: url('../images/chair-bg.png');
	min-height: 80vh;
	background-position: center bottom;
	background-size: cover;
}

.create-listing .publish-bg {
	background-image: url('../images/publish-bg-2.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.create-listing .right-side .listing-examples-box {
	width: 303px;
	min-height: 410px;
	box-shadow: 1px 1px 22px rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	margin-top: 96px;
	margin-left: 60px;
	background-color: white;
	padding: 24px;
}

.create-listing .right-side .info-box-extensive {
	height: auto !important;
	min-height: 0 !important;
}

.right-side p {
	font-size: 12px;
}

.create-listing .right-side .info-box-extensive .icon {
	margin-bottom: 20px;
}

.create-listing .right-side .listing-tips-box {
	width: 300px;
	min-height: 314px;
	box-shadow: 1px 1px 22px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	margin-top: 96px;
	margin-left: 16px;
	background-color: white;
	padding: 24px;
}

.listing-tips-box li {
	font-size: 14px;
	margin-bottom: 16px;
}

.listing-tips-box ul {
	padding-inline-start: 18px
}

.icon {
	width: 24px;
	height: 24px;
	background: #C4C4C4;
	border-radius: 50%;
}

.right-help-title {
	margin-top: 24px;
	margin-bottom: 24px;
	font-size: 16px;
}

.listing-examples-box .right-help-title {
	font-size: 14px;
}

.right-side .example-item {
	display: none;
}

.right-side .listing-examples-box .navigation-item-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #EEEEEE;
	margin-top: 32px;
	display: inline-block;
}

.right-side .listing-examples-box .active-dot {
	background-color: #CFCFCF;
	border: 1px solid #555555;
}

.right-side .title-example .title-help-skeleton {
	background-color: #EEEEEE;
	height: 8px;
	margin-bottom: 8px;
}

.right-side .title-example .skeleton-100 {
	width: 100%;
}

.right-side .title-example .skeleton-80 {
	width: 80%;
}

.right-side .title-example .skeleton-60 {
	width: 60%;
}

.right-side .title-example .skeleton-40 {
	width: 40%;
}

.right-side .title-example .skeleton-20 {
	width: 20%;
}

.right-side .help-thumbnail {
	height: 140px;
	background: #CFCFCF;
	border-radius: 4px;
	margin-bottom: 16px;
}

.right-side .help-listing-title {
	font-size: 16px;
	margin-bottom: 16px;
}


.progress {
	height: 8px;
	/* top: 12vh !important; */
	z-index: 101;
}

.bg-primary {
	background-color: #757575 !important;
}

.btn-primary {
	background-color: #757575;
	border-color: #757575;
}

.btn-primary-outline {
	background-color: transparent;
	border: solid 1px #20A692;
	color: #20A692;
}

.btn-danger-outline {
	background-color: transparent;
	border: solid 1px #F83A4D;
	color: #F83A4D;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background: #CFCFCF;
	border: none;
}

.btn-transparent {
	border: 2px solid #086455;
	box-shadow: 3px 3px #086455, 3px 3px 0px 1px #086455;
}

.btn-60 {
	height: 60px;
}

.get-started {
	height: 50px;
	border-radius: 70px;
	font-size: 21px;
	font-weight: 600;
	color: #086455;
	font-family: 'Geist SemiBold' !important;
	padding-left: 21px;
	padding-right: 21px;
}

.bathroom-label {
	font-weight: bold;
	padding-top: 10px;
}

.bathroom-button {
	width: 45px;
	height: 45px;
	border: 1.5px solid #757575;
	border-radius: 5px;
	text-align: center;
	padding-right: 0;
	font-size: 25px;
	color: #757575;
	cursor: pointer;
}

.bathroom-button span {
	color: #757575;
	font-size: 16px;
}

.bathroom-count {
	padding-top: 10px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.property-type-desc {
	font-size: 12px;
	color: #757575;
	margin-top: 8px;
}

.property-type-header {
	font-size: 16px;
	color: #000000;
}

.input-tip {
	font-size: 12px;
	color: #757575;
}

.form-section-location input {
	margin-bottom: 5px;
}

.tip-box {
	margin-top: 80px;
	background: white;
	padding: 24px;
	margin-left: 16px;
	max-width: 300px;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	box-shadow: 1px 1px 22px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
}

.suggested-title .main-head {
	color: #222222;
	font-weight: bold;
	margin-top: 64px;
}

.suggested-title .subtext {
	font-size: 12px;
	margin-top: 8px;
}

.suggested-title .listing-title {
	margin-top: 16px;
	min-height: 50px;
	padding-top: 15px;
	border: 1px solid #CFCFCF;
	padding-left: 15px;
	border-radius: 5px;
}

.suggested-title .listing-title-active {
	background: #EEEEEE;
}

.tip-box .title {
	color: #000000;
	font-size: 16px;
	margin-bottom: 14px;
	font-weight: bold;
}

.tip-box .sub-title {
	color: #000000;
	margin-bottom: 23px;
}

.tip-box .tip-box-icon {
	font-size: 24px;
	margin-bottom: 14px;
}

.tip-box-content {
	color: #737373;
}

.tip-box-content li {
	margin-bottom: 8px;
	margin-left: -25px;
	font-size: 12px;
}

.price-breakdown .item .item-cost {
	text-align: right;
}

.price-breakdown .item {
	margin-bottom: 10px;
}

.price-breakdown .total {
	/* border-top: dashed 1px #C4C4C4; */
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
	background: #F5F5F5;
	border-radius: 8px;
	padding-bottom: 10px;
	margin-top: 15px;
}

.pricing-section {
	margin-top: 36px;
	margin-bottom: 70px;
}

.pricing-form .form-group {
	margin-bottom: 40px;
}

.pricing-form .input-group-text {
	background-color: #EEEEEE;
	border: 1px solid #CFCFCF;
}

#price-breakdown-content {
	font-size: 12px;
}

#price-breakdown-content-inspection {
	font-size: 12px;
}

.pricing-section .pricing-section-title {
	color: #000000;
	font-weight: bold;
	margin-bottom: 8px;
}

.pricing-section .pricing-section-desc {
	font-size: 12px;
	color: #757575;
	margin-bottom: 24px;
}

.pricing-section .price-caption {
	color: #757575;
	font-size: 14px !important;
	font-weight: bold !important;
}

.discount_form_item {
	background-color: #FBFBFB;
	border: 1px solid #DFE7E6;
	box-shadow: 0px 2px 2px -1px #AEB4B317;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	height: 120px;
	border-radius: 5px;
	padding-top: 30px;
}

.discount_form_item .promo-title {
	color: #4A5A58;
}

.first-booking-input {
	background-color: #FBFBFB !important;
	border: none;
}

label {
	font-size: 14px;
}

.availability-hours {
	font-weight: bold;
	margin-bottom: 16px;
	color: #000000;
}

.availability-days {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 16px;
	color: #000000;
}

.availability-section .form-check {
	margin-bottom: 10px;
}

.edit-listing-publish {
	color: #757575;
	padding-left: 20px;
	font-size: 14px;
}

.edit-listing-publish a {
	color: #757575;
	font-size: 14px;
}

.mobile-only {
	display: none;
}

.mobile-only-inline {
	display: none;
}

.mobile-only-flex {
	display: none;
}

.desktop-only {
	display: block;
}

.desktop-only-inline {
	display: inline;
}

.desktop-only-flex {
	display: flex;
}

.preview-box {
	background: white;
	width: 319px;
	height: 100px;
	margin-left: 100px;
	position: absolute;
	bottom: 120px;
	padding: 16px;
	box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.15);
}

.preview-box .preview-box-name {
	color: #000000;
	font-size: 14px;
}

.preview-box .name-section {
	padding-top: 8px;
}

.preview-box .preview-box-image {
	background: #C4C4C4;
	height: 68px;
}

.check-publish-box .preview-box-image {
	height: 139px;
}

.listing-skeleton {
	background-color: #D9D9D9B8;
}

.skeleton-box {
	height: 24px;
}

.skeleton-line {
	height: 13px;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-right-desktop {
	text-align: right;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.padding-right-half {
	padding-right: 7.5px;
}

.padding-left-half {
	padding-left: 7.5px;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.listing-checklist {
	margin-bottom: 18px;
}

.listing-checklist .item {
	margin-bottom: 10px;
}

.error-msg {
	color: #d9534f;
	font-size: 14px;
}

.success-msg {
	color: #5cb85c
}

.bottom-flash {
	min-height: 97px;
	min-width: 383px;
	/* text-align: center; */
	background-color: white;
	border-radius: 15px;
	position: fixed;
	bottom: 30px;
	right: 20px;
	padding: 15px;
	/* opacity: 0.2; */
	color: #7B7B7B;
	display: none;
	border: 1px solid #EBEBEB;
	box-shadow: 0px 4px 22.8px 0px #00000014;
	box-shadow: 3px 3px 0px 0px #000000;
	z-index: 1000000000;

}

.bottom-flash .close {
	padding-top: 20px;
}

.bottom-flash .row {
	min-height: 60px;
}

.bottom-flash .notification-check-container {
	height: 40px;
	width: 40px;
	background-color: #EDFCF4;
	border: 0.5px solid #000000;
	border-radius: 50%;
	font-size: 25px;
}

.bottom-flash .notification-status-title {
	text-transform: capitalize;
}

.bottom-flash .notification-check-container .notification-success {
	color: #0D8E5A;
}

.bottom-flash .notification-check-container .notification-error {
	color: #d9534f;
}

.bottom-flash .notification-check-container .notification-info {
	color: #5bc0de;
}

.warning-msg {
	color: #f0ad4e;
}

.info-msg {
	color: #5bc0de;
}

.dropzone {
	/* background: #F9FBFA; */
	/* border-radius: 8px; */
	max-width: 400px;
	/* border: 1px dashed #909D9B; */
	border: none;
	margin-top: 20px;
	padding: 0 !important;
	min-height: 0;
}

.dropzone .dz-preview {
	margin: 0;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	min-height: 64px;
}

.dropzone .dz-preview .dz-image {
	height: 64px;
	width: 90px;
	border-radius: 8px;
}

.dropzone .dz-preview .dz-details .dz-size {
	font-size: 10px;
}

.dropzone .dz-preview .dz-details {
	padding: 5px 5px;
}

.custom-dropzone-trigger {
	background: #F9FBFA;
	border-radius: 8px;
	max-width: 400px;
	border: 1px dashed #909D9B;
	padding-top: 50px;
	padding-bottom: 50px;
}

#dropzone .mdi-plus {
	font-size: 40px;
}


.images-preview-container {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	max-width: 420px;
}

.images-preview-container .item-box {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.images-preview-container .preview-image {
	/* height: 170px; */
	width: 100%;
	border-radius: 9px;
}

.images-preview-container .image-caption {
	margin-top: 5px;
}

.images-preview-container .image-caption input {
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	outline: 0;
	font-size: 14px;
}

.select-image-board {
	height: 225px;
	display: none;
}

.images-preview-container .listing-photo-item {
	margin-bottom: 10px;
}

.images-preview-container .listing-photo-item-box {
	height: 64px;
}


.images-preview-container .listing-photo-item .action-items {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 15px;
}

.images-preview-container .listing-photo-item .action-items .photo-action-delete {
	width: 35px;
	height: 35px;
	background: #FFFFFF;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
	padding-top: 3px;
	text-align: center;
}

.images-preview-container .listing-photo-item .action-items .photo-action-edit {
	width: 35px;
	height: 35px;
	background: #FFFFFF;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
	padding-top: 3px;
	text-align: center;
}

.background_image {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* .dropzone .dz-preview.dz-image-preview {
	display: none !important;
} */

#picture-upload-message {
	/* display: block !important; */
}

.cursor-pointer {
	cursor: pointer;
}

.hidden-amenity {
	display: none;
}

.underline {
	text-decoration: underline;
}

.no-select {
	user-select: none;
}

.auto-width {
	width: auto;
	;
}

.pointer {
	cursor: pointer;
}

.show-more-amenities {
	margin-top: 15px;
	font-size: 14px;
}

#add-basic-amenity {
	display: none;
	margin-top: 20px;
}

.add-basic-amenity {
	margin-top: 20px;
}

#add-safety-amenity {
	display: none;
	margin-top: 20px;
}

#add-safety-amenity {
	margin-top: 20px;
}

#add-safety-amenity input {
	outline: 0 !important;
}

input {
	outline: 0 !important;
	outline-width: 0 !important;
}

input.middle:focus {
	outline-width: 0 !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input:focus,
input.form-control:focus {

	outline: none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#add-basic-amenity input {
	outline: 0 !important;
}

.input-bottom-help {
	color: #555555;
	font-size: 12px;
}


#caption-for-fee {
	border: none !important;
	outline: 0 !important;
}

.additional-fee-error {
	display: none;
}


.text-danger {
	font-size: 14px;
}

.text-success {
	color: #18A86B !important;
}

#caption-for-fee {
	width: 100%;
}

.cover-photo-tag {
	position: absolute;
	background: white;
	border-radius: 50%;
	/* color: white; */
	top: -14px;
	right: -4px;
	font-size: 24px;
	width: 24px;
	height: 24px;
}

.thumbnail-icon-section {
	/* position: absolute; */
	right: 19px;
	top: 5px;
}

.thumbnail-icon {
	background-color: white;
	width: 35px;
	height: 35px;
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	padding-top: 2px;
	display: inline-block;
	margin-left: 5px;
}

.login-form {
	padding-top: 90px;
}

#userLoginModal .login-form {
	padding-top: 0 !important;
}

.login-form #subtext {
	font-weight: 400;
	padding-top: 15px;
}

.login-form .card {
	box-shadow: 0px 4px 16px 0px #1F3A360F;
	box-shadow: 0px 2px 9px 0px #1F3A360A;
	border: solid 1px #EBEBEB;
	border-radius: 10px;
}

#userLoginModal .login-form .card {
	box-shadow: none !important;
	border: none !important;
}

.signup-form .card {
	box-shadow: 0px 4px 16px 0px #1F3A360F;
	box-shadow: 0px 2px 9px 0px #1F3A360A;
	border: solid 1px #EBEBEB;
	border-radius: 10px;
}

.login-form,
.signup-form .card-header {
	border-bottom: none;
}

.login-form .card-head {
	padding-top: 40px;
}

.login-form .card-head h4 {
	color: black;
	margin-bottom: 10px;
}


.login-form input[type=password]:not(:placeholder-shown) {
	font-family: 'sans-serif';
}

.login-form .error-item {
	padding-bottom: 15px;
}

.login-form #login-back-btn {
	display: inline-block;
	display: none;
	padding-left: 14px;
}

.login-form #action {
	display: inline-block;
	text-align: center;
	width: 100%;
	color: #1E2423;
	font-size: 20px;
	font-weight: 600;
}

.terms-text {
	font-size: 14px;
	color: #A4A4A4;
	text-align: center;
	width: 70%;
	margin: auto;
	margin-top: 20px;
}

.toggleable-password #password {
	/* display: none; */
	border-right: none;
}

.toggleable-password #confirm_password {
	border-right: none;
}

.login-form #password-form-group {
	display: none;
}

.login-form .card-header {
	background: white;
	background-color: white;
	padding-top: 24px;
	padding-bottom: 24px;
}

.signup-form {
	padding-top: 90px;
	padding-bottom: 90px;
}

.signup-form .form-control {
	background-color: #F9FAFA;
}

.signup-form label {
	color: #999999;
}

.signup-form .input-group-append {
	background-color: #F9FAFA !important;
}

.signup-form .input-group-append .input-group-text {
	background-color: #F9FAFA !important;
}

.signup-form button {
	height: 45px;
}

.password-signup-field .input-group-text {
	border: 1px solid #ced4da;
	border-left: none;
	font-size: 14px;
	color: #999999;
}

.password-signup-field input {
	border-right: none;
}

.signup-form .error-item {
	padding-bottom: 15px;
}

.signup-form #login-back-btn {
	display: inline-block;
}

.signup-form #action {
	display: inline-block;
	text-align: center;
	width: 90%;
	color: #222222;
}

.signup-form .input-tip {
	margin-top: 7px;
}

.signup-form .name-inputs {}

.signup-form .name-inputs .first-name {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 0;
}

.signup-form .name-inputs .last-name {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.signup-form .card-head {
	padding: 24px;
}

.verify-email {
	padding-top: 50px;
}

.verify-email-container img {
	height: 48px;
}

.verify-email-container h1 {
	font-size: 52px;
	font-weight: 600;
	color: black;
	margin-top: 15px;
}

.verify-email-container .user_email {
	margin-top: 10px;
}

.verify-email-container .verify_email_info {
	margin-top: 25px;
	margin-bottom: 30px;
	color: #7B7B7B;
}

.verify-email-container .spam_info {
	padding-top: 40px;
}

.verify-email-logo {
	text-align: center;
	margin-bottom: 20px;
}

.verify-email #action {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.verify-email .block-header {
	text-align: center;
	font-size: 20px;
	margin-bottom: 16px;
}

.verify-email .block-body {
	margin-bottom: 20px;
	line-height: 1.7;
}

.phone-number {
	padding-top: 90px;
}

.validate-phone-code {
	padding-top: 90px;
}


.welcome-to-roomscout {
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: 500;
}

#continue-button,
#login-button {
	margin-bottom: 30px;
}

.login-form a {
	height: 45px;
	padding-top: 10px;
}

#login-button {
	display: none;
}

/** Dashboard style **/

.dashboard-todo-card {
	height: 80px;
	padding: 15px;
	background-color: #21AA96;
	border-radius: 12px;
	margin-bottom: 10px;
	border: solid 1px #EDEDED;
	color: #FFFFFF;
}

.dashboard-todo-card a {
	text-decoration: none;
	color: #FFFFFF;
}

.dashboard-todo-card .todo-title {}

.dashboard-todo-card .todo-cta {
	font-size: 14px;
}

.dashboard-listing {}

.dashboard-listing {
	padding-bottom: 100px;
}

.listing-search-box {
	outline: 0 !important;
	width: 80%;
	/*outline: none!important;*/
}

.dashboard-listing .nav-tabs {
	border-bottom: solid 1px #C9D4D3CC;
}

.dashboard-listing-photo-item {
	height: 224px;
	border-radius: 5px;
}

.dashboard-listing-photo-item-small {
	height: 96px !important;
}

.photo-count-round {
	height: 40px;
	width: 43px;
	margin: auto;
	border-radius: 50%;
	padding-top: 7px;

}

.dashboard-listing-photo-count {
	position: relative;
	left: 23%;
	top: 64px;
	font-size: 14px;
}

.dashboard-listing-photo-count-desktop {
	margin-top: 80px;
}

.dashboard-listing-photo-item-last {
	/*background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(41,137,216,0) 50%, rgba(34,125,203,1) 52%, rgba(125,185,232,1) 100%);*/
	opacity: 20%
}

.dashboard-listing .top {
	padding-top: 46px;
	margin-bottom: 44px;
}

.dashboard-inspection .top {
	padding-top: 46px;
	margin-bottom: 44px;
}

.dashboard-listing .listing-count {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding-top: 7px;
}

.dashboard-inspection .listing-count {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding-top: 7px;
}


.inspection-modal .modal-header h5 {
	font-size: 20px;
	font-weight: 500;
	color: #555555;
}

.dashboard-listing .listing-search {}

.input-group-text {
	background-color: white;
	background: #EEEEEE;
	border-right: none;
	border: 1px solid #757575;
}

.input-group-append .input-group-text {
	background: white;
	font-size: 20px;
}

.listing-search input {
	font-size: 14px;
	height: 45px;
	padding-left: 0;
	border: 1px solid #757575;
	border-left: none;
	box-sizing: border-box;
	border-radius: 3px;
}

.listing-search .mdi-magnify {
	color: #C4C4C4;
	font-size: 18px;
}

.listing-display {
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	border-radius: 6px 6px 0px 0px;
}

.display-grid {
	display: grid;
}


.listing-table {
	width: 100%;
}

.listing-table thead {
	color: #757575;
	font-size: 14px;
	border-bottom: solid 1px #C4C4C4;
	min-height: ;
}

.listing-table thead td {
	padding-bottom: 16px;
	font-size: 14px;
}

.listing-table tbody tr {
	min-height: 126px;
	border-bottom: 1px solid #DDDDDD;
}

.listing-table tbody td {
	padding-top: 26px;
	padding-bottom: 26px;
	font-size: 14px;
	color: #000000;
}

.listing-table .listing-info {
	width: 14%;
}

.listing-table .name {
	width: 20%;
}

.listing-table .listing-to-do {
	width: 15%;
	text-align: center;
}

.listing-table .listing-bedrooms {
	width: 10.5%;
	text-align: center;
}

.listing-table .listing-baths {
	width: 10.5%;
	text-align: center;
}

.listing-table .listing-location {
	width: 30%;
}

.listings-display {
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	border-radius: 6px;
}


.listing-dashboard-item {
	height: 188px;
	/* border-bottom: 1px solid #CCCCCC; */
	border: solid 2px #0D53492B;
	box-shadow: 0px 2px 10.2px -1px #D6E2E04D;

}

.listing-dashboard-item .listing-status {
	font-size: 30px;
	padding-top: 15px;
}

.listing-dashboard-item .active {
	color: #757575 !important;
}

.listing-dashboard-item .inactive {
	color: #DDDDDD !important;
}

.listing-dashboard-item .listing-image {
	height: 184px;
	width: 100%;
	/* border-radius: 5px; */
}


.listing-dashboard-item .inspection-image {
	height: 64px;
	width: 64px;
	background: #C4C4C4;
	margin-top: 40px;
	border-radius: 50%;
}

.listing-dashboard-item .inspection-name {
	margin-top: 50px;
	font-weight: bold;
}

.listing-dashboard-item .inspection-name span {
	font-size: 14px;
	font-weight: lighter;
}

.inspection-dashboard-item {
	height: 161px;
}


.listing-dashboard-item .listing-to-do {
	/* margin-top: 58.5px; */
}

.listing-dashboard-item .column {
	text-align: center;
}

.listing-dashboard-item .listing-property-details {
	border-bottom: solid 1px #DFE3EB4D;
}


.listing-dashboard-item .listing-title-address {
	/* margin-top: 47px; */
	text-align: left;
}

.listing-dashboard-item .listing-title {
	padding-bottom: 3px;
}

.listing-dashboard-item .listing-address {
	font-size: 12px;
	color: #8A97AA;
}

.listing-dashboard-item .listing-bed-bath-type {
	margin-top: 47px;
	text-align: left;
}

.listing-dashboard-item .listing-bed-bath {}

.listing-dashboard-item .listing-type {
	font-size: 12px;
}

.listing-dashboard-item .status-box {
	background: #CCCCCC;
	width: 79px;
	height: 21px;
	margin-top: 52px;
	font-size: 12px;
	padding-top: 2px;
}

.listing-dashboard-item .listing-name {
	color: #000000;
	font-size: 14px;
	padding-top: 15px;
}

.listing-dashboard-item .listing-name a {
	color: #000000;
	text-decoration: none;
}

.listing-to-do button {
	border: 1.2px solid #DFE3EB;
	box-sizing: border-box;
	border-radius: 6px;
	color: black;
	padding-left: 20px;
	padding-right: 20px;
	background-color: white;
	margin-right: 10px;
	height: 40px;
	box-shadow: 0px 2px 6.3px -1px #DFE3EB66;
	box-shadow: 0px -2px 2px -1px #DFE3EB inset;
	font-size: 16px;
	width: 100%;

}

.listing-to-do .btn-primary {
	background-color: #666666;
	color: white;
}

.view-listing .view-listing-box {
	border: solid 1px #D4DDDC;
}

.view-listing .top {
	/* padding-top: 46px; */
	margin-bottom: 44px;
}

.view-listing .top .preview-btn {
	color: #757575;
	text-align: right;
}

.view-listing .top .preview-btn button {
	background: #FFFFFF;
	box-shadow: 0px 2px 6.3px -1px #DFE3EB66;
	box-shadow: 0px -2px 2px -1px #DFE3EB inset;

}

.view-listing .listing-properties .nav-item a {
	font-size: 14px;
	color: #A9A9A9;
	padding-left: 0px !important;
	margin-right: 40px;
}

.view-listing .listing-properties .nav-details {
	width: 82px;
}

.view-listing .listing-properties .nav-pricing {
	width: 82px;
}

.view-listing .nav-tabs .nav-link:hover {
	border: none;
}

.nav-tabs .nav-link {
	border: none;
}

.landlord-dashboard {
	padding-top: 60px;
	padding-bottom: 50px;
}

.landlord-dashboard .top-section h4 {
	font-size: 20px;
	color: #222222;
}

.dashboard-guide {
	border-radius: 5px;
	/* padding: 24px; */
	min-height: 220px;
}

.dashboard-guide .dashbord-guide-close {
	position: absolute;
	right: 30px;
	top: 10px;
	font-size: 20px;
	color: #898989;
}

.dashboard-guide .title {
	font-size: 20px;
	margin-bottom: 5px;
}

.dashboard-guide .text-block {
	font-size: 14px;
}

.dashboard-guide .side-image {
	height: 100%;
}

.dashboard-guide .side-image img {
	width: 100%;
	position: absolute;
	bottom: 0;
	max-width: 100%;
	right: 20px;
}

.dashboard-guide .cta {
	margin-top: 15px;
	width: 190px;
	height: 48px;
	border: 2px solid #666666;
	border-radius: 5px;
}

.stat-box {
	height: 92px;
	border: 1px solid #EDEDED;
	border-radius: 5px;
	padding: 16px 10px;
	box-shadow: 0px 4px 4px 0px #0000000A;
	border-radius: 12px;


}

.stat-box .image-box {
	width: 60px;
	height: 60px;
	border: solid 1px #EDEDED;
	border-radius: 5px;
	text-align: center;
}

.stat-box .image-box img {
	margin-top: 20px;
}

.stat-box .figure {
	font-size: 24px;
	line-height: 37px;
	color: #222222;
}

.stat-box .figure-text {
	color: #555555;
	font-size: 14px;
}

.stat-box .stat-right {
	float: left;
}

.stat-box .stat-left {
	float: left;
	margin-right: 10px;
}

.performance-stats {
	margin-top: 32px;
}

.horizontal-scrollable>.row {
	overflow-x: auto;
	white-space: nowrap;
	flex-wrap: unset;
}

.horizontal-scrollable>.row>.col-9 {
	display: inline-block;
	float: none;
}

.horizontal-scrollable>.row>.column {
	display: inline-block;
	float: none;
}

.performance-stats h4 {
	font-size: 20px;
	color: #555555;
	margin-bottom: 10px;
}

.upcoming-box {
	min-height: 150px;
	border: 1px solid #EDEDED;
	border-radius: 5px;
	padding: 16px;
}

.upcoming-box .top-section {
	border-bottom: solid 1px #EDEDED;
	padding-bottom: 30px;
}

.inspection_dots {
	color: #198071;
	/* font-size: 20px; */
	font-size: 8px;
}

.upcoming-box .underline {
	font-size: 14px;
}

.dashboard-to-dos {
	margin-top: 32px;
	margin-bottom: 64px;
}

.dashboard-to-dos h4 {
	font-size: 20px;
	color: #555555;
	margin-bottom: 10px;
}

.dashboard-to-dos-container {
	min-height: 244px;
	background-color: #F8F9F9;
	border: solid 1px #E4E7EB;
}

.dashboard-identiti-card .todo-box{
	border: solid 1px #F17B2C;
	background-color: #FEF3EB33;
	background-image: unset;
}

.todo-box {
	border: solid 1px #EDEDED;
	min-height: 212px;
	background-color: white;
	background-image: url('../images/accent-pattern-bg.png');
	background-repeat: no-repeat;
	background-position-y: 95px;
	background-position-x: 150px;

}

.todo-box-bg {}

.todo-box .todo-description {
	white-space: normal;
}

.todo-box .todo-image {
	box-shadow: 0px 1px 4px 0px #0000000F;
	border: solid 1px #D8D8D8;
	height: 40px;
	width: 40px;
	margin-bottom: 30px;
	border-radius: 4px;
}

.todo-scroll {
	box-shadow: 0px 4px 4px 0px #00000014;
	background-color: white;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}

.no-todos {
	margin-top: 20px;
}

.dashboard-to-dos a {
	text-decoration: none;
	color: #555555;
}

.priority-todo {
	background-position-x: 168px;
	background-position-y: 62px;
	min-height: 100px !important;
}

.priority-todo .todo-title {
	color: #555555;
	padding-top: 5px;
}

.dashboard-profile-todo-container {
	background-color: white;
	box-shadow: 0px 4px 4px 0px #0000000A;
	border: solid 1px #EDEDED;
	padding: 15px;
}

.custom-roomscout-range input[type='range'] {
	overflow: hidden;
	width: 250px;
	-webkit-appearance: none;
	background-color: #E2E4E9;
}

.custom-roomscout-range input[type='range']::-webkit-slider-runnable-track {
	height: 7px;
	-webkit-appearance: none;
	color: #2D9F75;
	width: 100%;
	margin-top: -1px;
}

.custom-roomscout-range input[type='range'] {
	width: 100%;
}

.custom-roomscout-range input[type='range']::-webkit-slider-thumb {
	width: 0px;
	-webkit-appearance: none;
	height: 7px;
	cursor: ew-resize;
	background: #2D9F75;
	box-shadow: -250px 0 0 250px #2D9F75;
}

/** FF*/
.custom-roomscout-range input[type="range"]::-moz-range-progress {
	background-color: #2D9F75;
}

.custom-roomscout-range input[type="range"]::-moz-range-track {
	background-color: #2D9F75;
}

/* IE*/
.custom-roomscout-range input[type="range"]::-ms-fill-lower {
	background-color: #21AA96;
}

.custom-roomscout-range input[type="range"]::-ms-fill-upper {
	background-color: #2D9F75;
}

.dashboard-business-manager-container {
	background-color: white;
	box-shadow: 0px 4px 4px 0px #0000000A;
	border: solid 1px #EDEDED;
	padding: 15px;
}

.dashboard-business-manager-container .dashboard-stat-box {
	height: 106px;
	background-color: #F8F9F9;
	margin-bottom: 15px;
}

.dashboard-business-manager-container .stat-figure{
	padding-top: 10px;
}

.dashboard-business-manager-container .dashboard-stat-box.active {
	background-color: #ECF7F5;
}

.dashboard-business-manager-container a {
	text-decoration: none;
	color: #525866;
}

.dashboard-profile-todo-item .profile-tod-cta a {
	padding-top: 10px;
}

.dashboard-identiti-card a {
	text-decoration: none;
}

.stack-container {
	height: 72px;
	width: 100%;
	position: relative;
}

.stack-container .card {
	height: 100%;
	width: 100%;
	padding: 23px;
	position: absolute;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	display: inline;
}

.unstacked-box {
	border: 1px solid #9FECE1;
	border-radius: 5px;
	height: 72px;
	margin-bottom: 16px;
	padding: 23px
}

.unstacked-box input {
	margin-right: 15px;
}

.stack-container .card.green {
	border: solid 1px #9FECE1;
}

.stack-container .card.green input {
	margin-right: 15px;
}

.stack-container .card.yellow {
	background: #9FECE1;
}

.stack-container .card.blue {
	background: #BFF3EB;
}

.stack-container .card.violet {
	background: #DFF9F5;
}

.stack-container .card:first-of-type {
	z-index: 4;
}

.stack-container .card:nth-of-type(2) {
	z-index: 3;
	top: 10px;
}

.stack-container .card:nth-of-type(3) {
	z-index: 2;
	top: 20px;
}

.stack-container .card:nth-of-type(4) {
	z-index: 1;
	top: 30px;
	box-shadow: none;
}





.view-listing .listing-properties .nav-item .active {
	font-weight: bold;
	color: #000000;
}

.view-listing .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border: none;
	/* border-bottom: solid 2px #000000; */
	background-color: #E9F7F5;
	color: #0B6D5C !important;
}

.view-listing .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active:hover {
	border: none;
	/* border-bottom: solid 2px #000000 !important; */
}


.view-listing .tab-content .section {
	padding-bottom: 32px;
	margin-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
}

.view-listing .tab-content .section .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 22px;
}


.view-listing .tab-content .section .edit {
	font-size: 14px;
	font-weight: bold;
	color: #757575;
	text-align: right;
	text-decoration: underline;
}

.view-listing .tab-content .section .edit a {
	color: #757575;
	text-decoration: underline;
}

.view-listing .tab-content .section .section-content {
	color: #000000;
}

.view-listing .tab-content .section .section-content .value {
	color: #555555;
}

.view-listing .tab-content .section .section-content .amenity-item {
	margin-bottom: 24px;
}

.view-listing .tab-content .section .section-content .amenity-pill {
	background-color: #E9F7F5;
}

.view-listing .tab-content .section .section-content .amenity-icon {
	width: 24px;
	height: 24px;
	background: #C4C4C4;
}

.view-listing .tab-content .section .section-content .copy-custom-link {
	margin-top: 16px;
	color: #757575;
	font-size: 14px;
	background-color: #E9F7F5;
	border-radius: 4px;
}

.copy-custom-link-cta {
	display: block;
	float: right;
	position: absolute;
	right: 20px;
	top: 10px;
}

.edit-listing {
	overflow-y: scroll;
	max-height: 500px;
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.edit-listing::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.edit-listing::-webkit-scrollbar {
	display: none;
}


.edit-listing .top {
	padding-top: 46px;
	margin-bottom: 44px;
	font-size: 14px;
	color: #757575;
}

.edit-listing .top a {
	color: #757575;
	text-decoration: none;
}

.edit-listing .edit-title {
	color: #000000;
	font-size: 24px;
}

.edit-listing .edit-description {
	margin-top: 10px;
}

.edit-listing .edit-section {
	margin-bottom: 15px;
}


.edit-listing .edit-section .title {
	color: #000000;
	font-size: 16px;
	margin-top: 32px;
	margin-bottom: 8px;
}

.edit-listing .edit-section .description {
	font-size: 12px;
	color: #757575;
	margin-bottom: 24px;
}

.edit-listing .bathroom-button {
	width: 45px;
	height: 45px;
	border: 1.5px solid #757575;
	/* border-radius: 50%; */
	text-align: center;
	padding-right: 0;
	font-size: 25px;
	color: #757575;
}

.total-border {
	border-top: solid 1px #CFCFCF;
	padding-top: 20px;
}

.edit-listing .btn-section {
	position: absolute;
	bottom: 20px;
	width: 62%;
	border-top: solid 1px #C4C4C4;
	padding-top: 16px;
	background: white;
}

.edit-listing .btn-section .cancel {
	background: #FFFFFF;
	border: 2px solid #757575;
	box-sizing: border-box;
	border-radius: 6px;
}

.edit-listing .btn-section button {
	padding-left: 20px;
	padding-right: 20px;
}


.edit-listing .form-check {
	color: #000000;
	margin-bottom: 16px;
}

.edit-listing .input-group-prepend .input-group-text {
	background: #DDDDDD;
	border: 1px solid #757575;
	box-sizing: border-box;
	border-radius: 3px 0px 0px 3px;
	font-size: 14px;
}

.edit-listing .input-group-append .input-group-text {
	font-size: 14px;
}

.edit-listing .edit-custom-link input {
	border: 1px solid #757575;
}

.edit-listing .edit-custom-link .delete {
	padding-top: 5px;
	font-size: 20px;
}

.title-input-group input {
	border: 1px solid #757575;
	border-right: none;
}

.title-input-group .input-group-append .input-group-text {
	border: 1px solid #757575;
	border-left: none;
	color: #757575;
	font-size: 12px;
}

.description-input-group {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

.description-input-group textarea {
	/*height: 100px; */
	width: 100%;
	resize: none;
	border-radius: 3px;
	padding: 5px;
}

.description-input-group span {
	position: absolute;
	bottom: -10px;
	right: 17px;
	font-size: 12px;
}

.text-counter-warning {
	color: #F17B2C;
}

.text-counter-danger {
	color: #DF1C41;
}

.mobile-tip-link {
	margin-top: 23px;
	margin-bottom: 300px;
}

.mobile-tip-link .tip-icon {
	float: left;
	background-color: #D9D9D9;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	padding-top: 1px;
}

.mobile-tip-link .tip-cta {
	float: left;
	font-size: 10px;
	text-decoration: underline;
	margin-top: 7px;
	margin-left: 10px;
	cursor: pointer;
}

.edit-property-type .form-content {
	margin-top: 12px;
}

.property-set-up-edit .form-check {
	margin-bottom: 25px;
}

.edit-location .form-group {
	margin-bottom: 25px;
}

.price-breakdown {
	margin-top: 20px;
	margin-bottom: 30px;
}

.price-breakdown .price-item {
	margin-bottom: 25px;
}

.pricing-edit .input-group-append {
	border: 1px solid #757575;
	border-radius: 0px 3px 3px 0px;
}

.no-listing {
	text-align: center;
	margin-top: 30px;
}

.no-listing p {
	font-size: bold;
	margin-top: 20px;
	margin-bottom: 50px;
}

.pricing-edit input {
	border: 1px solid #757575;
	box-sizing: border-box;
	border-radius: 3px;
}

.edit-pricing-content .tip-box {
	max-width: 319px;
}

.bottom-tip-box {
	font-size: 12px;
	margin-top: 8px !important;
}




.availability-block {
	margin-top: 20px;
	margin-bottom: 30px;
}

.availability-block .block-item {
	margin-bottom: 16px;
}

.calendar-days {
	/* border-bottom: 1px solid #CFCFCF; */
	padding-left: 15px;
}

.calendar-day {
	width: 15%;
	margin-top: 22px;
	padding-top: 10px;
	float: left;
	margin-bottom: 25px;
	min-height: 88px;
	margin-left: 15px;
	margin-right: 15px;
}

.calendar-day-active {
	background-color: #DFF9F5;
	border: solid 1.5px #198071;
	border-radius: 5px;
}

.calendar-day .day {
	color: #555555;
	text-align: center;
}

.calendar-day .date {
	font-size: 20px;
	color: #222222;
	text-align: center;
	/* margin-bottom: 22px; */
}

.days-activities {
	clear: both;
	/* border-top: 1px solid #CFCFCF; */
}

.inspection-profile {
	margin-top: 24px;
}

.inspection-profile-image {
	background: #D9D9D9;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

.abbreviation-display {
	padding-top: 8px;
	text-align: center;
	font-weight: bolder;
	text-decoration: none;
	font-size: 22px;
}

.inspection-image .abbreviation-display {
	padding-top: 17px;
}

#modal-action-btn {
	text-transform: capitalize;
}

#inspection-modal-image .abbreviation-display {
	padding-top: 24px;
}

#inspection-modal-image .abbreviation-display {
	padding-top: 24px;
}

#inspection-modal-image .image-circle {
	border-radius: 50%;
}

/* .dashboard-inspection #myTabContent{
	margin-bottom: 200px;
} */

.inspection-profile-name {
	color: #222222;
	font-size: 14px;
	margin-bottom: 8px;
	font-weight: bold;
}

.inspection-date {
	font-size: 14px;
	color: #555555;
}

.inpspection-profile-arrow {
	font-size: 30px;
}

.inpspection-profile-arrow a {
	color: #636b6f;
}

.inspection-contact-box {
	background: #DFF9F5;
	border-radius: 5px;
	height: 194px;
	margin-top: 24px;
	padding: 20px;
}

.inspection-contact-box .image-box {
	background-color: white;
	height: 129px;
	margin-top: 32px;
	margin-right: 24px;
}

.inspection-contact-box .title {
	font-size: 24px;
	color: #555555;
}

.inspection-contact-box .btn-transparent {
	margin-top: 30px;
	font-size: 16px;
}

/** End dashboard style **/



/** Start user account style **/

.user-account .complete-profile-box {
	/* min-height: 100px; */
	border: solid 1px #CFCFCF;
	background-color: #EEEEEE;
	border-radius: 5px;
	padding: 24px;
	margin-top: 20px;
}

.user-account .complete-profile-box .btn {
	background-color: white;
	border: solid 2px #999999;
	border-radius: 5px;
	font-weight: 600;
}

.user-account {}

.availability-time {
	margin-bottom: 15px;
}


.user-account .body-section {
	margin-top: 64px;
}

.user-account .body-section .col-12 {
	margin-bottom: 30px;
}

.user-account .body-section .section-box {
	height: 180px;
	background: #FFFFFF;
	border: 1px solid #CFCFCF;
	box-sizing: border-box;
	border-radius: 7px;
	padding: 24px;
}

.user-account .body-section a {
	text-decoration: none;
	color: grey;
}

.user-account .body-section .section-box .icon-circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #C4C4C4;
	margin-bottom: 24px;
}

.user-account .body-section .section-box .section-header {
	margin-bottom: 16px;
}

.user-account .body-section .section-box .section-description {}

.user-account .body-section .section-item {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.user-account .body-section .section-item .item-top {
	margin-top: 32px;
}

.user-account .body-section .section-item .item-info {
	clear: both;
	margin-bottom: 48px;
}


.user-account .body-section .section-item .item-top .item-heading {
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	color: #0E2421;
	font-size: 18px;

}

.user-account .body-section .section-item .item-top .item-edit-link {
	float: right;
	text-decoration: underline;
	font-size: 16px;
	color: #0E2421;
}

.user-account .body-section .section-item .item-top .disabled {
	color: #CFCFCF;
}


.user-account .body-section input {
	height: 45px;
}

.user-account .body-section select {
	height: 45px;
}


.user-account .body-section .edit-form {
	display: none;
}

.user-account .body-section .edit-form input,
textarea {
	margin-bottom: 15px;
}


.user-account .profile-image-box {
	box-sizing: border-box;
	/* border-radius: 7px; */
	border-right: solid 1px #D4DDDC;
}

.user-account .user-preview .profile-image-box {
	border-right: none;
}

.user-account .profile-image-box .image-circle {
	width: 200px;
	height: 200px;
	background: #C4C4C4;
	border-radius: 50%;
	text-align: center;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

.user-account .user-preview .profile-image-box .image-circle {
	width: 56px;
	height: 56px;
}

#navigation-profile-image .image-circle {
	width: 45px;
	height: 45px;
	background: #C4C4C4;
	border-radius: 50%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

#navigation-profile-image-1 .image-circle {
	width: 45px;
	height: 45px;
	background: #C4C4C4;
	border-radius: 50%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

.background-image {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

#navigation-profile-image-2 .image-circle {
	width: 45px;
	height: 45px;
	background: linear-gradient(180deg, #21AA96 5.07%, #199583 100%);
	border-radius: 50%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	color: white;
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
	border-top: 0.6px solid #33CDB6
}

.m-side-navigation-modal .image-circle {
	width: 45px;
	height: 45px;
	background: #C4C4C4;
	border-radius: 50%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	margin-bottom: 22px;
	margin-top: 5px;
}

.user-account .profile-image-box #image-circle img {
	width: 173px;
	border-radius: 50%;
	margin: auto;
	margin-top: 64px;
	margin-left: 15%;

}

.user-account .profile-image-box .change-image {
	text-align: center;
	margin-top: 20px;
}

.account-type-item {
	border: 1px solid #C8D2D1;
	margin-bottom: 15px;
	height: 88px;
	padding-top: 30px;
	padding-left: 20px;
	box-shadow: 0px 2px 2px -1px #AEB4B317;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	width: 419px;
	border-radius: 5px;
	background-color: #FCFDFD;
}

.account-type-item .col-2 {
	padding-top: 5px !important;
}

.complete-profile .requesting-identity-option .form-check .row {
	min-height: 76px;
	margin-bottom: 10px;
	background-color: #F9FAFA;
	border: solid 1px #DFE7E6;
	border-radius: 5px;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	justify-items: center;
}


.account-type-leftside .submit-btn {
	width: 419px !important;
}

.account-type-item label {
	font-size: 16px;
}

.account-type-item:first-of-type {
	border-top: 1px solid #DDDDDD;
}

.account-type-item .has-padding {
	padding-top: 15px;
}

.account-type-media {
	height: 54px;
	width: 75px;
	padding-left: 15px;
}




/** End user account style **/


/* Start complete profile */


.complete-profile .image-holder {
	height: 124px;
	width: 124px;
	border-radius: 50%;
	/* background-color: #EEEEEE; */
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

.complete-profile .image-upload-btn {
	margin-top: 40px;
	height: 45px;
}

.complete-profile .phone-icon {
	height: 75px;
	width: 75px;
	border: 2px solid #999999;
	border-radius: 50%;
	text-align: center;
	font-size: 35px;
	padding-top: 10px;
}

.input-group-border input {
	border: none;
	height: 55px;
}

#create-listing-form .input-group-border input {
	border: none;
	height: 48px;
}

.input-group-border input:focus {
	border: none !important;
	box-shadow: none !important;
}

.input-group-border {
	border: solid 1px #E4E7EB;
	border-radius: 6px;
}


.complete-profile .phone-input {
	padding-top: 15px;
}

.complete-profile .phone-input .input-group-text {
	background-color: #E9F7F5;
	color: #0B6D5C;
	border: solid 10px white;
}

#create-listing-form .room-input .input-group-text {
	background-color: #E9F7F5;
	color: #0B6D5C;
	border: solid 5px white;
	border-top: solid 10px white;
	border-bottom: solid 10px white;
	max-height: 48px;
}

#create-listing-form .price-input .input-group-text {
	/* background-color: #F5F5F5; */
	background-color: #E9F7F5;
	color: #084D41;
	border: solid 5px white;
	border-top: solid 10px white;
	border-bottom: solid 10px white;
	max-height: 48px;
	border-top: solid 5px white !important;
	border-bottom: solid 5px white !important;
}



.complete-profile .phone-code input {
	width: 44px;
	height: 44px;
	margin-right: 16px;
	border-radius: 12px;
	border: solid 1px #E4E7EB;
	text-align: center;
}

.complete-profile .input-fields {
	margin-bottom: 10px;
}

.email-code .input-fields {
	margin-bottom: 20px !important;
}

.email-code input {
	text-align: center;
}

.complete-profile .resend-text {
	font-size: 14px;
}

.complete-profile .resend-text a {
	/* color: #555555; */
	text-decoration: underline;
}

.complete-profile .resend-text .btn {
	color: #555555;
	font-size: 14px;
	padding-left: 0;
	width: unset;
}


.complete-profile .identity-icon {
	font-size: 20px;
}

.complete-profile .identity-info-box {
	margin-bottom: 64px;
}

.complete-profile .identity-info {
	font-size: 14px;
	margin-left: 60px;
}

.complete-profile .identity-info-box-small {
	font-size: 14px;
	margin-top: 70px;
}

.complete-profile .identity-info-box-small p {
	padding-top: 12px;
}

.complete-profile .requesting-for-identity-form {
	display: none;
}

.complete-profile .requesting-for-identity-type {
	display: none;
}

.complete-profile .requesting-identity-option .form-check {
	margin-bottom: 10px;
}

.requesting-identity-option label {
	font-size: 16px;
	padding-left: 10px;
}

.complete-profile .upload-cta {
	border: 1px dashed #666666;
	height: 177px;
	text-align: center;
	padding-top: 56px;
}

.complete-profile .upload-cta .mdi {
	font-size: 24px;
}

.complete-profile textarea {
	border: 1px solid #CFCFCF;
}

.complete-profile #profileImage {
	display: none;
}

.complete-profile #upload-info {
	display: none;
}

.complete-profile .government_id_preview {
	height: 230px;
	background-color: #EEEEEE;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}

.availability-day-boxes {
	margin-bottom: 30px;
}

.availability-day-boxes .col:first-of-type {
	padding-left: 15px !important;
}

.availability-day-boxes .col {
	padding-left: 7px;
	padding-right: 7px;
	cursor: pointer;
}

.availability-day-boxes .availability-box {
	height: 50px;
	border: 1px solid #CFCFCF;
	border-radius: 5px;
	text-align: center;
	padding-top: 14px;
	font-size: 14px;
}

.availability-day-boxes .availability-box-active {
	background: #1EA18E29;
	border: 1px solid #909D9B;
	color: #617371;
}

.availability-day-boxes .availability-hour-boxes {
	margin-bottom: 24px;
}

.no-available-availability {
	display: none;
	padding-top: 17px;
	font-size: 15px;
}

.availability-hour-boxes label {
	font-size: 16px;
}

.availability-day-boxes .day-checkbox {
	margin-top: 15px;
}

.availability-day-boxes .day-checkbox input {
	margin-right: 24px;
	height: 20px;
	width: 20px;
}

.availability-hour-boxes .dash {
	padding-top: 14px !important;
}

.availability-label {
	color: #555555;
	font-size: 14px;
	margin-bottom: 16px;
}

/* End complete profile */

/* Pagination style */

.pagination {
	margin-top: 64px;
	margin-left: 20px;
}

.pagination .page-item .page-link {
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background-color: #EEEEEE;
	border-radius: 5px;
	color: #555555;
	text-align: center;
	padding: 0;
	padding-top: 7px;
	font-size: 13px;
}

.page-item.active .page-link {
	background-color: #666666;
	color: white;
}


/* End pagination styling  */



/*Start Photo modal*/

.photo-modal-viewer {
	min-height: 400px;
}

.photo-modal-viewer .mySlides {
	display: none
}

img {
	vertical-align: middle;
}

/* Slideshow container */
.photo-modal-viewer .slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Next & previous buttons */
.photo-modal-viewer .prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.photo-modal-viewer .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.photo-modal-viewer .prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.photo-modal-viewer .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.photo-modal-viewer .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.photo-modal-viewer .dot {
	cursor: pointer;
	height: 7px;
	width: 7px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.photo-modal-viewer .active,
.dot:hover {
	background-color: #717171;
}

/* Fading animation */
.photo-modal-viewer .fade-photo {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

	.prev,
	.next,
	.text {
		font-size: 11px
	}
}

/*End photo modal*/



/* Start side modal */

.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 350px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 24px 24px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
	left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
	right: 0;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: white;
	/* background-color: #FAFAFA; */
	display: block;
}



/* End side modal */




/* Start inspection style  */

.inspection-guest-avatar .image {
	background: #CFCFCF;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left;
}

.inspection-guest-avatar .name-number {
	float: left;
	padding-left: 16px;
	padding-top: 24px;
}

.inspection-guest-avatar .name-number p {
	line-height: 11px;
}

.inspection-guest-avatar .guest-name {
	color: #555555;
	font-weight: bold;
}

.inspection-guest-avatar .guest-number {
	color: #999999;
}

.inspection-guest-bio {
	clear: both;
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 24px;
}

.inspection-guest-bio .title {
	color: #555555;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
}

.inspection-guest-bio p {
	font-size: 14px;
}

.inspection-guest-cta p {
	font-size: 14px;
}

.inspection-guest-cta p span {
	font-weight: bolder;
	color: #198071;
}

.inspection-guest-cta button {
	width: 100%;
	margin-top: 30px;
}

.inspection-accepted-block {
	display: none;
	margin-top: 40px;
}

.confirm-inpection-declining {
	display: none;
}

.inspection-accepted-block .inspection-accepted-info {
	width: 100%;
	text-align: center;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	font-size: 14px;
	height: 48px;
	padding-top: 13px;
}

.inspection-declined-block {
	display: none;
	margin-top: 40px;
}

.inspection-list-container-property-preview .col-4 {
	padding-left: 0 !important;
}

.inspection-list-container-property-preview .col-8 {
	padding-left: 0 !important;
}

.inspection-declined-block .inspection-declined-info {
	width: 100%;
	text-align: center;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	font-size: 14px;
	height: 48px;
	padding-top: 13px;
	margin-bottom: 10px;
}

.inspection-declined-block p {
	font-size: 12px;
}

#modal-action-error {
	margin-top: 15px;
	color: #dc3545;
}

#decline-error {
	display: none;
}

.decline-reason-options {
	margin-top: 30px;
}

.other-decline-reason-block {
	margin-top: 30px;
	margin-bottom: 10px;
}

.decline-reason-option {
	margin-bottom: 7px;
}

.other-decline-reason-block .description-input-group span {
	right: 6px;
}

.decline-reason-option label {
	margin-left: 10px;
}


/* End inspection style  */

/* Loader asset */
.loader {
	border: 3px solid white;
	border-radius: 50%;
	/* border-top: 3px solid #343a40; */
	border-bottom: 3px solid rgba(33, 170, 150, 0.38);
	width: 20px;
	height: 20px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin: auto;
}

.loader-red {
	border-bottom: 3px solid #CE2838 !important;
}

.loader-small {
	height: 10px !important;
	width: 10px !important;
}

.loader-medium {
	height: 30px !important;
	width: 30px !important;
	border-width: 4px !important;
}

.loader-large {
	height: 50px !important;
	width: 50px !important;
	border-width: 5px !important;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* end Loader asset */


/* start home page style  */

.home-hero {
	height: 70vh;
	padding: 120px 0 0 0;
	width: 70%;
	margin: auto;
}

.home-hero h2 {
	font-size: 42px;
	color: #131212;
	font-weight: 700;
	line-height: 57.5px;
	margin-bottom: 20px;
	font-family: 'Geist Bold';
}

.home .hero {
	min-height: 70vh;
	background: url(../images/hero-gradient.png);
	background-repeat: no-repeat;
	background-position: 80% 20%;
	background-size: cover;
	position: relative;
}

.home-hero .hero-stars {
	position: absolute;
	right: 30%;
}

.hero-house {
	position: absolute;
	bottom: 0;
	right: 3%;
}

.hero-magnifier {
	position: absolute;
	bottom: 0;
	left: 3%;
}

.home_search {
	border: solid 1px #3A3A3A;
	border-radius: 8px;
	box-shadow: 2px 2px #3A3A3A, 2px 2px 0px 1px #3A3A3A;
	height: 76px;
	background-color: white;
	align-items: center;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.home_search input {
	width: 70%;
	height: 100%;
	border: none;
	border-radius: 8px;
	padding: 8px;
	font-size: 21px;
}

.home_search .hero-where {
	width: 100%;
	border-right: 1px solid #C8CECD;
	height: 56px;
}

.home_search .hero-type {
	width: 100%;
	border-right: 1px solid #C8CECD;
	height: 56px;
}

.hero-button {
	height: 56px;
	padding-right: 10px;
}

.hero-button button {
	height: 100%;
}

.home-rent-options {
	background-color: #F9F9F9;
	padding-top: 40px;
	padding-bottom: 40px;
}

.home-rent-options .rent-option {
	padding: 70px;
	margin-bottom: 20px;
	height: 564px;
	width: 100%;
	border-radius: 32px;
}

.home-rent-options .rent-option img {
	width: 100%;
}

.home-rent-options .inspection-option {
	background-color: #DCF3FA;
}

.home-rent-options .shortlet-option {
	background-color: #FCEBD3;
}

.home-rent-options .rent-option .option-title {
	color: #0F0F0FB2;
	font-size: 26px;
	margin-bottom: 20px;
}

.home-rent-options .rent-option .option-image {
	margin-bottom: 20px;
}

.home-listings {
	margin-top: 70px;
	margin-bottom: 50px;
}

.home-listings .listing-header {
	color: #596C69;
	font-size: 22px;
	margin-bottom: 20px;
}

.hero-where .input-group {
	padding-top: 10px;
}

.hero-where .input-group-prepend .input-group-text {
	border: none !important;
	background-color: white;
	padding-right: 0 !important;
}

.hero-where input {
	font-size: 16px;
}

.hero-where input:focus {
	font-size: 16px;
	outline: none !important;
	box-shadow: none !important;
	outline-width: 0 !important;
}

.property-type-popover {
	display: none;
	position: absolute;
	left: 0;
	width: 460px;
	background-color: white;
	padding: 30px;
	border-radius: 16px;
	z-index: 2;
	margin-top: 20px;
}

.property-type-popover .room-bath-section {
	height: 80px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.with-border {
	border-bottom: 1px solid #DEE2E1;
}

.property-type-popover .room-bath-title {
	color: #000000;
	font-size: 24px;
}

.property-type-popover .room-bath-description {
	color: #898989;
	font-size: 14px;
	padding-bottom: 5px;
}

.property-type-popover .control-button {
	border: 1.2px solid #DFE3EB;
	color: #1C1B1F;
	box-shadow: 0px 2px 6.3px -1px #DFE3EB66;
	box-shadow: 0px -2px 2px -1px #DFE3EB inset;
	width: 100%;
	height: 40px;
	margin: auto;
	text-align: center;
	font-size: 22px;
	padding-top: 2px;
	border-radius: 6px;
	user-select: none;
	cursor: pointer;
}

.filter-section .control-button {
	border: 1.2px solid #DFE3EB;
	color: #1C1B1F;
	box-shadow: 0px 2px 6.3px -1px #DFE3EB66;
	box-shadow: 0px -2px 2px -1px #DFE3EB inset;
	width: 100%;
	height: 40px;
	margin: auto;
	text-align: center;
	font-size: 22px;
	padding-top: 2px;
	border-radius: 6px;
	user-select: none;
	cursor: pointer;
}

.room-filter-modal-section .filter-label {
	color: #758482;
	font-size: 16px;
}

.property-type-popover .filter-input {
	padding-top: 5px;
	margin: auto;
	text-align: center;
	font-size: 20px;
}

.property-type-popover .listing-type-filter {
	margin-bottom: 20px;
}

#property-pop-over-template {
	display: none;
}

.budget-popover {
	display: none;
	position: absolute;
	left: 0;
	width: 500px;
	background-color: white;
	padding: 30px;
	border-radius: 16px;
	z-index: 2;
	margin-top: 40px;
}

#min-price-filter,
#max-price-filter {
	font-size: 14px;
	color: #7A8987;
	padding-top: 0;
	background: transparent;
	background-color: transparent;
	border: none;
}

.price-range-item {
	border-radius: 4px;
	border: 1px solid #909D9B;
	height: 40px;
	padding: 10px;
	font-size: 14px;
	width: 100%;
	margin-top: 5px;
	color: #7A8987;
}

.price-hyphen {
	padding-top: 35px;
}

.filter-section span {
	font-size: 12px;
	color: #7A8987;
}

.range-slider {
	margin-top: 35px;
}

.ui-slider .ui-slider-range {
	position: absolute;
}

.ui-slider {
	border: 0;
	background: #DEE2E1;
	height: 1px;
}

.ui-slider-range {
	background-color: #21AA96;
	height: 2px;
}

.ui-slider-handle {
	border-color: #21AA96 !important;
	border-radius: 50%;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -0.75em;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	cursor: pointer;
	touch-action: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #21AA96;
	background: #21AA96;
	font-weight: normal
	/*{fwDefault}*/
	;
	color: #454545
	/*{fcDefault}*/
	;
}


.listing_box {
	margin-bottom: 25px;
}

.listing_thumbnail a {
	text-decoration: none;
}

.no_listings_display img {
	width: 30%;
	margin: auto;
}

.listing_box .listing_image {
	height: 274px;
	border-radius: 8px;
	background-color: #CCEDE7;
	margin-bottom: 10px;
	position: relative;
}

.listing_box .like_date {}

.listing_box .like_date .span {
	color: #181616CC;
	position: absolute;
	right: 20px;
	top: 15px;
}

.listing_box .like_date .border-span {
	position: absolute;
	right: 19px;
	top: 13.5px;
}

.listing_box .like_date .time-ago {
	position: absolute;
	left: 19px;
	top: 13.5px;
}

.thumbnail_image_navigation {
	position: absolute;
	width: auto;
	margin: auto;
	background-color: #100E0E42;
	/* height: 12px; */
	left: 0;
	right: 0;
	margin-inline: auto;
	width: fit-content;
	padding-left: 5px;
	padding-right: 2px;
	border-radius: 61px;
	display: flex;
	bottom: 20px;
}

.thumbnail_image_navigation .navigation_dot {
	width: 6px;
	height: 6px;
	background-color: #FFFFFF7D;
	border-radius: 50%;
	display: inline-block;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.thumbnail_image_navigation .navigation_dot.active {
	width: 8px;
	height: 8px;
	background-color: #FFFFFF;
}

.listing_box .listing_name {
	text-overflow: ellipsis;
	overflow: hidden;
	text-wrap: nowrap;
	margin-bottom: 5px;
	color: #7A8987;
	font-size: 16px;
}

.listing_box .listing_room_bath {
	font-size: 14px;
	margin-bottom: 5px;
	color: #8A97AA;
}

.listing_box .listing_room_bath .line {
	color: #DBDFE5;
}

.listing_box .listing_price {
	color: #354A42;
	font-size: 18px;
}


/* end home page style  */

/* Start waitlist style */

.waitlist {
	overflow: hidden;
}

.waitlist .hero {
	min-height: 80vh;
	background: url(../images/hero-bg.png);
}

.referral-page .hero {
	min-height: 90vh!important;
}

.referral-page .hero {
    background: unset!important;
}

.waitlist .hero .hero-left {
	width: 50%;
	height: 80vh;
	float: left;
	padding: 100px 0 0 115px;
}

.waitlist .hero .hero-full {
	width: 100%!important;
	padding: 75px 0 0 0;
	height: unset;
}

#accept-invite-form .form-image img{
	position: absolute;
	z-index: 1;
	transform: rotate(-11deg);
	top: 35px;
}

.accept-invite-form-section{
	background-color: #FDF5ED;
	box-shadow: 0px 18px 4px -14px #00000040;
	border-radius: 24px;
	margin-top: 100px;
}

.accept-invite-form-section .left-image{
	width: 100%;
	/* height: 100%; */
	background-image: url(../images/hero-image-left.png);
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}

.navbar-info-text{
	color: #0C4139!important;
}

.hero-left h2 {
	font-size: 64px;
	color: #131212;
	font-weight: 700;
	/* line-height: 57.5px; */
	line-height: 105%;
	margin-bottom: 20px;
	font-family: 'Geist';
}

.invite-hero .hero-left h2{
	font-size: 57px;
	max-width: 450px;
	margin: auto;
	margin-bottom: 25px;
}

.invite-acceptance-modal #confirmation-paragraph{
	font-size: 18px;
	width: 95%;
	margin: auto;
}

.hero-left p {
	font-size: 20px;
	color: #666666;
	margin-bottom: 50px;
	font-weight: normal;
}

.invite-hero .hero-left p {
	max-width: 450px;
    margin: auto;
    margin-bottom: 40px;
}

.waitlist_info {
	border: solid 1px #3A3A3A;
	border-radius: 8px;
	box-shadow: 7px 7px #086455, 7px 7px 0px 1px #086455;
	height: 76px;
	background-color: white;
	align-items: center;
	display: flex;
	border-radius: 88px;
}

.waitlist_info input {
	width: 70%;
	height: 100%;
	border: none;
	border-radius: 88px;
	padding: 8px;
	font-size: 21px;
	padding-left: 20px;
}

.waitlist_info button {
	height: 60px;
	width: 29%;
	border-radius: 70px;
	background-color: #21AA96;
	border: none;
	color: white;
	font-weight: bold;
	padding-top: 1px;
	font-size: 21px;
}

.waitlist .hero .hero-right {
	width: 50%;
	height: 80vh;
	background: url(../images/hero-pattern.png);
	float: right;
	background-repeat: no-repeat !important;
	/* background-size: cover !important; */
	/* background-position: bottom right !important; */
	background-position: 100% 0;
}

.hero-right img {
	height: 100%;
}

.why-roomscout h2 {
	color: black;
	font-size: 48px;
	font-weight: 600;
}

.why-roomscout .header p {
	width: 95%;
	margin: auto;
	line-height: 27.93px;
	gap: 80px;
	font-weight: 400;
	padding-top: 20px;
}

.why-roomscout-items {
	margin-top: 70px;
}

.why-roomscout .why-item-box {
	height: 300px;
	max-width: 400px;
	border: solid 6px #3A3A3A;
	border-radius: 16px;
	box-shadow: 5px 5px #3A3A3A, 5px 5px 0px 1px #3A3A3A;
	text-align: center;
	margin-bottom: 50px;
}

.why-roomscout .revamped-why-box {
	min-height: 368px;
	border-radius: 16px;
	background-repeat: no-repeat;
	background-size: cover;
	padding-left: 40px;
	padding-right: 40px;
}

.why-roomscout .revamped-why-box .why-item-text p {
	font-size: 21px;
}

.why-roomscout .revamped-why-box .image-column {
	padding-top: 40px;
}

.why-roomscout .revamped-why-box .image-column img {
	max-height: 300px;
	max-width: 100%;
}

.why-roomscout .why-item-box img {
	height: 100%;
}

.why-roomscout .conduct-inspections img {
	margin-top: 50px;
	height: 70%;
}

.why-roomscout .get-paid img {
	margin-top: 50px;
	height: 70%;
}

.why-roomscout .why-item-text {
	padding-top: 80px;
}

.why-roomscout .why-item-text h4 {
	color: black;
	font-size: 36px;
	font-weight: 600;
	line-height: 41.04px;
}

.why-roomscout .why-item-text p {
	padding-right: 100px;
}

.why-roomscout .detailed-listing {
	background-color: #F8F6C6;
}

.why-roomscout .conduct-inspections {
	background-color: #C6D1F8;
}

.why-roomscout .get-paid {
	background-color: #F8C6C6;
}

.with-without {
	height: 1100px;
	background-color: #0B6D5C;
	margin-top: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
	/* margin-bottom: 100px; */
}

.with-without h2 {
	color: white;
	margin-bottom: 75px;
	font-weight: 600;
	font-size: 44px;
	line-height: 49.41px;
}

.with-without .ready-to-join h2 {
	font-size: 44px;
	font-weight: 600;
	color: #EBEBEB;
	margin-bottom: 30px;
}

.with-without .ready-to-join .bg-layer {
	background: #F8F6C612;
	height: 322px;
	border-radius: 16px;
	position: relative;
}

.with-without .ready-to-join button {
	box-shadow: 4px 4px #086455, 4px 4px 0px 1px #086455;
	height: 60px;
	color: #086455;
	font-weight: bold;
	border-radius: 60px;
	width: 240px;
	font-family: 'Geist SemiBold' !important;
}

.with-without .ready-to-join .top-layer {
	position: absolute;
	margin: auto;
	padding-top: 50px;
}

.with-without .globe {
	position: absolute;
	right: 0;
	/* margin-top: 1000px; */
	bottom: -60px;
	z-index: -1;
}

.with-without .comparison-box {
	min-height: 320px;
	border: solid 6px black;
	border-radius: 16px;
	max-width: 90%;
	margin: auto;
	padding: 40px;
}

.with-without .with {
	background-color: #E9F7F5;
}

.with-without .with img {
	height: 25px;
}

.with-without .without img {
	height: 25px;
}

.with-without .without {
	background-color: #F7F5E9;
}

.with-without .comparison-box h4 {
	margin-bottom: 30px;
	color: black;
	font-weight: bold;
	font-family: 'Geist SemiBold';
}

.with-without .comparison-box .mdi {
	margin-right: 15px;
	font-size: 25px;
}

.without .mdi {
	color: #FA8383;
}

.with .mdi {
	color: #21AA96;
}

.with-without .comparison-box div {
	font-size: 21px;
	color: #000000;
}

.with-without .comparison-box .col-10 {
	/* padding-top: 5px; */
	margin-bottom: 20px;
}

.ready-to-join {
	margin-top: 70px;
}

.ready-to-join-form-container {
	/* margin-top: 20px; */
	border-radius: 40px;
	background-color: #FDF5ED;
	min-height: 400px;
	padding: 40px;
	padding-bottom: 50px;
}

.ready-to-join-form-container .form-field {
	margin-bottom: 20px;
}

.ready-to-join-form-container .form-field input {
	width: 100%;
	height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 88px;
	border: solid 1px #3A3A3A;
}

.ready-to-join-form-container .form-field input:focus {
	border: solid 1px #20A692;
}

.ready-to-join-form-container .form-field .input-error {
	border: solid 1px #DF1C41 !important;
}

.ready-to-join-form-container .form-field .input-error-icon {
	position: absolute;
	margin-top: 6px;
	/* right: 14%; */
	right: 25px;
	display: none;
}

.ready-to-join-form-container h3{
	font-size: 32px;
	font-weight: 600;
}

.waitlist-join-button {
	background-color: #21AA96;
	border-radius: 88px;
	border: solid 1px #3A3A3A;
	color: white;
	height: 56px;
	font-size: 18px;
	min-width: 270px;
	box-shadow: 7px 7px 0px 0px #086455;
}

#waitlistFormModal .modal-content {
	border-radius: 24px;
}

#waitlistFormModal .modal-body {
	background-color: #FDF5ED;
	border-radius: 24px;
	padding: 0;
}

#waitlistModal .modal-body {
	background-color: #FDF5ED;
	border-radius: 24px;
	padding: 0;
}

.the-faqs {
	padding-top: 150px;
	background-color: #FDF5ED;
}

.the-faqs .header {
	margin-bottom: 50px;
}

.the-faqs .header p {
	font-size: 26px;
	line-height: 33.02px;
}

.the-faqs h2 {
	color: black;
	font-size: 48px;
	font-weight: 600;
	color: #3A3A3A;
}

.the-faqs .questions-box {
	border: solid 2px #21AA96;
	min-height: 90px;
	/* box-shadow: 5px 5px #6AC6B9, 5px 5px 0px 1px #6AC6B9; */
	border-radius: 40px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
	padding-left: 20px;
	/* background-color: #21AA96; */
	background-color: white;
	color: white;
	padding-bottom: 30px;
	display: none;
}

.the-faqs .opened-questions-box {
	background-color: white !important;
	color: #666666 !important;
}

.the-faqs .questions-box .toggle-icon img {
	height: 25px;
	transition: transform .5s ease-in;
}

.the-faqs .questions-box .mdi {
	color: #0B6D5C;
	font-size: 30px;
}

.the-faqs .questions-box .question {
	/* color: #21AA96; */
	/* font-weight: 600; */
	/* margin-bottom: 10px; */
	padding-right: 15px;
	font-size: 20px;
	line-height: 35.1px;
	color: #262A29CC;
}

.the-faqs .opened-questions-box .question {
	/* color: #21AA96 !important; */
	color: #000000 !important;
	font-weight: 900;
	margin-bottom: 35px;
	font-size: 22px;
}

.the-faqs .questions-box .answer {
	padding-right: 15px;
	/* display: none; */
	font-size: 21px;
	max-height: 0;
	overflow: hidden;
	/* transition: max-height .5s ease-in; */
}

/* .the-faqs .opened-questions-box .answer {
	transition: none!important;
} */

.amenity_display_container {
	padding-right: 15px;
	/* display: none; */
	font-size: 21px;
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease-in;
	border-bottom: solid 1px #C9D4D3CC;
}

.the-faqs .more-questions-box-container {
	background-color: #E9F7F5;
	min-height: 100px;
	max-height: 608px;
	border-radius: 16px;
	border-left: solid 40px white;
	border-radius: 16px;
	padding: 0;
	background-image: url(../images/more-questions-illustration.png);
	background-repeat: no-repeat;
	background-position: bottom center !important;
}

.the-faqs .faq-footer-pattern {
	padding-bottom: 100px;
}

.the-faqs .faq-footer-pattern img {
	border-bottom-left-radius: 27px;
}

.more-questions-box {
	border: solid 6px #6AC6B9;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	padding-top: 30px;
}

.more-questions-box img {
	height: 203px;
}

.more-questions-box h3 {
	color: black;
	font-size: 36px;
}

.more-questions-box button {
	min-width: 218px;
	height: 60px;
	margin-top: 20px;
	font-weight: 600;
	border-radius: 6px;
}

.money-side-hustle {
	padding-top: 100px;
	background-color: #FDF5ED;
}

.money-side-hustle .curve-ball {
	width: 90px;
	padding-left: 20px;
	margin-top: -30px;
}

.money-side-hustle .curve-ball {
	position: absolute;
}

.making-money {
	background-color: #21AA96;
	min-height: 500px;
	/* margin-top: 250px; */
	background: url(../images/making-money-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.making-money h2 {
	color: white;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 40px;
}

.making-money p {
	color: #0A0D14;
	margin-bottom: 70px;
	font-size: 21px;
	padding-right: 40px;
}

.making-money-text {
	padding-top: 120px;
}

.making-money button {
	box-shadow: 4px 4px #086455, 4px 4px 0px 1px #086455;
	height: 60px;
	color: #086455;
	font-weight: bold;
	border-radius: 60px;
	width: 240px;
	font-family: 'Geist SemiBold' !important;
}

.making-money img {
	/* width: 100%; */
	/* position: absolute; */
	margin-top: -230px
}

.waitlist-footer-image {
	margin-top: 120px;
	background-image: url(../images/footer-illustration-abj-lag.png);
	min-height: 600px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	padding-top: 60px;
}

.footer-copy-right {
	background-color: #0A6354;
	height: 166px;
	color: white;
	padding-top: 70px;
}

.footer-social img{
	height: 18px;
}

.footer-social-container {
	background-color: white;
	box-shadow: 4px 4px 0px 0px #084D41;
	height: 40px;
	border-radius: 4px;
	text-align: center;
	padding-top: 7px;
}


.waitlist-footer-image h2 {
	color: black;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 44px;
}

.waitlist-footer-image .footer-section-header {
	font-weight: bold;
	margin-bottom: 10px;
}

.waitlist-footer-image .footer-link {
	margin-bottom: 7px;
}

.waitlist-footer-image .footer-link a {
	font-size: 14px;
	color: #596C69;
}

footer .footer-social {
	height: 40px;
	background-color: #FFFFFF;
	width: 40px;
	text-align: center;
	/* border-radius: 4px; */
	border-radius: 50%;
	/* border: solid 3px #FFFFFF29; */
	border: 2px solid #FFFFFF78;
	margin-left: 16px;
	display: inline-block;
	padding-top: 5px;
	/* box-shadow: 3px 3px #084D41, 3px 3px 0px 1px #084D41; */
	box-shadow: 4px 4px 0px 0px #084D41;
}

.copy-right-text {
	padding-top: 14px;
}

.waitlist-hero {
	margin-top: 170px;
}

.waitlist-hero .col-position-left {
	padding-top: 80px;
}

.waitlist-hero .hero-description {
	margin-top: 15px;
	margin-bottom: 30px;
}

.waitlist-hero .col-left {
	margin-right: 20px;
}

.wait-list-hero-image {
	width: 90%;
	height: 458px;
	background-color: #EEEEEE;
	float: right;
}

.why-roomscout {
	margin-top: 80px;
}

.why-roomscout .main-title {
	/* margin-bottom: 40px; */
	font-size: 28px;
	font-weight: bold;
}

.wait-list-faq .main-title {
	font-size: 28px;
	font-weight: bold;
	color: #000000;
}

.wait-list-banner img {
	margin-top: 22px;
}

.wait-list-banner h1 {
	color: #000000;
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 50px;
}

.wait-list-banner .banner-title {
	margin-top: 100px;
	padding-left: 100px;
}

.wait-list-banner h1 {
	font-family: "Product Sans Bold" !important;
}

.why-roomscout .why-icon-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #D9D9D9;
	margin-bottom: 15px;
	margin-top: 40px;
}

.wait-list-faq #accordion .card {
	background-color: transparent;
	border: none;
}

.wait-list-faq #accordion .card-header {
	background-color: transparent;
	padding-left: 0;
	color: #555555;
	padding-top: 30px;
	padding-bottom: 30px;
}

.wait-list-faq #accordion .btn-link {
	color: #555555;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

.why-roomscout .why-title {
	margin-bottom: 15px;
}

.why-roomscout .why-cta {
	margin-top: 40px;
}

.waitlist-dark-full-width {
	background-color: #EEEEEE;
	padding-top: 90px;
	padding-bottom: 90px;
	margin-top: 90px;
}

.wait-list-faq #accordion .card .card-header .btn-header-link:after {
	content: "\2039";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
	font-size: 30px;
	transform: rotate(270deg);
}

.wait-list-faq #accordion .card .card-header .btn-header-link.collapsed:after {
	content: "\2039";
	transform: rotate(90deg);
}

.wait-list-faq {
	min-height: 200px;
}

.wait-list-banner {
	width: 100%;
	height: 474px;
	background-color: #FFFFFF;
	margin-top: 80px;
	border-radius: 32px;
}

#submit-waitlist-btn {
	width: 150px;
}

#waitlist-submit-error {
	margin-top: 15px;
}

footer .container {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #0A6354;
	background: #0A6354;
	color: white;
}

footer .container .mdi {
	font-size: 30px;
	margin-left: 20px;
	background: white;
	padding: 5px;
	border-radius: 6px;
	box-shadow: 3px 3px #084D41, 3px 3px 0px 1px #084D41;
}

footer .container a {
	color: #636b6f;
}

footer {
	background-color: #0A6354;
	background: #0A6354;
	border-top: solid 2px #B3D2CC;
}

#waitlistModal .modal-content {
	border-radius: 24px;
	/* padding: 30px; */
}

.landing-waitlist-modal .close-btn-icon{
	position: absolute;
    right: 1.5%;
    z-index: 10;
    top: 2%;
    font-size: 24px;
}

#waitlistModal #wait-list-confirmation{
	padding: 30px;
}

#waitlistModal #wait-list-confirmation img {
	height: 150px;
}

#waitlistModal #wait-list-confirmation h4 {
	color: black;
	font-weight: bold;
	font-size: 30px;
}


#waitlistModal .confirmation-cta {
	margin-top: 25px;
}

#waitlistModal .confirmation-cta button {
	min-width: 150px;
	max-height: 50px;
	border-radius: 60px;
}

.trusted-gold {
	color: #E6B91F;
	position: relative;
	/* margin-right: 1rem; */
}

.trusted-gold:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 15px;
	width: 100%;
	border: solid 2px #E6B91F;
	border-color: #E6B91F transparent transparent transparent;
	border-radius: 50%;
	border-top: solid 5px;
	margin-left: -10px;
}

.trusted-gold:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 24px;
	width: 90%;
	border: solid 2px #E6B91F;
	border-color: #E6B91F transparent transparent transparent;
	border-radius: 50%;
	border-top: solid 5px
}

.align-items-center {
	align-items: center;
}

.dot-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.step-counter {
	margin-bottom: 15px;
}

.identification-media-box {
	border: dashed 1px #909D9B !important;
	min-height: 242px !important;
	width: 360px;
	margin-left: 5px;
	border-radius: 8px !important;
}

.create-listing-title-section {
	border-bottom: solid 1px #C9D4D3CC;
	max-width: 400px;
}

.create-listing-title-section-no-border {
	max-width: 400px;
}

.no-border {
	border: none !important;
}

.no-border-bottom {
	border-bottom: none !important;
}

.furniture-border {
	border-left: solid 4px #0A6354;
}

/* End waitlist styling */


/* Start manage listing  */

.manage-listing-box {
	border: solid 1px #D4DDDC;
	border-radius: 18px;
	min-height: 552px;
}

.manage-listing-nav {}

.manage-listing-form {
	border-left: solid 1px #D4DDDC;
}

.manage-listing-nav .header {
	border-bottom: solid 1px #C9D4D3CC;
	padding-left: 30px;
}

.manage-listing-box .form-container {
	border-bottom: solid 1px #D4DDDC;
	min-height: 400px;


}

.manage-listing-box .nav-items {
	padding-left: 30px;

}

.manage-listing-box .nav-items div {
	margin-bottom: 5px;
}


.manage-listing-box .nav-items a {
	font-size: 14px !important;
	color: #ACB5B4;
	text-decoration: none;
}

.manage-listing-box .nav-items .active a {
	font-size: 18px !important;
	color: #0B6D5C;
}

.manage-listing-box .top {
	padding-left: 50px;
}

.manage-listing-box .top a {
	text-decoration: none;
}

.manage-listing-box .form-container {
	padding-left: 50px;
	padding-right: 70px;
}

#manage_property_power .form-check {
	margin-bottom: 48px;
}

#manage_property_custom_link .input-group-text {
	border: none;
}

#manage_property_photos .dropzone .btn-roomscout-light {
	height: 40px;
}

/* End manage listing  */


/* Start View profile  */


.view-profile-box {
	border: solid 1px #D4DDDC;
}

/* End View Profile  */


/* Start manage personal profile  */

.manage-gender .radio-box {
	padding-top: 3px;
}

.custom-link-container {
	border: solid 1px #ACB5B4;
	border-radius: 4px;
}

/* End manage personal profile  */




.roomscout-check {
	display: block;
	position: relative;
	padding-left: 45px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 20px;
}

.roomscout-check input[type=checkbox] {
	visibility: hidden;
}

.checkbox-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: transparent;
	border: 1px solid #B8BEC6;
	border-radius: 4px;
}

/* Checked effect */
.roomscout-check input:checked~.checkbox-container {
	background-color: #21A995;
	border: 1px solid #21A995;
}

/* Checkmark */
.checkbox-container::after {
	content: "";
	position: absolute;
	display: none;
	left: 8px;
	top: 4px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Display checkmark when checked */
.roomscout-check input:checked~.checkbox-container::after {
	display: block;
}


.editing-phone .btn-roomscout-light {
	height: 55px;
}

.manage_identification .requesting-for-identity-type .title {
	display: none;
}


.inspection-list-container {
	background-color: #F8F7F7;
	min-height: 500px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.no-request-block {
	margin-top: 100px;
}


.dashboard-listing-inspection-thumbnail {
	min-height: 144px;
	padding: 20px;
	margin-left: 0;
	margin-right: 0;
}

.dashboard-listing-inspection-thumbnail .inspection-listing-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dashboard-listing-inspection-thumbnail .listing-image {
	height: 80px;
	width: 100%;
}

.inspections-categories-pill{
	min-height: 32px;
	border-radius: 69.45px;
	padding-top: 5px;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #F8F6EE;
	margin-top: 3px;
}

.inspection-list-container .inspections-category-pill{
	height: 45px;
	border-radius: 6px;
	padding-top: 12px;
}

.pending-request-count {
	background-color: #FEF7EC;
	color: #B47818;
}

.rescheduled-request-count {
	background-color: #FEF7EC;
	color: #B47818;
}

.pending-payment-request-count {
	background-color: #FEF7EC;
	color: #B47818;
}

.accepted-request-count {
	background-color: #EFFAF6;
	color: #2D9F75;
}

.disputed-request-count {
	background-color: #FDEDF0;
	color: #AF1D38;
}

.completed-request-count {
	background-color: #E9F7F5;
	color: #0B6D5C;
}

.cancelled-request-count {
	background-color: #FDEDF0;
	color: #AF1D38;
}

.declined-request-count {
	background-color: #FDEDF0;
	color: #AF1D38;
}


/* .dashboard-listing-inspection-thumbnail .Pending-request-count{
	max-width: 50%;
}
.dashboard-listing-inspection-thumbnail .Accepted-request-count{
	max-width: 50%;
}
.dashboard-listing-inspection-thumbnail .Completed-request-count{
	max-width: 50%;
} */


.dashboard-listing-inspection-thumbnail .view-requests-cta {
	/* background-color: #EBEBEB; */
	color: #616161;
	width: 40px;
	height: 40px;
	margin: auto;
	font-size: 27px;
	border: 1px solid #C8CECD;
	border-radius: 4px;
}

.inspection-detail-item {
	border: 1px solid #00000026;
	min-height: 150px;
	background-color: white;
}

.inspection-detail-item .user-image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.inspection-detail-item .top-details {
	border-bottom: dashed 1px #909D9B;
	padding-bottom: 15px;
}

.inspection-detail-item .top-details .font-greenish {
	color: #4A5A58 !important;
}

#acceptInspectionModal #confirmation-header {
	text-transform: capitalize;
}

#declineInspectionModal .top-header {
	border-bottom: solid 1px #D5DCDB;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.daterangepicker {
	border: solid 1px #D7DBE2;
	box-shadow: 0px 1px 19.1px 5px #A9ADB22E;
}


.daterangepicker .drp-buttons .btn-primary {
	color: white;
	font-size: 16px;
	border-radius: 6px;
	background: linear-gradient(180deg, #21AA96 5.07%, #199583 100%);
	box-shadow: 0px 0px 0px 1px #1A9885;
	box-shadow: 0px 2px 2px -1px #33CDB6 inset;
	border: none;
	border-top: solid 0.6px #33CDB6;
	min-width: 100px;
}

.daterangepicker .drp-buttons .btn-default {
	display: none;
}

.daterangepicker td.active,
.daterangepicker td.active {
	background-color: #20A692 !important;
	/* border-radius: 50%!important; */
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	height: 37px !important;
	width: 44px !important;
	border-radius: 50% !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	border-color: #20A692 !important;
}

.daterangepicker select.monthselect {
	border: solid 1px #D5DCDB !important;
	padding-left: 5px;
}

.daterangepicker select.yearselect {
	border: solid 1px #D5DCDB !important;
	padding-left: 5px;
}

.daterangepicker .next {
	position: initial;
	padding: 0;
}

.daterangepicker .next {}

#cover-photo-container .btn-default:active {
	border: solid 1px #0B6D5C !important;
	outline: unset;
	box-shadow: unset;
	outline-width: unset;
}

#cover-photo-container .btn-default:focus {
	border: solid 1px #0B6D5C !important;
	outline: unset !important;
	box-shadow: unset !important;
	outline-width: unset !important;
}

.cover-photo-box {
	/* border: solid 3px #21AA96; */
	border-radius: 9px;
}

.selection-image-box {
	background-color: #21AA9647;
}

.selection-image-box .background_image {
	border: solid 3px #21AA96;
	opacity: 0.8;
}

.additional_amenities_input {
	width: auto;
	border: 1px solid #D8D8D8;
	min-height: 40px;
	border-radius: 6px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 15px;
	display: inline-block;
}

.additional_amenities_input input {
	width: 300px;
	border: none;
	outline: 0;
}

.additional-amenity-item {
	min-height: 30px;
	/* background-color: #E9F7F5; */
	color: #4A5A58;
	border: solid 1px #D8D8D8;
	border-radius: 6px;
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-right: 10px;
	display: inline-block;
}


.preview-image .cover-photo-tag {
	color: #21AA96;
}

.cover-photo-maker {
	background-color: white;
	width: 165px;
	height: 36px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	border-radius: 8px;
	font-size: 14px;
	display: inline-block;
	float: left;
}

.inspection-box-actions-container .desktop-only {
	display: inline-block !important;
}

.summary-reservation-dates {
	border-top: dashed 1px #BDC4C3;
	border-bottom: solid 1px #DEE2E1;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.summary-reservation-dates .date_label {
	color: #9BA7A5;
}

/* Start listing page style  */

.listings-index {
	margin-top: 150px;
}

.listings-index .result-title {
	font-size: 24px;
	color: #596C69;
}

.listings-index .listing-count {
	font-size: 16px;
	color: #596C69;
	font-weight: 400;
}

.listing-type-filter .listing-type {
	border-bottom: solid 3px #DEE2E1;
	padding-bottom: 10px;
	opacity: 0.5;
	cursor: pointer;
}

.listing-type-filter .listing-type.active {
	border-bottom: solid 3px #3B4846;
	opacity: 1;
}

.listing-type-filter .listing-type img {
	display: inline-block;
}

.listing-type-filter .listing-type .type-details {
	display: inline-block;
	padding-left: 10px;
}

.listing-type-filter .listing-type .type-details .type-title {
	font-size: 16px;
	color: #181818;
}

.listing-type-filter .listing-type .type-details .type-description {
	font-size: 14px;
	color: #B0B0B0;
}

.filter-controls-container {
	border: 2px solid #000000;
	box-shadow: 4px 6px 0px 0px #000000;
	height: 64px;
	width: 100%;
	border-radius: 12px;
}

.filter-controls-container .filter-option {
	padding-top: 20px;
	color: #596C69;
	padding-left: 25px;
}

.filter-controls-container .filter-option .mdi-apple-keyboard-control {
	transform: rotate(360deg);
}

.filter-controls-container .location-option {
	/* border-right: 1px solid var(--Slab-100, #C8CECD); */
	/* margin-top: 11px; */
	padding-left: 17px;
}

.location-option .hero-where .input-group {
	padding-top: 3px !important;
}

.location-option .hero-where .form-control {
	padding-left: 5px !important;
}

.filter-controls-container .filters-button {
	padding-top: 7px;
}

.filter-controls-container .filters-button button {
	color: #596C69;
	border: solid 1px #000000;
	width: 90%;
	margin: auto;
}

.listing-results {
	margin-top: 50px;
}

.listing-paginations {
	margin-top: 70px;
	color: #0B6D5C;
	font-size: 14px;
}

#per-page-control div {
	display: inline-block;
}

#per-page-control select {
	width: 70px;
	height: 32px;
	border: 1px solid #0B6D5C;
	color: #0B6D5C;
}

.listing-paginations .page-box {
	width: 32px;
	height: 32px;
	border: 1px solid #0B6D5C;
	color: #0B6D5C;
	border-radius: 5px;
	padding-top: 5px;
	display: inline-block;
	margin-right: 5px;
	cursor: pointer;
	user-select: none;
}

.listing-paginations .page-box.active {
	background: #1FA39030;
}

.property-request {
	margin-top: 40px;
	border-top: 1px solid #C8CECD;
	border-bottom: 1px solid #C8CECD;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 40px;
	color: #9BA7A5;
}

.price-filter-modal-section {
	border-bottom: solid 1px #DEE2E1;
	padding-bottom: 40px;
}

#filterModal .modal-body {
	height: 536px;
	overflow-y: scroll;
	;
}

#filters-accordion #filters .card .card-header {
	padding-left: 0;
	background-color: transparent;
}

#filters-accordion #filters .card {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

#filters-accordion #filters .card .card-header {
	border-bottom: none;
	min-height: 60px;
}


#filters-accordion #filters .card .card-body {
	padding: 0;
}

.filter-pill {
	display: inline-block;
	margin-right: 10px;
	color: #0A6354;
	border: solid 1px #C8CECD;
	border-radius: 24px;
	margin-bottom: 20px;
	padding: 10px;
	cursor: pointer;
	user-select: none;
}

.filter-pill.active {
	background-color: #E9F7F5;
	border: solid 2px #084D41;
}

.roomscout-pill {
	background-color: #E9F7F5;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 6px;
}

#filters-accordion #filters .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	color: #222;
	padding-left: 5px;
	outline: 0;
	outline-width: 0;
	text-decoration: none;
}


#filters-accordion #filters .card .card-header .btn-header-link:after {
	content: "\f107";
	font-family: 'FontAwesome';
	font-weight: 900;
	float: right;
}


#filters-accordion #filters .card .card-header .btn-header-link.collapsed:after {
	content: "\f106";
}

/* End listing page style  */


/* Start view listing style  */


.listing_detail_container {
	margin-top: 150px;
}

.listing_detail_container .listing_title .listing_name {
	font-size: 24px;
	color: #4A5A58;
	margin-bottom: 5px;
}

.listing_detail_container .listing_title .listing_address {
	font-size: 14px;
	color: #8A97AA;
}

.share_like_listing {
	border: solid 1px black;
	border-radius: 32px;
	height: 40px;
}

.share_like_listing .action_box {
	height: 40px;
	text-align: center;
	padding-top: 7px;
}

.share_like_listing .share_box {
	border-right: solid 1px black;
}

.listing_detail_container .listing_photos {
	height: 370px;
	margin-top: 30px;
}

.listing_detail_container .agent_name {
	font-weight: 500;
	color: #4A5A58;
	font-size: 16px;
	padding-top: 20px;
}

.detail-section .agent_avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #33CDB626;
	background-size: cover;
	background-position: center center;
}

.listing_detail_container .detail-section {
	margin-top: 40px;
	border-bottom: solid 1px #DEE2E1;
	padding-bottom: 30px;
}

.listing_detail_container .agent_last_active {
	color: #9BA7A5;
	font-size: 14px;
}

.about-listing p {
	color: #758482;
}

.about-listing .about-listing-title {
	font-size: 24px;
	color: #354A42;
}

.listing_detail_container .listing_date {
	color: #DEE2E1;
}

.listing_detail_container .quick-details {
	color: #8A97AA;
}

.listing_detail_container .quick-details .column {
	border-right: solid 1px #DBDFE5;
}

.listing_detail_container .amenities-title {
	color: #354A42;
}

.listing_detail_container .amenities-list {
	margin-top: 20px;
	margin-bottom: 40px;
}


.listing_detail_container .amenities-list .amenity-box {
	display: inline-block;
	color: #758482;
	border: solid 1px #C8CECD;
	height: 28px;
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.listing_image_cover {
	height: 356px !important;
	margin-bottom: 20px;
}

.listing_image_no_cover {
	margin-bottom: 15px;
}

.listing_image {
	background-color: #DCF3FA;
	width: 100%;
	border-radius: 8px;
	height: 170px;
}

.similar-listings {
	margin-top: 50px;
}

.similar-listings .similar-listings-title {
	color: #596C69;
}

.listing_detail_container .pricing-box {
	border: 1px solid #C8CECD;
	min-height: 300px;
	border-radius: 8px;
	box-shadow: 0px 2px 10.2px -1px #D6E2E04D;
}

.pricing-box .border-bottom {
	border-bottom: 1px solid #C8CECD;
	padding: 20px;
}

.border-bottom-dashed {
	border-bottom: dashed 1px #DEE2E1;
}

.pricing-box .pricing-title {
	border-bottom: dashed 1px #DEE2E1;
	padding-bottom: 20px;
	font-size: 24px;
}

.pricing-box .inspection-cta-box {
	padding: 20px;
}

.listing_back {
	border: 1px solid #000000;
	border-radius: 32px;
	height: 36px;
	width: 220px;
	text-align: center;
	padding-top: 5px;
	margin-bottom: 20px;
}

.listing_back.back_to_listing {
	width: 170px;
}

.listing_back a {
	text-decoration: none;
	color: #494949;
}

.listing_photos_top_center {
	color: #494949;
}

.listing_photos_top_center .photos-count {
	color: #ACB5B4;
}

.photo_projector {
	margin-top: 40px;
	margin-bottom: 30px;
}

.photo_projector .photo_display {
	height: 490px;
	width: 100%;
	border-radius: 8px;
}

.photo_projector .photo_caption {
	color: #4A5A58;
}

.photo_navigation_thumbnails .navigiation_display {
	height: 124px;
	border-radius: 8px;
}

#photoModalImage {
	height: 500px;
	border-radius: 8px;
}

.listing_image .photo-see-all-container {
	width: 99px;
	height: 36px;
	background-color: white;
	border-radius: 8px;
	padding-top: 5px;
	margin: auto;
	user-select: none;
}

.listing_details_images {
	display: none;
}

.listing_summary {
	border: 1px solid #ACB5B4;
}

.listing_summary .listing_image {
	height: 124px;
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

.inspection-modal-body {
	padding: 30px;
}

.inspection-available-dates {
	margin-top: 20px;
}

.inspection-available-dates .available-date-option {
	height: 109px;
	border: solid 1px #C8CECD;
	border-radius: 6px;
	padding-top: 30px;
}

.inspection-available-dates .available-date-option.selected-day {
	border: 2px solid #21AA96;
	background-color: #E9F7F5;
}

.inspection-message .inspection-message-textarea {
	width: 100%;
	border: 1px solid #DFE7E6;
	box-shadow: 0px 2px 2px -1px #AEB4B317;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	background-color: #F9FAFA;
	padding-left: 10px;
	padding-right: 10px;
}

.listing-summary-box .listing_thumbnail_image {
	height: 118px;
}

.copy-cta {
	background-color: #E9F7F5;
	color: #21AA96;
	text-align: center;
	font-size: 30px;
	height: 54px;
	padding-top: 7px;
	border-radius: 6px;
}

.navigation_circle {
	width: 24px;
	height: 24px;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0px 2.4px 2.4px 0px #6464641C;
	border: solid 0.6px #C8CECD;
	text-align: center;
	cursor: pointer;
}

.shortlet_tag {
	background-color: #FFFFFF;
	display: inline-block;
	margin: 15px;
	padding: 5px;
	border-radius: 4px;
}

.shortlet_tag .shortlet_circle {
	background-color: #F79940;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
}

.shortlet_tag .mdi {
	color: #F79940;
}

.reservation-details .reservation-details-section {
	background-color: #F7F8F7;
	border-radius: 4px;
	padding: 15px;
}

.reservation_date_input input {
	padding: 0;
	border: none;
	background-color: #F7F8F7 !important;
	font-size: 18px;
	font-weight: bold;
}

.reservation_date_input input:focus {
	background-color: #F7F8F7 !important;
	border: none;
	border-width: 0;
	box-shadow: unset !important;
}

#listingPhotosCarousel .carousel-control-next,
.carousel-control-prev {
	opacity: 1;
}

#listingPhotosCarousel .carousel-control-next-icon,
.carousel-control-prev-icon {
	height: 32px;
	width: 32px;
	background-color: white;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

#listingPhotosCarousel .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

#listingPhotosCarousel .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

#listingPhotosCarousel .carousel-indicators {
	left: unset;
	right: -35px;
	bottom: 20px;
	color: white;
	font-size: 12px;
	width: 45px;
	height: 24px;
	background: #1F1919CC;
	padding-top: 3px;
}



/* End view listing style  */


/* Start renter dashboard styling  */

.inspection_thumbnail {
	height: 164px;
	border: 2px solid #DEE2E1;
}


.inspection_thumbnail .inspection_listing_image {
	height: 160px;
	border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	padding: 10px;
}

.inspection-status-pill {
	height: 32px;
	padding: 5px;
	background-color: #F9F7F3;
	border-radius: 6px;
	width: 80%;
	font-size: 14px;
	text-align: center;
}

.inspection-status-pill.Pending {
	color: #AE7E15;
	width: 100% !important;
}

.inspection-status-pill.Pending-width {
	width: 70% !important;
}

.inspection-status-pill.payment-width {
	width: 70% !important;
}

.inspection-status-pill.Accepted {
	width: 100% !important;
}

.inspection-status-pill.Completed {
	color: #0D8E5A;
}

.inspection-status-pill.Accepted {
	color: #0D8E5A;
}

.inspection-status-pill.Declined {
	background-color: #F9F4F3;
	color: #EB3706;
}

.inspection-status-pill.Cancelled {
	background-color: #F9F4F3;
	color: #EB3706;
}

.inspection-status-pill.Rescheduled {
	background-color: #F5F2EA;
	color: #AA8D1A;
}

.inspection-status-pill.Disputed {
	background-color: #FDEDF0;
	color: #AF1D38;
}

.inspection_thumbnail .inspection_listing_details {
	width: 80%;
	padding-top: 20px;
	border-right: 1px solid #DEE2E1;
	height: 124px;
}

.inspection_thumbnail .inspection_listing_details .listing_name_price {
	border-bottom: 1px solid #DEE2E1;
	margin-right: 40px;
}


.inspection_thumbnail .inspection_cta_container {
	padding-top: 60px;
}

.inspection_thumbnail .inspection_cta_container button {
	width: 80%;
	margin: auto;
}

.renter_dashboard_navs {
	border: 1px solid #E4E7EB;
	border-radius: 8px;
}

.renter_dashboard_navs .nav-item-block {
	height: 55px;
}

.renter_dashboard_navs .nav-item-block .nav-block-image {
	padding-left: 30px !important;
}

.renter_dashboard_navs .nav-item-block-grey {
	background-color: #F8F8F8;
	height: 7px;
}

.inspection-article-block {
	padding-top: 70px;
}

.renter_article {}

.renter_article .background_image {
	height: 240px;
	color: white;
	padding: 25px;
}

.renter_article .article_title {
	font-size: 20px;
}

.renter_article .article_button {
	margin-top: 70px;
	text-align: right;
}

/* End renter dashboard styling  */


/* Start view inspection styling  */

.inspection-request-view {
	margin-top: 170px;
}

.rescheduled_date_info {
	font-size: 14px;
}

.inspection-request-container-block {
	height: 1000px;
	overflow-y: scroll;
}

.inspection-request-view .inspection-info-section {
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom: solid 1px #DEE2E1;
}

.inspection-request-view .inspection-info-section .section-header {
	font-size: 18px;
	color: #3A3A3A;
	margin-bottom: 20px
}

.inspection-request-view .inspection-info-section .section-details {
	color: #758482;
	font-size: 16px;
}

.inspection-request-view .inspection_listing_summary {
	box-shadow: 0px 2px 10.2px -1px #D6E2E04D;
	border: 1px solid #DEE2E1;
	padding: 20px;
}

.inspection-request-view .inspection_listing_summary .listing_thumbnail_image {
	height: 96px;
}

.inspection-request-view .inspection_listing_summary .listing_name {}

.inspection_listing_summary_info {
	background-color: #FFFBF3;
	border: 1.09px solid #DEE2E1;
	padding: 15px;
}

.inspection_listing_summary_info.payment_info {
	background-color: white;
}

.inspection_listing_summary_info .icons {
	color: #AE7E15;
}

.inspection_listing_summary_info .description {
	color: #063C33
}

.listing_summary .listing_image {
	height: 124px;
}

.modal-action-icon {
	width: 56px;
	height: 56px;
	margin: auto;
	font-size: 30px;
	padding-top: 2px;
	color: #CE2838;
	border-radius: 50%;
	background-color: #FEC0C6;
	border: solid 4px #FED5D8;
}

.payment-options .payment-option {
	height: 72px;
	border: solid 1px #DEE2E1;
	border-radius: 8px;
}

.payment-options .payment-option img {
	height: 60px;
}

.payment-options .payment-option .form-check-input {
	margin-top: -4px;
	margin-left: -30px;
}

.inspection-agent-phone {
	height: 72px;
	border: solid 1px #DEE2E1;
	border-radius: 8px;
}

.phone-input-block {
	height: 40px;
	border: solid 1px #EBEBEB;
	border-radius: 8px;
	margin-top: 15px;
}

.phone-input-block input {
	padding-top: 7px;
}

.copy-content-block {
	border-radius: 8px;
	height: 38px;
	padding-top: 7px;
	padding-left: 10px;
	color: white;
}

/* End view inspection styling  */


/* View agent profile styling  */

.agent-profile {
	margin-top: 200px;
}

.profile-passport-box {
	margin-bottom: 40px;
}

.profile-passport-box .agent_avatar {
	height: 120px;
	width: 120px;
	margin: auto;
	border-radius: 50%;
	margin-bottom: 30px;
	margin-top: 30px;
}

.verified-pill {
	background-color: #E9F7F5;
	color: #20A894;
	height: 40px;
	border-radius: 24px;
	padding-top: 7px;
}

.verified-pill img {
	height: 20px;
	padding-right: 5px;
}


/* End view agent profile styling  */



/* Start inspection feedback styling  */

.inspection_feedback {
	margin-top: 150px;
}

.inspection_feedback_box {
	box-shadow: 0px 4px 16px 0px #1F3A360F;
	box-shadow: 0px 2px 9px 0px #1F3A360A;
	border: solid 1px #DEE2E1;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 16px;
}

.inspection_feedback_box .feedback-box-top {
	padding-left: 20px;
	padding-right: 20px;
}

.rating-section span {
	font-size: 30px;
	cursor: pointer;
	color: #EBEBEB;
}

.rating-section .one {
	/* color: rgb(255, 0, 0); */
	color: #FAB458;
}

.rating-section .two {
	/* color: rgb(255, 106, 0); */
	color: #FAB458;
}

.rating-section .three {
	/* color: rgb(251, 255, 120); */
	color: #FAB458;
}

.rating-section .four {
	/* color: rgb(255, 255, 0); */
	color: #FAB458;
}

.rating-section .five {
	/* color: rgb(24, 159, 14); */
	color: #FAB458;
}

#confirm-rating-selection-container {
	display: none;
}

.agent_info .agent_avatar {
	width: 64px;
	height: 64px;
	margin: auto;
	border-radius: 50%;
}

.no-decoration {
	text-decoration: none !important;
}

.rating-items-box {
	border: 1px solid #E4E7EB;
	padding: 20px;
	border-radius: 16px;
}

#reporting-submit-form-container {
	display: none;
}

.issue_type_box {
	height: 230px;
	border: 1px solid #DEE2E1;
	box-shadow: 0px 2px 2px -1px #AEB4B317;
	box-shadow: 0px 1px 0px -1px #AEB4B305;
	background-color: #FCFCFC;
	border-radius: 5px;
	padding-top: 80px;
	color: #4A5A58;
}

#agent-options-display,
#property-options-display {
	display: none;
	padding-bottom: 0;
	color: #4A5A58;
}

#reporting-submit-form label {
	color: #4A5A58;
}


/* End inspection feedback styling  */



/* Start custom pagination for laravel pagination render  */

.custom-pagination {
	text-align: center;
}

.custom-pagination a {
	color: #0B6D5C;
	text-decoration: none;
}

.custom-pagination .px-4 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.custom-pagination .leading-5 {
	margin-top: 20px;
	color: #0B6D5C;
	font-size: 14px;
}

.custom-pagination svg {
	height: 20px;
}

.custom-pagination span[aria-current="page"] span {
	background: repeating-linear-gradient(45deg, #1FA39030, transparent 100px);
}

.custom-pagination nav[role='navigation']>div>span {
	display: none;
}

.custom-pagination nav[role='navigation']>div>a {
	display: none;
}

.custom-pagination .border {
	border: 1px solid #0B6D5C !important;
	border-radius: 5px;
	margin-right: 5px;
}

.custom-pagination .cursor-default {
	/* margin-right: 0; */
}

.government_id_preview .trash-container {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	box-shadow: 0px 3.12px 3.12px 0px #00000014;
	background-color: white;
	font-size: 20px;
	position: absolute;
	right: 10px;
}

.government_id_preview .trash-container span {
	cursor: pointer;
}

.cancellation-policy-details ul {
	padding-left: 25px;
}

.cancellation-policy-details ul strong {
	/* font-weight: bold; */
}


/* End custom pagination for laravel pagination render  */


.listing-type-toggle {
	height: 48px;
	background-color: #FFFFFF;
	border-radius: 128px;
	padding: 4px;
}

.listing-type-toggle .listing-type-option {
	height: 38px;
	padding-top: 7px;
	border-radius: 64px;
}

.listing-type-toggle .listing-type-option.active {
	background-color: #21AA96;
	color: white;
}

.listingSearchModal #mobile-location-input-wrapper {
	border-radius: 12px;
}

.listingSearchModal .listing-type-toggle {
	border: 1px solid #000000;
	box-shadow: 2px 4px 0px 0px #000000;
}

.listingSearchModal .mdi-close-circle-outline {
	color: #B0B0B0;
}

#other-search-options {
	display: none;
}

/* #location-filter-options{
	display: none;
} */

.floating-bottom-button {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 30px;
	z-index: 1;
}

.fixed-bottom-sheet-section {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	background-color: white;
	padding: 15px;
	box-shadow: 0px -3px 16.7px 0px #0000000D;
}


.search-modal-where .input-group-text {
	border: solid 1px #6F7276;
	border-right: none;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.search-modal-where input {
	border-radius: 12px;
	border: solid 1px #6F7276;
	border-left: none;
}

.search-modal-where input:focus {
	border-left: none;
	box-shadow: none !important;
}

.listingSearchModal .search-section-container {
	background-color: white;
	min-height: 56px;
	border-radius: 12px;
	margin-top: 20px;
	padding: 15px 10px;
}

.search-section-container .container-title {
	font-size: 20px;
	font-weight: bold;
	color: #1E2423;
}

.search-section-container .plus-minus-controls button {
	border: solid 1.2px #DFE3EB;
	height: 40px;
	width: 40px;
	border-radius: 6px;
}

.search-section-container .plus-minus-controls button:focus {
	box-shadow: none !important;
}

.search-section-container .bedroom-section-row {
	padding-bottom: 25px;
	border-bottom: solid 1px #DEE2E1;
	margin-bottom: 25px;
}


.price-slider-container .slider {
	height: 2px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
}

.price-slider-container .slider .progress {
	height: 100%;
	left: 0%;
	right: 0%;
	position: absolute;
	border-radius: 5px;
	background: #21AA96;
}

.price-slider-container .range-input {
	position: relative;
}

.price-slider-container .range-input input {
	position: absolute;
	width: 100%;
	height: 7px;
	top: -5px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.price-slider-container input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #21AA96;
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price-slider-container input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: #21AA96;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.price-slider-container .price-input-fields input {
	padding-left: 20px;
	text-align: right;
	font-size: 14px;
}

.price-slider-container .price-input-fields .price-currency-symbol {
	width: 10px;
	position: absolute;
	padding-top: 13px;
	padding-left: 10px;
}

.result-title-bath-container {
	background-color: white;
	border: solid 1px #6F7276;
	min-height: 56px;
	border-radius: 12px;
	padding-top: 5px;
}

.pac-container {
	z-index: 10000 !important;
}

.pac-item {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.suggested-location-item {
	padding-top: 15px;
	padding-bottom: 15px;
}

.listing-step-counter {
	display: none;
}

.payout-details-tip {
	background-color: #F6F8FA;
	padding: 15px;
	border-radius: 8px;
	color: #525866;
}

.payout-details-name {
	padding: 15px;
	border-radius: 8px;
	background-color: #EFFAF6;
}

.select2-selection {
	height: 45px !important;
	padding-top: 8px;
	background-color: transparent !important;
	border: 1px solid #ced4da !important;
}

.select2-selection__arrow {
	margin-top: 9px;
}

.profile-completion-item {
	background-color: #F5F5F5;
	border-radius: 8px;
	padding: 15px;
}

.profile-completion-item-title {
	color: #525866;
}

.profile-completion-item-description {
	color: #868C98;
}

.profile-completion-icon-circle {
	background-color: white;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.uploaded-image-preview {
	height: 194px !important;
	width: 194px !important;
	background-color: #ECF7F5;
	border-radius: 50%;
	margin: auto;
}

.identification-container-icon-block {
	background-color: #ECF7F5;
	border-radius: 12px;
	height: 234px;
}

.identification-tip-container {
	padding: 15px;
	border-radius: 8px;
	background-color: #F7F7F7;
}

.modal-icon-circle {
	background-color: #F5F5F5;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	cursor: pointer;
}

.price-breakdown-tapout {
	position: absolute;
	bottom: 15%;
	right: 0;
	left: 0;
	text-align: center;
}

.price-breakdown-mobile-cta {
	background-color: #E9F7F5;
	width: 185px;
	text-align: center;
	margin: auto;
	padding-top: 9px;
	height: 42px;
	border-radius: 5px;
	position: fixed;
	bottom: 95px;
	left: 0;
	right: 0;
}

.no-element-zoom {
	touch-action: manipulation;
}

.rescheduled-date-info {
	background-color: #FCFCFC;
	border: 1px solid #D8D8D8;
	padding-top: 10px;
	padding-bottom: 10px;
	/* min-height: 60px; */
}

.rescheduled-date-info .row {
	min-height: 60px;
}

.landing_page{
	
}

.landing_page .left_side{
	background-color: #F4F8F3;
	min-height: 100vh;
	padding-top: 20vh;
}

.landing_page .right_side{
	background-color: #E1EDDE;
	min-height: 100vh;
	padding-top: 20vh;
}

.landing_page h3{
	font-size: 28px;
}

.landing_page .box{
	border: 4px solid #FFFFFF;
	box-shadow: 0px 8px 21.21px 0px #00000029;
	height: 400px;
	width: 365px;
	margin: auto;
	border-radius: 14px;
	position: relative;
	background-image: url('../images/find-a-home.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.landing_page .navigation-line{
	border-radius: 24px;
	background: #21A99533;
	width: 100%;
	height: 9px;
}

.landing_page .navigation-line.active{
	background: #21A995;
}

.landing_page .box .listing-info{
	background-color: #FFFFFF;
	height: 88px;
	position: absolute;
	bottom: 10px;
	border-radius: 12px;
	width: 340px;
	left: 8px;
	color: #7A8987;
	padding: 20px;
}

.renter-arrow {
  /* display: none; */
  opacity: 0;
}
.renter-box-container:hover .renter-arrow {
  /* display: inline-block; */
  opacity: 1;
}

.agent-arrow {
  /* display: none; */
  opacity: 0;
}
.agent-box-container:hover .agent-arrow {
  /* display: block; */
  opacity: 1;
}


.landing_page .right-box{
	border: 4px solid;
	border-image-source: linear-gradient(180deg, #FFFFFF 0%, #E1EDDE 100%);
	background: linear-gradient(180deg, #F0F9EE 0%, #E1EDDE 100%);
	height: 410px;
	width: 329px;
	margin: auto;
	border-radius: 24px;
	padding: 15px;
}

.landing_page .right-box .box-item{
	background-color: #DFF0DA;
	border: 1px solid #FFFFFF;
	border-radius: 12px;
	height: 64px;
	color: #525866;
	margin-bottom: 15px;
}

.list-rental-box{
	text-align: center;
	background-color: #F2F6F0;
	height: 60px;
	border-radius: 12px;
	padding-top: 17px;
}

.secure-payment-image{
	background-color: #EDF5FB;
}

.save-time-money{
	background-color: #F4F8F3;
}

.professional-agent{
	background-color: #FBF4ED;
}

.why-item-image{
	border-radius: 12px;
	height: 340px;
	padding-top: 80px;
}

.why-item-paragraph{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	font-size: 20px;
	color: #3A3A3AB2;
	font-weight: lighter;
}

.why-item-image img{
	height: 180px;
	margin: auto;
}

.why-circle{
	height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #08AB91;
    display: inline-block;
}

.works-circle{
	background-color: #F4881C;
	height: 12px;
    width: 12px;
    border-radius: 50%;
	display: inline-block;
}

.key-features-circle{
	background-color: #1C96F4;
	height: 12px;
    width: 12px;
    border-radius: 50%;
	display: inline-block;
}

.renter-how-it-works{
	background-color: #F4F8F3;
	padding-top: 100px;
	margin-top: 100px;
	padding-bottom: 100px;
}

.renter-how-it-works h2{
	font-size: 48px;
	font-weight: 600;
}

.renter-how-it-works .how-it-works{
	color: #F4881C;
}

.renter-how-it-works .waitlist-join-button{
	min-width: 200px;
}

.how-it-works-step-trail{
	height: 1500px;
	width: 128px;
	background: linear-gradient(180.06deg, #F8A24B 34.43%, rgba(255, 255, 255, 0) 99.95%);
	border-radius: 136px;
	margin-top: -35px;
}

.how-it-works-step-trail .step{
	height: 290px;
}

.how-it-works-steps{
	margin-left: 10px;
}

.how-it-works-steps .step{
	background-color: white;
	border-radius: 24px;
	height: 280px;
	margin-bottom: 30px;
	padding: 20px 40px;
}

.how-it-works-steps .step .step-number{
	color: #868C98;
	margin-bottom: 20px;
	margin-top: 20px;
}

.how-it-works-steps .step .step-header{
	color: #0A0D14;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 21px;
}

.how-it-works-steps .step .step-description{
	color: #868C98;
}

.key-features{
	color: #1C96F4;
}

.renter-key-features{
	padding-top: 100px;
}

.renter-key-features h2{
	font-weight: 600;
}

.key-feature-item{
	border: 3px solid #000000;
	height: 463px;
	border-radius: 24px;
	margin-bottom: 20px;
}

.key-feature-item-horizontal{
	height: 337px;
}

.key-feature-image{
	height: 54.6%;
	background-repeat: no-repeat;
}

.key-feature-info{
	height: 45.4%;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
	padding: 30px;
}

.transparent-pricing-info{
	background-color: #F8AE35;
}

.transparent-pricing-image{
	background-image: url('../images/transparent-pricing.svg');
	border-radius: 22px;
	background-repeat: no-repeat;
}

.escrow-protected-payments{
	background-color: #A4D8FF;
}

.escrow-protected-payments-image{
	background-image: url('../images/escrow-protected-payments.svg');
	border-radius: 22px;
	background-repeat: no-repeat;
}

.schedule-inspections{
	background-color: #A4AFFF;
	height: 332px;
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 0px;
	padding-top: 120px;
}

.schedule-inspections-image{
	background-image: url('../images/schedule-inspections.svg');
	background-repeat: no-repeat;
	border-radius: 22px;
	height: 100%;
	width: 100%;
}

.schedule-inspections .info-paragraphs{
	
}

.renter-faqs{
	margin-top: 150px;
	margin-bottom: 100px;
	background-color: #F4F8F3!important;
}

.renter-making-money{
	border: 3px solid #000000;
	background-image: url('../images/referral-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 375px;
	height: 409px;
}

.renter-making-money img{
	margin-top: 0px;
	height: 100%;
	/* height: 409px; */
}

.faq-categories .col-4{
	margin-left: auto;
	margin-right: auto;
}

.faq-category-pill{
	height: 58px;
	text-align: center;
	color: #525866;
	border-radius: 40px;
	padding-top: 15px;
	cursor: pointer;
}

.faq-category-pill.active{
	background: #21AA96;
	border: 2px solid #000000;
	color: white;
}

.landing_page .form-wizard-progress-container{
	margin-top: 160px;
	margin-bottom: 50px;
	text-align: center;
}

.landing_page .form-wizard-progress{
	border-radius: 24px;
	background: #1113131A;
	width: 100%;
	height: 8px;
	/* margin-top: 180px;
	margin-bottom: 50px; */
}

.landing_page .form-wizard-progress-container img{
	height: 40px;
	margin-bottom: 20px;
}

.landing_page .form-wizard-progress.active{
	background: #0A0D14;
}

.request-form-title{
	color: #131212;
	font-size: 32px;
	line-height: 125%;
}

.renter-request-form{
	background-color: transparent!important;
	padding: 0!important;
	width: 88%;
	margin-left: 12%;
}

.renter-request-form, .renter-request-info{
	min-height: 400px;
}
.renter-request-form label{
	font-size: 18px;
	color: #000000;
}
.renter-request-form .request-form-input{
	border: 1px solid #3A3A3A;
	border-radius: 88px;
	height: 47px;
	padding-left: 20px;
	width: 100%;
	/* margin-bottom: 20px; */
}

.renter-request-form .request-form-select{
	border-radius: 88px;
	border: 1px solid #3A3A3A;
	height: 47px;
}

.preferred-location-note{
	background-color: #000000;
	border-radius: 8px;
	max-width: 308px;
	color: white;
	padding: 20px;
	position: absolute;
	bottom: 100px;
}

.rental-budget-box{
	background-color: white;
	height: 175px;
	border-radius: 20px;
	border: 1px solid #000000;
	width: 100%;
	padding: 20px;
	margin-top: 10px;
}

.budget-range-box{
	border-radius: 8px;
	background-color: #A4DBFB;
	height: 77px;
	width: 100%;
	padding: 10px 30px;
}

.budget-slider{
	min-height: 40px;
	margin-top: 15px;
}

.budget-slider .slider{
	height: 6px!important;
}

.budget-slider input[type="range"]::-webkit-slider-thumb {
	height: 24px;
	width: 24px;
	background:
    linear-gradient(to bottom, #fff 1px, transparent 1px) center 30% / 60% 2px no-repeat,
    linear-gradient(to bottom, #fff 1px, transparent 1px) center 50% / 60% 2px no-repeat,
    linear-gradient(to bottom, #fff 1px, transparent 1px) center 70% / 60% 2px no-repeat;
  	background-color: #21AA96;
  	border: 1px solid black;
  	cursor: pointer;
  	-webkit-appearance: none;
  	z-index: 102;
}
.budget-slider input[type="range"]::-moz-range-thumb {
	height: 24px;
	width: 24px;
	background:
    linear-gradient(to bottom, #fff 1px, transparent 1px) center 30% / 60% 2px no-repeat,
    linear-gradient(to bottom, #fff 1px, transparent 1px) center 50% / 60% 2px no-repeat,
    linear-gradient(to bottom, #fff 1px, transparent 1px) center 70% / 60% 2px no-repeat;
  	background-color: #21AA96;
  	border: 1px solid black;
  	cursor: pointer;
  	-webkit-appearance: none;
  	z-index: 102;
}

.budget-slider .range-input{
	z-index: 102;
}

.budget-slider .range-input input{
	top: -6px;
}

.budget-range-box .budget-range-title{
	color: #868C98;
}

.budget-range-value{
	color: #000000;
}

.preferred-date-container{
	height: 47px;
	background-color: white;
	border: 1px solid #3A3A3A;
	border-radius: 88px;
	width: 100%;
}

.preferred-date-container select{
	border: none;
	background-color: transparent;
	height: 40px;
    margin-top: 3px;
	padding-left: 20px;
	width: 100%;
	border-radius: 88px;
}

.preferred-date-container select:focus{
	border: none!important;
	outline: 0!important;
	box-shadow: none!important;
}

.preferred-date-container input{
	border: none;
	background-color: transparent;
	height: 40px;
    margin-top: 3px;
	padding-left: 20px;
	width: 100%;
	border-radius: 88px;
	text-align: right;
	padding-right: 20px;
}

.why-roomscout-items .why-roomscout-agent{
	border: 2px solid #000000;
	border-radius: 12px;
	padding: 25px;
	margin-bottom: 30px;
}

.why-roomscout-items .why-roomscout-agent .item-number{
	font-size: 28px;
	color: #0A0D1433;
}
.why-roomscout-items .why-roomscout-agent .item-image img{
	height: 253px;
	margin-bottom: 30px;
}
.why-roomscout-items .why-roomscout-agent .item-heading{
	font-size: 28px;
	margin-bottom: 10px;
}

.free-reason{
	background-color: #EDF5FB;
}

.earn-reason{
	background-color: #FBF4ED;
}

.trust-reason{
	background-color: #EDFBF1;
}

.agent-key-feature-item{
	margin-bottom: 70px;
}
.agent-key-feature-item .agent-key-feature-image{
	height: 464px;
	background-color: #F7F8F7;
	border-radius: 32px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size:auto 80%;
}

.agent-key-feature-item .key-feature-paragraph{
	color: #525866;
	font-size: 20px;
}

.free-property-listings-image{
	background-image: url('../images/free-listing.png');
}

.professional-profile-image{
	background-image: url('../images/professional-profile.png');
}

.inspection-scheduling-image{
	background-image: url('../images/inspection-scheduling.png');
}

.escrow-payment-image{
	background-image: url('../images/escrow-payment.png');
}

.agent-preview-box{
	width: 100%;
	height: 350px;
}

.agent_landing_page .hero-left{
	width: 52%!important;
	padding: 130px 0 0 0!important;
}

.agent_landing_page .hero-right{
	width: 34%!important;
	padding-top: 100px;
}

.agent-preview-box{
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 12px;
	padding-top: 20px;
}

.agent-preview-box .top-rated{
	background-color: white;
	padding: 5px;
	border-radius: 8px;
	width: 111px;
	max-height: 45px;
	margin-left: 20px;
}

.agent-preview-section .agent-preview-thumbnail{
	height: 64px;
	border-radius: 12px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

/* The dimming overlay */
.agent-preview-thumbnail::after {
  content: "";
  position: absolute;
  top: 0; left: 15px; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0); /* Default transparent */
  transition: background 0.3s ease;
  z-index: 1; /* Make sure it's above background */
  border-radius: 12px;
}

/* Active thumbnail gets dimmed */
.agent-preview-thumbnail.active-thumbnail::after {
  background: rgba(0, 0, 0, 0.3); /* Dim effect */
}

.agent-preview-box .agent-preview-info{
	margin-top: 230px;
	background: linear-gradient(1.01deg, #000000 20.19%, rgba(0, 0, 0, 0) 99.9%);
	padding: 13px 20px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.faq-footer-pattern .cloud-4{
	position: absolute; right:0;
}
.faq-footer-pattern .cloud-2{
	position: absolute; left:30%;
}
.faq-footer-pattern .cloud-3{
	position: absolute; right:30%;
}