/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body, html {
    overflow-x: hidden; 
    font-family: 'Poppins';
}
p {
	font-weight: 400;
}
a {
	color: #243A73;
	text-decoration: none;
	transition: 0.5s all;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
html,
body {
	scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins';
}
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'), url('../fonts/Poppins-ExtraBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'), url('../fonts/Poppins-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Poppins-ExtraLightItalic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Italic.woff2') format('woff2'), url('../fonts/Poppins-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'), url('../fonts/Poppins-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'), url('../fonts/Poppins-MediumItalic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('../fonts/Poppins-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-ThinItalic.woff2') format('woff2'), url('../fonts/Poppins-ThinItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Black.woff2') format('woff2'), url('../fonts/Poppins-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'), url('../fonts/Poppins-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
} 

/*--------------------------------------------------------------
# Main css 
--------------------------------------------------------------*/
 
.authpage {
    display: flex;
    height: 100vh;
    padding: 30px;
	    overflow: hidden;
    align-items: flex-start;
}
 
.authpageright {
    width: 50%;
    height: calc(100vh - 60px);
    overflow-y: auto;
}
 
.authpageright::-webkit-scrollbar{
	display: none;
}
.authpageleft {
    width: 50%;
    height: calc(100vh - 60px);
}
.authbg {
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 29px;
    display: flex;
    align-items: flex-end;
	position: relative;
	overflow: hidden;
}
.authbg::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(151, 118, 68, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);
}
.authslider {
    z-index: 1;
    position: relative;
    padding: 0 30px 30px;
}
.authsliderbox h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
	margin-bottom: 12px;
} 
.authsliderbox p {
    color: #fff;
    font-size: 21px;
    margin: 0;
}
.authslider {
    display: flex !important;
	flex-wrap: wrap;
}
.authslider .owl-dots {
    order: -1;
	width: 100%;
}
.authslider .owl-dots .owl-dot {
    height: 10px;
    width: 20px;
    background-color: #fff;
    opacity: 0.8;
    border-radius: 50px;
	transition: 0.3s ease-in-out;
	margin-right: 5px;
}
.authslider .owl-dots .owl-dot.active {
    opacity: 1;
    width: 40px;
}
.authrightinner {
    height: 100%;
    padding: 50px 80px;
}
.authtop h2 {
    color: #1C3440;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 6px;
}
.logoauth {
    max-width: 128px;
    margin-bottom: 30px;
}
.authtop p {
    color: #6C7278;
    font-size: 14px;
    margin: 0;
}
.authtabs {
    background: #F7F7F7;
    display: inline-flex;
    height: 46px;
    align-items: center;
    width: 300px;
    border-radius: 5px;
    border: 1.05px solid #E5E5E5;
	padding: 4px;
}
.authtabs a {
    width: 50%;
    text-align: center;
    background-color: transparent;
    padding: 0px 0;
    border-radius: 5px;
    color: #6C7278;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
	font-weight: 500;
	font-size: 13px;
}
.authtabs a.active{
	background-color: #fff;
	color: #1C3440;
}
.authtabs a img{
	margin-right: 5px;
	filter: brightness(0) saturate(100%) invert(91%) sepia(0%) saturate(0%) hue-rotate(166deg) brightness(96%) contrast(94%);
}
.authtabs a.active img{
	filter: unset;
}
.formdesign .form-group label {
	font-size: 16px;
	color: #1C3440;
	font-weight: 500;
	margin-bottom: 8px;
}
.formdesign .form-group .form-control {
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    height: 46px;
    color: #1C3440;
    font-weight: 500;
    font-size: 14px;
	padding: 10px 20px 10px 45px;
    box-shadow: unset;
}
.formdesign .form-group .form-control::placeholder{
	color: #acb1b3;
}
.formdesign .form-group{
	margin-bottom: 30px;
}
.formdesign .form-group .form-select {
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    height: 46px;
    color: #1C3440;
    font-weight: 500;
    font-size: 14px;
	padding: 10px 20px 10px;
    box-shadow: unset;
}
 
.countryinput {
    padding-left: 70px !important;
}
.countrycode {
    position: absolute;
    font-size: 15px;
    font-weight: 500;
    color: #1C3440;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 12px;
    border-right: 1px solid #acb1b3;
    height: 20px;
}
.loginbtn {
    background: #1C3440;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    outline: 0;
    box-shadow: unset;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 48px;
    border-radius: 10px;
    font-weight: 600;
}
.verifytimer {
    text-align: center;
    color: #1C3440;
    font-size: 14px;
}
.continue_with {
    color: #1C3440;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.continue_with span {
    position: relative;
    z-index: 1;
    padding: 0 10px 0;
    background-color: #fff;
}
.continue_with::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 9px;
    border: 1px solid #E5E5E5;
    width: 60%;
    margin: 0 auto;
}
.continuebtns {
    border: 1px solid #E5E5E5;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 10px;
    color: #1C3440;
    font-weight: 500;
    font-size: 16px;
}
.continuebtns img{
	margin-right: 8px;
}
.donthaveacct a {
    color: #B0D2D1;
    font-weight: 700;
}
.donthaveacct {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}
.inputicon {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    left: 18px;
}
.formdesign .form-group .checkboxdesign label {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.formdesign .form-group .checkboxdesign label::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	height: 16px;
	width: 16px;
	border-radius: 2px;
	border: 1px solid #C06A5D;
	transition: 0.3s;
}
.formdesign .form-group .checkboxdesign input:checked ~ label::after {
    background-image: url(../img/checkbox.png);
    background-size: 16px;
    background-position: center;
	transform: scale(1);
}
.genderbtns {
    border: 1px solid #E5E5E5;
    width: 100%;
    display: flex;
    border-radius: 10px;
    height: 46px;
    align-items: center;
    justify-content: center;
    color: #1C3440;
    font-weight: 500;
    font-size: 15px;
}
.genderbtns img{
	margin-right: 8px;
}
.confimationmodal .modal-content {
    border-radius: 20px;
    border: 0;
}
.confimationmodal .modal-dailog{
	max-width: 530px;	
}
.confimationmodal .modal-body{
	padding: 25px;
}
.confimationinner h2 {
    color: #1C3440;
    font-size: 28px;
    font-weight: 700;
    margin: 22px 0 12px;
}
.confimationinner p{
	font-size: 14px;
	font-weight: 400;
	color: #6C7278;
} 
.profile-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #C06A5D; /* your reddish color */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #fff;
}

.add-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #b56253;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
} 
.infobox {
    background: #B0D2D1;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.infobox p{
    font-size: 12px;
    color: #1C3440;
    margin: 0;
}
.infobox a {
    position: absolute;
    right: 84px;
    top: 50%;
    transform: translateY(-50%);
}
.container{
    max-width: 1224px;
}
.header_main {
    display: flex;
    align-items: center;
    height: 63px;
    background-color: #fff;
}
.menus li {
    margin: 0 18px;
}
.menus li a {
    font-weight: 400;
    color: #1C3440;
    font-size: 16px;
    display: block;
    transition: 0.3s ease-in-out;
}
 .menus li a.active{
    font-weight: 500;
}
.headerbtn {
    background: #1C3440;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 10px;
}
.languageselect {
    font-weight: 600;
    font-size: 12px;
    height: 38px;
    width: 108px;
    border-radius: 12px;
    padding: 0 0 0 15px;
    box-shadow: unset !important;
    border: 1px solid #E6E6E6 !important;
    outline: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #F7F7F7;
    position: relative;
    background-image: url(../img/dropdown.png);
    background-size: 10px;
    background-position: 82%;
}
.notification .btn {
    box-shadow: 0px 3px 4px 0px #FFFFFF33 inset;
    border: 1px solid #E6E6E6;
    height: 38px;
    width: 38px;
    border-radius: 12px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menus {
    margin-right: -130px !important;
}
.bannerpart {
    height: 513px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner_content {
    text-align: center;
}
.banner_content h1{
    font-size: 62px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}
.banner_content p {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 25px;
}
.bannerpart::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: radial-gradient(100% 1692.73% at 0% 50%, rgba(192, 105, 92, 0.6) 38.94%, rgba(192, 105, 92, 0) 100%);
background-blend-mode: multiply; 
}
.z-1{
    z-index: 1 !important;
}
.commanbtns {
    height: 48px;
    color: #1C3440;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    padding: 0 50px;
}
 
.modalbtn1 {
    height: 48px;
    color: #fff !important;
    background-color: #1C3440;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    padding: 0 50px;
}
.modalbtn2 {
    height: 48px;
    color: #1C3440 !important;
    background-color: transparent;
    border: 1px solid #1C3440;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    padding: 0 50px;
}
.appdownloadtxt h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 20px;
    color: #1C3440;
}
.appdownloadtxt {
    padding: 0px 40px;
}
.appdownloadtxt p{
    color: #808080;
    font-size: 18px;
    margin: 0;
    line-height: 28px;
}
.py{
    padding: 100px 0;
}
.comanheading h2{
    color: #1C3440;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 10px;
}
.comanheading p {
    color: #808080;
    font-size: 20px;
    line-height: 32px;
}
.bglight {
    background: #F7F8F8;
}
.handlebox {
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 20px 25px;
}
.handlebox h3 {
    margin: 0;
    line-height: 38px;
    font-size: 26px;
    font-weight: 600;
    color: #1C3440;
}
.handlebox img {
    margin-bottom: 18px;
    transition: 0.3s ease-in-out;
    max-width: 54px;
}
.handlebox:hover img {
    transform: rotatey(-360deg);
}
.appdownloadimg {
    text-align: center;
    background: #C06A5D1A;
    padding: 60px 0 0;
    border-radius: 20px;
}
.appdownloadimg img {
    max-width: 100%;
}
.featuresbox {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
}
.featuresbox img {
    margin-bottom: 15px;
    transition: 0.3s ease-in-out;
    max-width: 54px;
}
.featuresbox:hover img{
    transform: rotatey(-360deg);
}
.featuresbox h3 {
    margin: 0 0 10px;
    line-height: 38px;
    font-size: 26px;
    font-weight: 600;
    color: #1C3440;
}
.featuresbox p {
    color: #808080;
    font-size: 16px;
    margin: 0;
    line-height: 26px;
}
.comanheading {
    margin-bottom: 40px;
}
.copyright{
    background: #C06A5D;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright p{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}
.footersection{
    background-color: #1C3440;
    padding: 100px 0;
}

.footericon {
    background: #C06A5D;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-right: 15px;
}
.footericon img{
    max-width: 16px;
    transition: 0.3s ease-in-out;
}
.footericon:hover img{
    transform: rotatey(-360deg);
}
.footerbox h2 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.footerbox p{
    font-size: 13px;
    color: #fff;
    margin: 0;
    font-weight: 400;
}
.subscribe .form-group .form-control {
    border: 0;
    height: 40px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #1C3440;
    padding: 4px 16px;
}
.subscribe .form-group button {
    position: absolute;
    top: 4px;
    right: 5px;
    border: 0;
    height: 32px;
    background: #C06A5D;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    padding: 0 14px;
}
.footerlinks {
    margin-top: 40px;
}
.footerlinks a {
    font-size: 18px;
    color: #fff;
    margin: 0 0 20px;
    font-weight: 400;
    display: block;
    transition: 0.3s ease-in-out;
}
.footerlinks a:hover{
    transform: translateX(-5px);
    color: #C06A5D;
}
.footerlinks a:last-child{
    margin-bottom: 0;
}
.footerinfo{
    margin-top: 40px;
}
.infotxt {
    font-size: 16px;
    color: #fff !important;
    width: 80%;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid #E6E6E6 !important;
    margin-bottom: 20px;
    border-radius: 10px !important;
}
.accordion-button.collapsed {
    background-color: transparent;
    border-radius: 0 !important;
}
.accordion-button:not(.collapsed) {
    background: #C06A5D;
    border-bottom: 1px solid #B88868;
    color: #fff;
}
.accordion-button {
    border-radius: 10px 10px 0 0 !important;
    font-size: 20px;
    font-weight: 700;
    color: #1C3440;
    border: 0 !important;
    height: 64px;
    padding: 0 30px;
    box-shadow: unset !important;
}
.accordion-body {
    padding: 20px 30px;
    color: #808080;
    font-size: 16px;
    font-weight: 400;
}
.accordion-button::after{
    background-image: url('../img/faqplus.png');
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../img/faqminus.png);
    transform: rotate(-180deg);
    height: 5px;
}
.notification .dropdown-menu {
    box-shadow: 0px 4px 26px 0px #00000040;
    border-radius: 20px;
    border: 0;
    width: 650px;
    right: 0 !important;
    left: auto !important;
    overflow: hidden;
    top: 53px !important;
    transform: unset !important;
    padding: 0;
}
.notificationhead {
    background: #F7F7F7;
    height: 68px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    color: #1C3440;
    font-size: 20px;
    font-weight: 700;
}
.notificationinner {
    padding: 20px 20px;
}
.notificationlink {
    border: 1px solid #E5E5E5;
    display: flex;
    border-radius: 10px;
    padding: 14px 2px;
}
.notificationimg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 39px;
    width: 39px;
    overflow: hidden;
    border-radius: 4px;
}
.notificationimg img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.notificationtxt h2 {
    color: #1C3440;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 600;
    line-height: 20px;
}
.notificationtxt p {
    font-size: 12px;
    font-weight: 400;
    color: #1C3440;
    margin: 0;
}
.notificationtime {
    font-size: 13px;
    font-weight: 400;
    color: #1C3440;
    margin: 0;
}
.notificationinner {
    padding: 20px 20px;
    height: 360px;
    overflow-y: auto;
    margin-bottom: 20px;
} 
.viewallbtns {
    background: #F7F7F7;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    color: #1C3440;
    height: 35px;
    padding: 0 18px;
    margin: 0 20px 0;
    display: inline-flex;
    align-items: center;
}
.viewallbtns img {
    margin-left: 8px;
}
.accountdropdown .btn {
    display: flex;
    align-items: center;
    border: 1px solid #E6E6E6;
    border-radius: 7px;
    height: 38px;
    padding:0 30px 0 10px;
    box-shadow: unset;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    color: #1C3440;
    position: relative;
}
.accountdropdown .btn::after {
    position: absolute;
    content: '';
    right: 13px;
    background-image: url(../img/arrow.png);
    height: 6px;
    width: 8px;
    background-size: 8px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.accountpic {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    margin-right: 10px;
}
.accountpic img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.accountdropdown .dropdown-menu {
    box-shadow: 0px 4px 26px 0px #00000040;
    border-radius: 7px;
    width: 178px;
    right: 0 !important;
    left: auto !important;
    overflow: hidden;
    top: 45px !important;
    transform: unset !important;
    padding: 0;
    border: 1px solid #E6E6E6;
}
.acccountmenus a {
    font-size: 14px;
    font-weight: 400;
    color: #1C3440;
    display: flex;
    align-items: center;
    padding: 7px 6px;
    height: 38px;
    border-bottom: 1px solid #E6E6E6;
}
.acccountmenus a:last-child{
    border-bottom: 0;
}
.acccountmenus a img {
    max-width: 21px;
    transition: 0.3s ease-in-out;
}
.acccountmenus a span {
    display: block;
    width: 30px;
    text-align: center;
    margin-right: 3px;
}

.acccountmenus a:hover img{
    transform: rotatey(-360deg);
}
.seeallbtn {
    color: #C06A5D !important;  
    font-size: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.seeallbtn img {
    margin-left: 12px;
    transition: 0.3s ease-in-out;
}
.seeallbtn:hover img{
    transform: translateX(10px);
}
.nelwypropertybox {
    border: 1px solid #DEDEDE;
    padding: 20px;
    background-color: #fff;
    border-radius: 12px;
}
.nelwypropertyimg { 
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}
.propertyslide {
    height: 191px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}
.propertyslide img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.propertyslide::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.93%, #000000 100%);
    z-index: 1;
}
.nelwypropertyslider .owl-dots {
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    height: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nelwypropertyslider .owl-dots .owl-dot {
    height: 4px;
    width: 14px;
    background-color: #fff; 
    border-radius: 50px;
    transition: 0.3s ease-in-out;
    margin-right: 3px;
}
.nelwypropertyslider .owl-dots .owl-dot.active { 
    width: 22px;
    background-color: #C06A5D;
}
.imgcount {
    position: absolute;
    bottom: 14px;
    left: 12px;
    z-index: 3;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(92, 92, 92, 0.5) 0%, rgba(194, 194, 194, 0.5) 100%);
    backdrop-filter: blur(21.875001907348633px);
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 10px;
}
.imgcount img{
    margin-right: 5px;
}
.propertylabel {
    height: 29px;
    border-radius: 6px;
    display: flex;
    background: #F2EFEA;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 12px;
}
.propertylabelmain{
    display: flex;
}
.propertylabel img {
    margin-right: 7px;
    max-width: 20px;
}
.propertyname {
    font-size: 24px;
    font-weight: 600;
    color: #1C3440;
    display: block;
    line-height: 34px;
}
.mappart {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 15px;
}
.mappart img {
    margin-right: 8px;
}
.listingpropertyimg {
    display: flex;
    align-items: center;
    border-radius: 5px;
    width: 95px;
    height: 95px;
    overflow: hidden;
}
.listingpropertyimg img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.listingpropertybox {
    border: 1px solid #DEDEDE;
    margin: 0;
    flex-wrap: nowrap;
    border-radius: 12px;
    padding: 18px 5px;
}
.singlelinetext{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbmain{
    background: #C06A5D;
    height: 45px;
    display: flex;
    align-items: center;
}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
    color: #FFFFFF;
    font-size: 14px;
    position: relative;
}
.breadcrumb-item+.breadcrumb-item::before {
    background-image: url(../img/arrowbread.png);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    height: 9px;
    width: 6px;
    padding-right: 0;
    position: absolute;
    top: 5px;
    left: 10px;
}
.productstabs {
    border: 1px solid #E5E5E5;
    background: #F7F7F7;
    display: inline-flex;
    height: 40px;
    align-items: center;
    border-radius: 5px;
    padding: 0 8px;
}
.productstabs a { 
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 0 10px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #1C3440;
    transition: 0.3s ease-in-out;
}
.productstabs a:hover, .productstabs a.active{
    box-shadow: 0px 1px 1px 0px #0000001F;
    background: #FFFFFF; 
}
.productstabs a:last-child{
    margin-right: 0;
}
.headbtn {
    background: #1C3440;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0 15px;
}
.headbtn img{
    margin-right: 7px;
}
.headbtn1 {
    background: #C06A5D;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0 15px;
}
.headbtn1  img{
    margin-right: 7px;
}
.headsearch .form-control {
    width: 376px;
    border-radius: 10px;
    height: 40px;
    padding: 10px 0 10px 40px;
    color: #808080;
    font-size: 14px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 3%;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: sans-serif;
}

.pagination .page,
.pagination .prev,
.pagination .next {
  padding: 6px 12px;
  border: 1px solid #C06A5D;
  border-radius: 6px;
  background: #fff;
  color: #1C3440;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  transition: 0.3s ease-in-out;
}

.pagination .page.active {
  background: #C06A5D;
  color: #fff;
  border: 1px solid #C06A5D;
  font-weight: 700;
}

.pagination .prev {
  background: #fff;
  color: #1C3440;
}

.pagination .prev:hover,
.pagination .next:hover,
.pagination .page:hover {
  background: #C06A5D;
  color: #fff;
}

 

.pagination .dots {
    padding: 6px 12px;
    color: #1C3440;
    font-weight: 700;
    font-size: 30px;
    display: flex;
    height: 40px;
    width: 40px;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.pagination .page {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
    justify-content: center;
    border-radius: 9px;
}
.pagination .prev,
.pagination .next{
    height: 40px; 
    display: flex;
    align-items: center;
    padding: 0 10px;
    text-align: center;
    justify-content: center;
    border-radius: 9px;
    color: #1C3440;
    font-size: 16px;
}
.borderdesign {
    border: 1.35px solid #DEDEDE;
    padding: 20px;
    border-radius: 12px;
}
.propertydetailstop .propertyslide {
    height: 430px;
}
.propertydetailstop .imgcount { 
    bottom: 14px;
    left: auto;
    right: 12px; 
}
.propertydetailstop .nelwypropertyslider .owl-dots .owl-dot{
    height: 5px;
}
.propertydetailspage .propertyname {
    font-size: 32px;
    font-weight: 700; 
    line-height: 44px;
}
.propertydetailspage .mappart { 
    font-size: 18px;
}
.detailshead {
    font-size: 18px;
    font-weight: 600;
    color: #1C3440;
}
.inventoryicon {
    background: #C06A5D1A;
    height: 37px;
    width: 37px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owneretailsbox {
    background: #C06A5D1A;
    margin: 0;
    border-radius: 12px;
    border: 1px solid #C06A5D;
    padding: 15px 2px;
    display: flex;
    flex-wrap: nowrap;
}
.ownerprofile {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 39px;
    width: 39px;
    border-radius: 4px;
    overflow: hidden;
}
.owner_a img{
    margin-right: 6px;
}
.ownertxt h3 {
    font-weight: 600;
    font-size: 14px;
    color: #1C3440;
    margin-bottom: 5px;
}
.owner_a {
    display: flex;
    align-items: center;
    color: #1C3440;
    font-size: 11px;
    font-weight: 400;
    margin-right: 5px;
}
.pdfbox {
    margin: 0;
    padding: 10px 10px;
}
.inventrytxt h3 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
    color: #1C3440;
}
.inventrytxt p {
    margin: 0;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
}
.inventorybox {
    border: 1px solid #DEDEDE;
    border-radius: 12px;
}
.inventorybtn {
    margin: 0;
    padding: 16px 3px;
    cursor: pointer;
}
.inventorydata {
    padding: 0 18px;
    border-top: 1px solid #DEDEDE;
    display: none;
}
.inventorybox.active  .inventorydata{
    display: block;
}
.inventorycount .form-control{
    border: 1px solid #C06A5D33;
    background: #F2EFEA;
    border-radius: 5px;
    height: 28px;
    width: 89px;
    color: #1C3440;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
.datahead span {
    font-size: 16px;
    font-weight: 500;
    color: #1C3440;
    display: inline-block;
    margin-left: 10px;
}
.inventryproductimg {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
}
.inventryproductimg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: 100%;
}
.inventorydatabox{
    border-bottom: 1px solid #C06A5D33;
}
.arroico {
    transition: 0.3s ease-in-out;
    transform: rotate(180deg);
}
.inventorybox.active .arroico{
    transform: unset;
}
.reportbox {
    border: 1px solid #E5E5E5;
    border-radius: 20px;
    margin: 0;
    padding: 20px 7px;
}
.reporticon {
    background: #C06A5D1A;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.reporticon img{
    max-width: 100%;
}
.reportocontent span {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    color: #1C3440;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
.reportocontent a {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 28px;
    color: #1C3440;
    margin-bottom: 0px;
    line-height: 37px;
}
.dateecreated {
    font-size: 13px;
    font-weight: 500;
    color: #272727;
}
.deletedbtn {
    color: #1C3440;
    border: 1px solid #1C3440;
    border-radius: 10px;
    height: 34px;
    display: flex;
    align-items: center;
    padding: 0 35px;
    font-weight: 500;
    font-size: 16px;
}
.deletedbtn img{
    margin-right: 5px;
}
.viewprofilebtn {
    height: 34px;
    display: flex;
    align-items: center;
    background: #1C3440;
    border-radius: 10px;
    padding: 0 35px;
    color: #fff !important;
    font-size: 16px;
    margin-right: 20px;
}
.actionsmodal .modal-content {
    border-radius: 20px;
    border: 0;
    backdrop-filter: blur(30px);
}
.actionsmodal .modal-dialog {
    max-width: 530px;
}
.actionsmodal .modal-body {
    padding: 35px 25px;
}
.actionsmain img {
    max-width: 80px;
    margin-bottom: 20px;
}
.actionsmain h2 {
    color: #1C3440;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 10px;
}
.actionsmain p {
    color: #6C7278;
    font-size: 14px;
    margin: 0 auto;
    max-width: 80%;
}
.shareicon a {
    display: block;
    margin-bottom: 15px;
}
.shareicon a img{
    max-width: 72px;
}
.shareicon span{
    font-size: 14px;
    display: block;
    font-weight: 400;
    text-align: center;
}
.shareform .form-control {
    background: #F4F4F4;
    border-radius: 12px;
    height: 46px;
    padding: 10px 18px;
    color: #1C3440;
    font-size: 16px;
    box-shadow: unset;
}
.shareform .copybtn{
    border: 0;
}
.shareform .copybtn {
    border: 0;
    background: transparent;
    position: absolute;
    right: 22px;
    bottom: 10px;
}
.reportdetails .propertyname {
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
}
.reportdetails .mappart {
    font-size: 18px;
}
.reportlabel{ 
    border-top: 1px solid #C06A5D;
    border-bottom: 2px solid #C06A5D;
    border-left: 1px solid #C06A5D;
    border-right: 1px solid #C06A5D;
    color: #C06A5D;
    font-size: 13px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
}
.reportlabel img{
    margin-right: 6px;
}
.scorebox {
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    text-align: center;
    background: #FBFBFB;
    padding: 12px 20px;
}
.scorebox img{
    display: block; 
    margin: 0 auto 6px;
}
.scorebox span{
    color: #1C3440;
    font-weight: 400;
    font-size: 13px;
    display: block;
}
.scorebox strong{
    color: #1C3440;
    font-weight: 600;
    font-size: 13px;
}
.propertyhead {
    color: #1C3440;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 11px;
}
.propertycondition .inventryproductimg {
    height: 195px;
}
.airesutltbx {
    border-radius: 10px;
    background: #FBFBFB;
    padding: 10px 10px;
    margin: 0;
}
.airesutltbx span{
    color: #1C3440;
    font-size: 14px;
    font-weight: 500;
}
.issuebtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FF174F1A;
    border-radius: 14px;
    font-weight: 400;
    font-size: 14px;
    color: #FF174F;
    padding: 3px 10px;
    position: relative;
}
 
.issuebtn img{
    margin-right: 5px;
    cursor: pointer;
}
.issuebox {
    position: absolute;
    background: #FFE8ED;
    display: none;
    box-shadow: 0px 4px 4px 0px #00000005;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    text-align: left;
    color: #808080;
    font-size: 12px;
    bottom: 34px;
    width: 237px;
    left: -130px;
    right: auto;
    padding: 14px 15px;
}
.issuebtn:hover + .issuebox{
    display: flex;
}
.issuesfound{
    position: relative;
}
.issuebox>img{
    margin-right: 10px;
}
.myaccounttabs .nav {
    border: 1px solid #DEDEDE;
    border-radius: 12px;
    padding: 10px;
    width: 26%;
}
.myaccounttabs .nav .nav-link {
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 10px;
    padding: 0 10px;
    color: #1C3440;
    height: 50px;
    outline: 0;
    margin-bottom: 2px;
}
.myaccounttabs .nav .nav-link span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background: #C06A5D1A;
    border-radius: 8px;
    margin-right: 10px;
}
.myaccounttabs .nav .nav-link span img{
    max-width: 100%;
}
.myaccounttabs .nav .nav-link.active{
    background: #C06A5D;
    color: #fff;
}
.myaccounttabs .nav .nav-link.active span{
    background-color: #fff;
}
.myaccounttabs .tab-content {
    width: 74%;
}
.accounthead h2{
    color: #1C3440;
    font-weight: 700;
    font-size: 24px;
    margin: 0;
}
.accounthead .headbtn {
    padding: 0 20px;
    font-size: 14px;
    height: 38px;
}
.userpic {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    border: 2px solid #C06A5D;
}
.userpic img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.uploadpic {
    position: absolute;
    bottom: 0;
    right: 6px;
} 
.profilehead .headbtn1 {
    padding: 0 20px;
    font-size: 14px;
    height: 40px;
}
.userdetails h2 {
    font-weight: 600;
    font-size: 24px;
    color: #1C3440;
    margin: 0 0 2px;
}
.userdetails p {
    font-weight: 400;
    font-size: 16px;
    color: #808080; 
    margin: 0;
}
.profilehead {
    border: 1.35px solid #DEDEDE;
    padding: 20px 8px;
    border-radius: 12px;
}
.myaccounttabs .formdesign .form-group .form-control {
    height: 50px;
}
input:disabled{
    background-color: #FAFAFA !important;
}
.formdesign .form-group .form-select.iconselect {
    padding-left: 48px;
}
.aboutimg {
    overflow: hidden;
    border-radius: 10px;
    height: 356px;
}
.aboutimg img{
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.aboutcontent ul{
    list-style: circle;
}
.aboutcontent ul li {
    font-size: 14px;
    color: #1C3440;
    font-weight: 400;
    margin-bottom: 5px;
}
.helpbox {
    border: 0.85px solid #DEDEDE;
    border-radius: 12px;
    padding: 16px;
}
.statusbox span {
    font-size: 13px;
    display: block;
    margin-right: 6px;
    font-weight: 400;
    color: #1C3440;
}
.badge{
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 5px;
}
.badge-progress{
    background-color: #C06A5D;
}
.badge-pending{
    background-color: #FFC206;
}   
.helptimmer {
    font-size: 13px;
    color: #1C3440;
    font-weight: 500;
}
.helpmsg {
    font-weight: 700;
    font-size: 16px;
    color: #1C3440;
}
.contactbox h3 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px;
    color: #1C3440;
}
.contactbox p {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    color: #808080;
}
.contactbox img {
    max-width: 29px;
    margin-bottom: 10px;
}
.helphead {
    color: #1C3440;
    font-weight: 700;
    font-size: 16px;
}
.contactbox a {
    font-weight: 400;
    font-size: 16px;
    color: #808080;
    margin: 0;
}
.accptrejectlogin {
    background-image: url(../img/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.accptrejectinner {
    background: #FFFFFF;
    backdrop-filter: blur(30px);
    border-radius: 20px;
    position: relative;
    z-index: 1;
    padding: 30px 26px;
    max-width: 540px;
}
.accptrjtbg {
    padding: 30px;
    height: calc(100vh - 0px);
    position: relative;
}
.accptrjtbg::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #1C344099;
}

@media (max-width:1439px) {
    .authsliderbox h2 {
        font-size: 32px;  
    }
    .authsliderbox p {
        font-size: 18px;
        margin: 0;
    }
}
 

@media (max-width:1279px) {
    .authtop h2 { 
        font-size: 24px; 
        line-height: 30px;
        margin: 0 0 6px;
    }
    .container {
        max-width: 1180px;
    }
}

@media (max-width:1199px) {
    .authbg {
        border-radius: 18px;
    }
    .authsliderbox h2 {
        font-size: 26px;
    }
    .authsliderbox p {
        font-size: 16px;
        margin: 0;
    }
    .authpageleft{
        display: none;
    }
    .authpageright{
        width: 100%;
        height: auto;
    } 
    .container {
        max-width: 96%;
    }
    .banner_content h1 {
       font-size: 52px;
        margin-bottom: 15px;
    }
    .py {
        padding: 70px 0;
    }
    .comanheading h2 {
        font-size: 34px;
        line-height: 44px;
        margin-bottom: 10px;
    }
    .handlebox h3 {
        margin: 0;
        line-height: 32px;
        font-size: 22px;
    }
    .comanheading {
        margin-bottom: 32px;
    }
    .appdownloadtxt h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 15px;
    }
    .featuresbox h3 {
        margin: 0 0 10px;
        line-height: 32px;
        font-size: 22px;    
    }
    .menus li {
        margin: 0 12px;
    }
    .accountdropdown .btn span {
        display: none;
    }
    .seeallbtn {
        color: #C06A5D !important;
        font-size: 20px;
    }
    .ownertxt .owner_a {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width:1023px) {
    .authpage {
        padding: 20px; 
        height: auto;
    }
    .infobox a {
        position: relative;
        right: 0;
        top: 0;
        transform: unset;
    }
    .infobox { 
        height: auto;
        padding: 8px 0;
        text-align: center;
        display: block;
    }
    .infobox a img {
        margin-top: 6px;
    }
    .mobilesidebar .btn {
        padding: 0;
    }
    .languageselect { 
        font-size: 12px;
        height: 38px;
        width: 100%;
        border-radius: 8px;
        padding: 0 0 0 15px; 
        margin-bottom: 10px;
        background-position: 95%;
    }
    .menus {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
    .menus li a {
        font-weight: 600 !important;
        font-size: 16px;
        border-bottom: 1px solid #1c344014;
        padding: 16px 0px;
    }
    .menus li:last-child a{
        border-bottom: 0;
    }
    .headerbtn {
        font-size: 14px;
        height: 40px;
        padding: 0 24px;
        border-radius: 8px;
    }
    .banner_content h1 {
        font-size: 42px;
        margin-bottom: 10px;
    }
    .banner_content p {
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 21px;
    }
    .bannerpart {
        height: 430px;
    }
    .comanheading h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 7px;
    }
    .comanheading p { 
        font-size: 17px;
        line-height: 27px;
    }
    .handlebox img {
        margin-bottom: 15px; 
        max-width: 44px;
    }
    .handlebox h3 {
        margin: 0;
        line-height: 25px;
        font-size: 18px;
    }
    .handlebox {
        text-align: center;
        border-radius: 10px;
        padding: 20px 12px;
    }
    .py {
        padding: 50px 0;
    }
    .appdownloadtxt h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 7px;
    }
    .appdownloadtxt p {
        font-size: 16px;
        margin: 0;
        line-height: 26px;
    }
    .appdownloadimg img {
        max-width: 80%;
    }
    .appdownloadtxt .img-fluid {
        max-width: 140px;
    }
    .featuresbox h3 {
        margin: 0 0 10px;
        line-height: 28px;
        font-size: 18px;
    }
    .featuresbox {
        border-radius: 10px;
        padding: 18px;
    }
    .accordion-button{ 
        font-size: 17px;  
        height: 62px;
        padding: 0 20px; 
    }
    .accordion-body {
        padding: 20px 22px;
    }
    .footersection { 
        padding: 40px 0; 
    }
    .footerbox h2 { 
        font-size: 18px;
        margin-bottom: 10px;
    }
    .footerbox {
        text-align: center;
    }
    .footerlinks {
        margin-top: 20px;
    }
    .footerlinks a {
        font-size: 16px;
        margin: 0 0 12px
    }
    .infotxt {
        font-size: 16px;
        color: #fff !important;
        width: 100%;
    }
    .footerinfo .footericon { 
        margin: 0 auto 20px;
    }
    .accountdropdown .btn::after{
        display: none;
    }
    .accountdropdown .btn {
        padding: 0;
        justify-content: center;
        border-radius: 50px;
        height: 38px;
        width: 38px;
    }
    .accountpic {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 38px;
        width: 38px;
        margin-right: 0;
    }
    .mobilesidebar .btn{
        box-shadow: unset;
    }
    .seeallbtn { 
        font-size: 17px;
    }
    .propertyname {
        font-size: 20px;
        display: block;
        line-height: 28px;
    }
    .listingpropertybox {
        margin: 0;
        flex-wrap: wrap;
        border-radius: 12px;
        padding: 18px 5px;
    }
    .listingpropertyimg {
        width: 100%;
        height: 95px;
        overflow: hidden;
    }
    .headbtn, .headbtn1 {
        font-size: 15px;
        height: 44px;
        border-radius: 8px;
        padding: 0 15px;
        display: flex;
    }
    .reporticon {
        height: 50px;
        width: 50px;
    }
    .reportbox {
        border: 1px solid #E5E5E5;
        border-radius: 10px;
        margin: 0;
        padding: 17px 5px;
    }
    .reportocontent a {
        font-size: 22px;
    }
    .viewprofilebtn , .deletedbtn {
        height: 32px; 
        border-radius: 4px;
        padding: 0 15px; 
        font-size: 14px;
        margin-right: 10px;
    }
    .reporticon img {
        max-width: 70%;
    }
    .reportdetails .propertyname {
        font-size: 26px;
        line-height: 42px;
    }
    .myaccounttabs .nav {
        width: 100%;
        margin: 0 0 20px !important; 
        flex-wrap: nowrap;
        white-space: nowrap;
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .myaccounttabs .nav .nav-link {
        display: inline-flex;
        width: auto;
    }
    .myaccounttabs .tab-content {
        width: 100%;
    }
}

@media (max-width:767px) {
    .authrightinner {
        height: auto;
        padding: 20px 0px;
        overflow: hidden;
    }
    .authtop h2 {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 10px;
    }
    .authtabs{
        width: auto;
    }
    .authtabs a {
        padding: 0px 30px;
    }
    .formdesign .form-group {
        margin-bottom: 24px;
    }
    .continue_with::after {
        bottom: 9px;
        border: 1px solid #E5E5E5;
        width: 90%;
        margin: 0 auto;
    }
    .formdesign .form-group label {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .loginbtn { 
        font-size: 15px;  
        height: 45px;
    }
    .continuebtns {
        height: 42px;
        border-radius: 10px;  
        font-size: 14px;
    }
    .donthaveacct {
        font-size: 15px;
    } 
    .authpageleft {
        display: none;
        width: 100%;
        height: 290px;
    }
    .authbg {
        border-radius: 12px;
    }
    .authpage {
        flex-wrap: wrap;
    }
    .authslider {
        z-index: 1;
        position: relative;
        padding: 0 18px 20px;
        text-align: center;
    }
    .authsliderbox h2 {
        font-size: 18px;
        margin-top: 6px;
    }
    .authsliderbox p {
        font-size: 14px;
        margin: 0;
    }
    .infobox {
        padding: 8px 8px;
    }
    .container {
        max-width: 98%;
    }
    .notification .dropdown-menu {
        border-radius: 10px;
        border: 0;
        width: 100%;
        right: -101px !important;
        left: auto !important;
        overflow: hidden;
        top: 47px !important;
        transform: unset !important;
        padding: 0;
        min-width: 290px;
    }
    .notificationhead {
        height: 58px;
        padding: 0 20px;
        font-size: 16px;
    }
    .notificationinner {
        padding: 10px 10px;
        height: 220px;
        overflow-y: auto;
        margin-bottom: 16px;
    }
    .notificationtxt h2 {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .notificationtxt p {
        font-size: 10px;
        margin: 0;
    }
    .notificationtime {
        font-size: 11px;
    }
    .notificationimg {
        height: 26px;
        width: 26px;
        overflow: hidden;
        border-radius: 4px;
    }
    .banner_content h1 {
        font-size: 32px;
        margin-bottom: 8px;
        line-height: 42px;
    }
    .banner_content p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }
    .commanbtns {
        height: 45px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 15px;
        padding: 0 25px;
    }
    .bannerpart {
        height: 500px;
    }
    .handlebox {
        border-radius: 10px;
        padding: 22px 12px;
        width: 100%;
        margin-bottom: 20px;
    }
    .appdownloadtxt {
        padding: 30px 0 0;
        text-align: center;
    }
    .comanheading p {
        font-size: 16px;
        line-height: 26px;
    }
    .comanheading h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 5px;
    }
    .comanheading {
        margin-bottom: 25px;
    }
    .appdownloadtxt h2{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 5px;
    }
    .appdownloadtxt p {
        font-size: 16px;
        margin: 0;
        line-height: 27px;
    }
    .appdownloadtxt .img-fluid {
        max-width: 100%;
    }
    .py {
        padding: 40px 0;
    }
    .accordion-button {
        font-size: 15px;
        height: 60px;
        padding: 0 14px;
    }
    .accordion-body {
        padding: 20px 16px;
    }
    .footerinfo>div {
        border: 1px solid #ffffff30;
        padding: 20px 20px;
        border-radius: 10px;
    }
    .infotxt {
        font-size: 14px;
    }
    .footerinfo {
        margin-top: 20px;
    }
    .footericon {
        margin: 0 8px;
    }
    .footerlinks a {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .seeallbtn {
        font-size: 16px;
    }
    .seeallbtn img {
        margin-left: 8px;
        max-width: 16px;
    }
    .nelwypropertybox {
        padding: 10px; 
        border-radius: 8px;
    }
    .propertyslide {
        height: 191px;
        width: 100%;
        border-radius: 8px;
    }
    .nelwypropertyimg{
        border-radius: 8px;
    }
    .propertylabelmain {
        display: flex;
        flex-wrap: wrap;
    }
    .propertylabel {
        width: 100%;
        margin-bottom: 8px;
        margin-right: 0;
    }
    .propertyname {
        font-size: 18px;
        display: block;
        line-height: 29px;
    }
    .mappart {
        display: flex;
        align-items: center; 
        font-size: 14px;
    }
    .accptrejectinner {
        backdrop-filter: blur(30px);
        border-radius: 10px;
        position: relative;
        z-index: 1;
        padding: 20px 16px;
        max-width: 100%;
    }
    .accptrjtbg {
        padding: 15px;
    }
    .accptrejectlogin {
        border-radius: 10px;
    }
    .propertydetailstop .propertyslide {
        height: 230px;
    }
    .propertydetailstop .imgcount {
        bottom: auto;
        left: auto;
        right: 12px;
        top: 10px;
    }
    .propertydetailspage .propertyname {
        font-size: 22px;
        font-weight: 700;
        line-height: 32px;
    }
    .propertydetailspage .mappart {
        font-size: 15px;
    }
    .propertylabelmain .propertylabel:last-child {
        margin-bottom: 0;
    }
    .borderdesign {
        padding: 14px;
        border-radius: 10px;
    }
    .detailshead {
        font-size: 16px;
    }
    .inventrytxt p { 
        font-size: 12px; 
    }
    .datahead span {
        font-size: 14px;
        display: inline-block;
        margin-left: 5px;
    }
    .padfname {
        font-size: 14px;
    }
    .actionsmodal .modal-body {
        padding: 25px 15px;
    }
    .actionsmodal .modal-content {
        border-radius: 10px;
    }
    .actionsmodal .modal-dialog {
        max-width: 94%;
        margin: 0 auto;
    }
    .actionsmain img {
        max-width: 60px;
        margin-bottom: 14px;
    }
    .actionsmain h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .actionsmain p {
        font-size: 14px;
        margin: 0 auto;
        max-width: 100%;
    }
    .modalbtn1 {
        height: 45px; 
        border-radius: 8px;
        font-weight: 600;
        font-size: 15px;
        padding: 0 20px;
    }
    .headsearch .form-control {
        width: 100%;
    }
    .productstabs {
        height: 40px;
        align-items: center;
        border-radius: 5px;
        padding: 0 8px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
    }  
    .productstabs a { 
        border-radius: 5px;
        padding: 0 10px;
        margin-right: 5px;
        font-size: 15px; 
    }
    .pagination{
        display: none;
    }
    .reportbox {
        text-align: center;
        justify-content: center;
    }
    .reporticon {
        height: 50px;
        width: 50px;
        margin: 0 auto 13px;
    }
    .reportocontent a {
        font-size: 20px;
    }
    .viewprofilebtn, .deletedbtn {
        width: 50%;
        justify-content: center;
        margin: 0 5px;
    }
    div#logout .actionsinner .col-md-12 .row .col-md-6:first-child {
        margin-bottom: 14px;
    }
    .shareicon a {
        display: block;
        margin-bottom: 8px;
    }
    .shareicon a img {
        max-width: 32px;
    }
    .shareicon {
        width: 33%;
        text-align: center;
        margin-bottom: 20px;
    }
    .shareform .form-control {
        border-radius: 8px;
        height: 44px;
        padding: 10px 18px;
        font-size: 14px;
        box-shadow: unset;
    }
    .actionsmain h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .reportdetails .propertyname {
        font-size: 22px;
        line-height: 32px;
    }
    .reportdetails .mappart {
        font-size: 15px;
    }
    .airesutltbx .col-md-6 {
        text-align: center !important;
    }
    .airesutltbx .col-md-6:first-child {
        margin-bottom: 8px;
    }
    .airesutltbx .col-md-6:first-child span {
        font-weight: 700;
    }
    .propertycondition .inventryproductimg {
        height: 120px;
    }
    .accounthead h2 {
        font-size: 20px;
        margin: 0;
    }
    .userdetails h2 { 
        font-size: 18px; 
        margin: 0 0 5px;
    }
    .userdetails p {
        font-size: 14px;
        margin: 0;
    }
    .userdetails {
        text-align: center;
        margin: 14px 0;
    }
    .aboutimg {
        overflow: hidden;
        border-radius: 10px;
        height: 146px;
    }
    .aboutcontent ul {
        list-style: circle;
        padding-left: 20px;
    }
    .helpbox {
         border-radius: 10px;
        padding: 12px;
    }
    .helpmsg {
        font-weight: 700;
        font-size: 14px;
    }
    .contactbox a {
        font-size: 14px;
    }
    .profilehead .col {
        width: 100%;
        flex: 0 0 100%;
    }
}