@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Special+Gothic+Expanded+One&display=swap');
body {font-family: "Red Hat Display", sans-serif;font-size: 12px;line-height: 16px;font-weight:600;color: #050505;letter-spacing: 0.3px;overflow-x: hidden;background: #ddd;margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;}
ul, li {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none;padding: 0;margin: 0;}
.form-control{padding: 12px 15px; font-size: 14px;    border: 1px solid #d7d7d7;background-color: #fff;height:45px;border-radius: 10px;}
[type="text"], [type="email"], [type="tel"], [type="number"], [type="search"], [type="file"], [type="color"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="password"], [type="time"], [type="url"], [type="week"], textarea {
width: 100%;padding: 12px 15px;font-size: 14px;font-style: italic;color: #000;transition: all .3s linear;border: 1px solid #d7d7d7;background-color: #fff;outline: none;border-radius: 10px;resize: none;}
[type="text"]:focus, [type="email"]:focus, [type="tel"]:focus, [type="number"]:focus, [type="search"]:focus, [type="color"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="password"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
border-color: rgb(38 103 231);box-shadow:none;}
.btn {font-size: 12px;font-weight: 600;}
.btn-purple {background: #FF7518; color: #fff; border: 1px solid #FF7518;border: none; font-size: 12px;font-weight: 700;width:100%;padding: 10px 10px;border-radius: 5px;}
.green-txt-color {color: #3DA23F !important;}
.red-txt-color {color: #FB462E !important;}
.orenge-txt-color {color: #FF7518 !important;}.
.blue-txt-color {color: #043B72 !important;}
.title-section{}
.title-section .title{font-size: 14px;line-height: 20px;font-weight: 700; color: #000;}
.title-section .para{font-size:12px;line-height:18px;}
.custome-card{background-color: rgb(255, 247, 242);border: 1px solid #fdeee4;border-radius: 6px;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);}
.custome-card-header{}
.custome-card-header .title{font-size: 16px;line-height: 22px;font-weight: 700; color: #000;}
.custome-card-body{padding:15px 15px;}
.wrapper {padding: 0 15px;}
/* header */
.app_wrapper {max-width: 767px;min-height: 100vh;background: #fff;margin: 0 auto;overflow: hidden;position: relative;}
.app_wrapper {background: hsl(225deg 72.73% 95.69%);background:#fff;}
.app_header .wrapper {/*padding: 10px 20px;border-bottom: 0.3px solid #E6E6E6;*/padding:0px;}
.app_header{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;}
.app_header.inner-header{}
.app-header-inner {width: 100%;align-items: center;justify-content: space-between;padding: 10px 15px;background-color: #fff;border-radius:0px 0px 14px 14px;box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.06);box-shadow: 0 5px 15px #0000001a;}
.back-btn {background: transparent;border: 0;font-size: 21px;padding-left: 0;}
.app-header-center h3 {font-size: 16px;}
.logout-btn {border: 1px solid #3c0096;background: transparent;font-size: 14px;font-weight: 700;color: #3c0096;padding: 5px 9px;border-radius: 4px;letter-spacing: 1px;}
.rightSideListArea .profileLink{color: #000; font-size: 20px;}
.dashboardTopSec{background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;padding: 65px 0 25px;}
.highlightInfoCardArea{}
.highlightInfoCardAreainner{}
.highlightInfoCard{background-color: #fff7f2;color:#000;border-radius: 15px;position:relative;}
.highlightInfoCardBody{padding:15px 15px;position:relative;}
.highlightInfoCardTopArea{margin-bottom:15px;}
.highlightInfoCardTopAreainner{}
.highlightInfoCardTopAreainner .title{font-size:14px;margin-bottom:3px;}
.highlightInfoCardBottomArea{}
.highlightInfoCardBottomAreainner{}
.highlightInfoCardBottomAreainner .ttl{font-size:18px;font-weight:700;}
.highlightInfoCardBottomAreainner .viewLink{display: inline-block;padding: 7px 12px;background-color: #FF7518;color: #fff;font-size:11px;font-weight:600;border-radius: 30px;}
.highlightInfoCardBottomAreainner .viewLink i{margin-right:3px;}
.highlightInfoCardBody .moreDropdown .moreBtn {padding: 0px;border: 0;color:#000;}
.highlightInfoCardBody .dropdown-menu.moreDropdownMenu{min-width: 110px;font-size: 14px;padding: 5px 0px;} 
.highlightInfoCardBody .dropdown-menu.moreDropdownMenu li{padding:0px;} 
.highlightInfoCardBody .dropdown-menu.moreDropdownMenu li a{font-size: 12px;color: #000;} 
.highlightInfoCardSlider .owl-item{padding:0px 0;}
.highlightInfoCardSlider.owl-theme .owl-nav.disabled+.owl-dots{margin-top:5px;}
.highlightInfoCardSlider .owl-dots .owl-dot{}
.highlightInfoCardSlider .owl-dots .owl-dot span{width: 8px;height: 8px;margin: 4px;background: #c9cdcc;}
.highlightInfoCardSlider .owl-dots .owl-dot.active{}
.highlightInfoCardSlider .owl-dots .owl-dot.active span{background: #1a1a1a;}
.blackPanelArea{padding:0px 0 0px;margin-bottom:10px;}
.blackPanelAreainner{}
.blackPanel{background-color: #1a1a1a; color: #fff; border-radius: 15px; position: relative;	}
.blackPanelBody{padding: 15px 15px;	}
.blackPanelInfoArea{align-items:center;}
.blackPanelInfoArea .icon{width: 40px; height: 40px; background: #fff; color: #000; border-radius: 50%; display: flex; align-items: center;justify-content: center; color: #000;font-size: 16px;overflow:hidden;margin-right: 10px;	}
.blackPanelInfoArea .icon img{}
.blackPanelInfoArea .icon svg{}
.blackPanelInfoArea .content{ -webkit-box-flex: 1; -ms-flex: 1;flex: 1;}
.blackPanelInfoArea .ttl{font-size: 12px;color: #f3f2f2;margin-bottom:3px;}
.blackPanelInfoArea .txt{font-size: 16px; }
.blackPanelInfoArea .txt strong{ font-weight: 700;}
.blackPanelInfoArea .txt.green-txt-color {color: #08d90c !important;}
.blackPanelInfoArea .leftPart{align-items:center;}
.blackPanelInfoArea .notificationLink{font-size: 18px;color: #fff;}
.community-sec {padding: 15px 0;}
.community-input-sec {position: relative;}
.community-input-sec input {padding-right: 33px;}
.community-input-sec i {position: absolute;right: 11px;top: 13px;font-size: 16px;color: #999;}
.community-list-sec {padding-top: 10px;}
.community-list-sec ul li {border-bottom: 1px solid #eee;padding: 12px 3px;}
.community-list-sec ul li a {display: flex;align-items: center;font-size: 14px;color: #000;}
.community-list-sec ul li a .list-left {font-size: 20px;margin-right: 14px;}
.community-list-sec ul li a .list-right p {text-transform: uppercase;}
.inner-header .app-header-left {/*width: 10%;*/}
.inner-header .app-header-center {width: 90%;}
.app-header-inner .app-header-center h3 {/*text-transform: uppercase;*/font-size: 14px;font-weight: 600;}
.community-book-sec img {width: 100%;}
.community-info {padding: 20px 0;}
.community-info h3 {font-size: 17px;text-transform: uppercase;margin-bottom: 5px;}
.community-info address {margin-bottom: 0;}
.community-info address p {font-size: 13px;text-transform: uppercase;color: #7f7f7f;}
.community-boox-box {margin-bottom: 20px;}
.community-boox-box label {display: block;font-size: 15px;font-weight: 600;margin-bottom: 12px;}
.community-boox-box label span {color: red;}
.community-boox-box select {width: 100%;padding: 9px 13px;font-size: 14px;font-style: italic;color: #000;transition: all .3s linear;border: 1px solid #d7d7d7;background-color: #fff;outline: none;border-radius: 6px;resize: none;}
.community-book-btn-sec button {width: 100%;border: 1px solid #3c0096;background: #3c0096;color: #fff;font-size: 17px;padding: 12px 10px;border-radius: 4px;}
.request-sec .app-header-center h3 {text-transform: capitalize;}
.request-info {padding: 20px 0;}
.request-info h3 {font-size: 18px;margin-bottom: 8px;}
.request-info p {font-size: 13px;color: #7f7f7f;}
.request-box {width: 100%;border: 1px solid #3c009654;padding: 15px;border-radius: 5px;display: flex;background: #fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.request-box-icon {width: 40px;height: 40px;border: 1px solid #7f7f7f;display: flex;align-items: center;justify-content: center;font-size: 17px;border-radius: 4px;}
/* .request-box-left {width: 15%;} */
.request-box-right {/* width: 85%; */padding-left: 20px;}
.request-box-right h3 {font-size: 16px;font-weight: 600;margin-bottom: 10px;}
.request-box-right ul {display: flex;align-items: center;margin-bottom: 7px;}
.request-box-right ul li {font-size: 13px;font-weight: 700;color: #7f7f7f;padding: 0 12px;position: relative;}
.request-box-right ul li::before {content: "";position: absolute;top: 1px;right: 0;width: 1px;height: 82%;background-color: #7f7f7f;}
.request-box-right ul li:first-child {padding-left: 0;}
.request-box-right ul li:last-child::before {display: none;}
.request-box-right address p {font-size: 12px;text-transform: uppercase;color: #7f7f7f;}
.request-box-right address {margin-bottom: 0;}
.request-outer {width: 100%;height: 93vh;display: flex;flex-direction: column;justify-content: space-between;}
.join-another-sec {padding: 20px 20px;border-top: 0.3px solid #E6E6E6;text-align: center;}
.join-another-sec a {font-size: 15px;text-align: center;color: #3c0096;font-weight: 600;}
.login-top-sec img {width: 100%;height: 278px;object-fit: cover;}
.login-bottom-sec {padding-top: 20px;}
.login-bottom-header {text-align: center;padding-bottom: 20px;}
.login-bottom-header h3 {font-size: 28px;margin-bottom: 5px;}
.login-bottom-header p {font-size: 15px;color: #7f7f7f;}
.login-formn-sec {padding: 0 20px;}
.login-input-sec {margin-bottom: 20px;}
.login-input-sec label {display: block;font-size: 15px;font-weight: 600;margin-bottom: 12px;}
.login-input-sec input {width: 100%;padding: 12px 13px;font-size: 14px;font-style: italic;color: #000;transition: all .3s linear;border: 1px solid #d7d7d7;background-color: #fff;outline: none;border-radius: 6px;resize: none;}
.login-form-top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}
.login-form-top a {font-size: 14px;font-weight: 600;color: rgb(38 103 231);}
.or-sec {width: 100%;position: relative;margin: 30px 0;border-top: 0.3px solid #d7d7d7;}
.or-sec span {position: absolute;font-size: 15px;font-weight: 600;top: -7px;left: 50%;background: #fff;padding: 0px 8px;transform: translate(-50%, 0);}
.other-login-sec {display: flex;align-items: center;gap: 20px;justify-content: center;}
.other-login-sec button {height: 45px;display: flex;align-items: center;background: #fff;border: 1px solid #d7d7d7;padding: 10px 15px;border-radius: 4px;font-size: 14px;font-weight: 700;color: #7f7f7f;}
.other-login-sec button i, .other-login-sec button img {width: 20px;margin-right: 8px;}
.mobile-btn {color: #3c0096 !important;}
.other-login-sec button i {font-size: 20px;margin-right: 7px;}
.login-btn-sec {margin: 36px 0;}
.login-btn-sec .login-btn {width: 100%;border: 1px solid rgb(38 103 231);background: rgb(38 103 231);background: #FF7518;border: 1px solid #FF7518;font-size: 16px; color: #fff;padding: 12px 10px;border-radius: 4px;}
/*.sign-sec {*/
/*    padding-bottom: 20px;*/
/*}*/
.sign-sec p {text-align: center;font-size: 14px;color: #7f7f7f;}
.sign-sec p a {color: rgb(38 103 231);font-weight: 700;}
.passowrd-box {position: relative;}
.passowrd-box input {padding-right: 30px;}
.passowrd-box span {position: absolute;right: 7px;color: #7f7f7f;top: 11px;font-size: 17px;}
.forgot-sec h3 {font-size: 17px;font-weight: 800;margin-bottom: 10px;}
.mobile-sec {width: 100%;display: flex;gap: 10px;}
.mobile-sec select {width: auto !important;padding: 10px 8px;font-size: 14px;font-style: italic;color: #000;transition: all .3s linear;border: 1px solid #d7d7d7;background-color: #fff;outline: none;border-radius: 6px;resize: none;padding-right: 17px;}
.checkbox-sec label {position: relative;cursor: pointer;font-size: 13px;color: #7f7f7f;}
.checkbox-sec input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.checkbox-sec label:before {content: '';-webkit-appearance: none;background-color: transparent;border: 1px solid #3c0096;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 12px;}
.checkbox-sec input:checked+label:after {content: '';display: block;position: absolute;top: 2px;left: 6px;width: 6px;height: 11px;border: solid #3c0096;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.checkbox-sec label a {color: #3c0096;}
.modal.mobile-modal .modal-dialog {position: fixed;bottom: -100%;margin: 0;width: 100%;max-width: 100%;transition: bottom 0.4s ease-in-out;}
.modal-dialog {align-items: flex-start;min-height: auto;padding: 0;}
.modal.mobile-modal.show .modal-dialog {bottom: 0;}
.modal-dialog .modal-content {border: 0;}
.modal.mobile-modal .modal-content {border-radius: 20px 20px 0 0;padding-bottom: 10px;}
.modal-heading h3 {font-size: 18px;font-weight: 600;text-align: center;border-bottom: 0.3px solid #E6E6E6;padding-bottom: 10px;}
.modal-body {position: relative;}
.modal-body::before {content: "";width: 18%;height: 3px;background-color: #000;position: absolute;top: 2px;left: 50%;transform: translate(-50%, 0);}
.modal-top-info {padding: 16px 0;}
.modal-top-info p {font-size: 13px;color: #7f7f7f;margin-bottom: 10px;}
.endit-number {display: flex;align-items: center;justify-content: space-between;}
.endit-number p {color: #000;margin: 0;}
.endit-number a {color: #3c0096;font-size: 14px;font-weight: 600;}
.code-sec h4 {font-size: 17px;margin-bottom: 20px;}
.code-box {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 20px;}
.code-time-sec {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.code-time-sec a {font-size: 14px;color: #3c0096;font-weight: 600;}
.code-time-sec span {font-size: 16px;}
.login-btn {width: 100%;border: 1px solid hsl(221.25deg 64.65% 61.18%);background: hsl(221.25deg 64.65% 61.18%);color: #fff;font-size: 17px;padding: 12px 10px;border-radius: 4px;}
.modal-heading {padding-top: 10px;}
.remind-btn-sec {text-align: right;padding-top: 20px;}
.remind-btn {border: 1px solid #3c0096;background: transparent;font-size: 14px;font-weight: 700;color: #3c0096;padding: 9px 9px;border-radius: 4px;letter-spacing: 1px;}
.toggle-switch {position: relative;display: inline-block;width: 50px;height: 25px;}
/* Hide default checkbox */
.toggle-switch input {opacity: 0;width: 0;height: 0;}
/* Slider Style */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.3s;border-radius: 34px;}
/* Circle */
.slider::before {position: absolute;content: "";height: 19px;width: 19px;left: 3px;bottom: 3px;background-color: white;transition: 0.3s;border-radius: 50%;}
/* When checked */
.toggle-switch input:checked+.slider {background-color: #4CAF50;/* Green */}
.toggle-switch input:checked+.slider::before {transform: translateX(25px);}
.remind-form-sec {padding-top: 15px;}
.remind-box {margin-bottom: 20px;}
.remind-box textarea {height: 110px;}
.remind-email-sec {display: flex;align-items: center;justify-content: space-between;}
.remind-email-sec p {font-size: 15px;}
.request-add-btn {font-size: 19px;color: #3c0096;border: 0;background: transparent;padding: 0;}
.welcome-sec p {background: #4285f4;text-align: center;font-size: 17px;color: #fff;padding: 10px 0;}
.member-request-header {width: 100%;padding: 20px 0;display: flex;align-items: center;}
.member-request-haeder-box {width: 50%;border: 1px solid #7f7f7f;padding: 8px;font-size: 13px;}
.member-request-list-box {border-bottom: 1px solid #eee;padding: 12px 0px;display: flex;}
.member-request-icon {width: 10%;}
.member-request-info {width: 90%;display: flex;align-items: center;justify-content: space-between;}
.icon {width: 28px;height: 28px;background: #3c0096;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 17px;}
.member-request-info-left {width: 50%;}
.member-request-info-left h3 {font-size: 15px;margin-bottom: 2px;}
.member-request-info-left p {font-size: 10px;text-transform: uppercase;color: #7f7f7f;}
.member-request-status span {color: green;font-size: 15px;}
.visitor-heading p {background: #4285f48c;text-align: left;font-size: 15px;color: #fff;padding: 7px 10px;}
.visitor-box {}
.visitor-box-icon i {font-size: 22px;color: #3c0096;}
.visitor-box-info {padding-left: 12px;}
.visitor-box-info h3 {font-size: 14px;margin-bottom: 5px;}
.visitor-box-info p {font-size: 12px;color: #7f7f7f;}
.bill-details-header {border: 1px solid #7f7f7f;padding: 12px;font-size: 16px;margin: 10px 0;text-align: center;border-radius: 2px;}
.bill-details-box label {display: block;font-size: 13px;font-weight: 600;margin-bottom: 8px;}
.bill-details-box {margin-bottom: 15px;}
.bill-list-box {border-bottom: 1px solid #eee;padding: 12px 0px;display: flex;align-items: center;}
.bill-list-left {width: 10%;}
.bill-list-right {width: 90%;display: flex;align-items: center;justify-content: space-between;padding-left: 10px;}
.bill-list-right-inner h4 {font-size: 15px;margin-bottom: 4px;}
.bill-list-right-inner p {color: #7f7f7f;font-size: 12px;}
.bill-details-form .row .col-6, .bill-details-form .row .col-12, .bill-details-form .row .col-4 {padding: 0 6px;}
.directory-header {margin: 15px 0;display: flex;align-items: center;}
.directory-left {width: 50%;padding-right: 20px;}
.directory-left select {width: 100%;padding: 6px 9px;font-size: 13px;font-style: italic;color: #000;transition: all .3s linear;border: 1px solid #d7d7d7;background-color: #fff;outline: none;border-radius: 6px;resize: none;}
.directory-right p {font-size: 15px;font-weight: 600;color: hsl(221.25deg 64.65% 61.18%);}
.menu-btn {border: 0;background: transparent;padding: 0;font-size: 20px;color: #3c0096;}
.home-top-sec {width: 100%;background: #3c0096;}
.home-top-sec ul {display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;}
.home-top-sec ul li a {display: flex;align-items: center;font-size: 15px;font-weight: 700;color: #fff;}
.home-top-sec ul li a svg {width: 20px;height: 20px;margin-right: 7px;}
.home-sec {padding: 10px 0;}
.home-wrapper ul {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.home-wrapper ul li {width: 33.33%;padding: 10px;}
.home-wrapper ul li a {/*width: 100%;height: 100%;background-color: rgb(255, 247, 242);border: 1px solid #fdeee4;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);padding: 10px 6px;display:flex;*/font-size: 11px;line-height:14px;font-weight: 700;color: #000;}
.home-wrapper ul li a svg {width: 35px;height: 39px;margin-bottom: 13px;}
.member-bill-sec {padding-top: 15px;}
.unit-sec {margin-bottom: 25px;}
.unit-sec h3 {font-size: 15px;font-weight: 600;color: #3c0096;margin-bottom: 18px;}
.unit-wrapper ul li {width: 100%;border: 1px solid #eee;border-radius: 5px;padding: 15px;display: flex;}
.unit-left i {font-size: 20px;color: #3c0096;padding-top: 5px;}
.unit-right {padding-left: 15px;}
.unit-right h4 {font-size: 13px;font-weight: 700;margin-bottom: 5px;}
.unit-wrapper ul li {margin-bottom: 20px;}
.unit-wrapper ul li:last-child {margin: 0;}
.collection-wrapper ul {display: flex;align-items: center;margin: 0 -10px;}
.collection-wrapper ul li {width: 33.33%;padding: 0 10px;}
.collection-wrapper ul li .unit-box {width: 100%;height: 100;border: 1px solid #7f7f7f;padding: 10px;border-radius: 5px;text-align: center;}
.unit-box h4 {font-size: 15px;font-weight: 700;color: #4285f4;margin-bottom: 7px;}
.redColor {color: red !important;}
.profile-inner h2 {font-size: 18px;font-weight: 700;text-align: center;margin: 13px 0;}
.login-input-sec select {width: 100%;padding: 12px 13px;font-size: 14px;font-style: italic;color: #000;transition: all .3s linear;border: 1px solid #d7d7d7;background-color: #fff;outline: none;border-radius: 6px;}
.profile-sec {padding-top: 75px !important;padding-bottom: 0px !important;}
.profile-sec.dashboardMidddleSec{ padding: 20px 0 30px;padding-top: 20px !important; background-color: #fff; border-radius: 20px 20px 0 0; margin-top: -20px;}
.vehicle-sec {padding-top: 20px;}
.vehicle-sec table {width: 100%;}
.vehicle-sec table thead tr th {border: 1px solid #3c0096;/* border-right-color: #fff; */font-size: 13px;padding: 8px 9px;background: #3c0096;color: #fff;text-align: center;}
.vehicle-sec table tbody tr td {border: 1px solid #d7d7d7;font-size: 13px;padding: 8px 9px;color: #999;}
.vehicle-btn-sec {display: flex;align-items: center;}
.vehicle-btn-sec button {border: 0;background: transparent;font-size: 12px;}
.add-btn {color: #2196F3;}
.edit-btn {color: #14a347;}
.delete-btn {color: red;}
.vehicle-sec h2 {font-size: 18px;font-weight: 700;text-align: center;margin: 13px 0;}
.user-icon {display: inline-block;width: 35px;height: 35px;}
.user-icon img {width: 100%;height: 100%;object-fit: cover;}
/* Overlay */
.overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 99998;opacity: 0;visibility: hidden;
transition: 0.3s ease;}
/* Show overlay when active */
.overlay.is-open {opacity: 1;visibility: visible;}
/* Hamburger button */
.hamburger {position: relative;z-index: 999999;}
.toggle-btn {background: none;border: none;cursor: pointer;display: flex;flex-direction: column;gap: 6px;}
.toggle-btn span {width: 28px;height: 3px;background: var(--green);border-radius: 2px;transition: 0.3s;}
.prof_box{}
.prof_boxinner{}
.prof_boxinner .userThumnail{width: 35px;height: 35px;background: #fff;color: #000;border-radius: 6px;display: flex;align-items: center;justify-content: center;padding: 0px;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.06);overflow:hidden;margin-bottom: 12px;}
.prof_boxinner .userThumnail img{width:100%;height:100%;object-fit:cover;}
.prof_boxinner .userContent{}
.prof_boxinner .userContent .usertag{font-size: 14px;}
.prof_boxinner .userContent .userName{ font-size: 18px;font-weight: 700;}
/* Mobile menu */
.mobile-menu {position: fixed;top: 0;left: 0;/*height: 100vh;*/max-width: 300px;width: 100%;/*padding: 20px;*/background: #fff;box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);z-index: 999999;transition: transform 0.35s ease;transform: translateX(-320px);overflow-y: auto;}
.mobile-menu.is-open {transform: translateX(0);max-width:100%;}
.mobile-menu-close-sec {display: block;position: relative;padding-bottom: 28px;}
.menu_close_btn {/*width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0;*/font-size: 18px;/*background-color: hsl(221.25deg 64.65% 61.18%);color: #fff;border-radius: 50%;*/}

.side_menu_fld_area{overflow: auto;display: flex;flex-direction: column;height: 100vh;}
.side_menu_fld_areainner{width: 100%;overflow: hidden;display: flex;flex-direction: column;}
.side_menu_prof_area{padding:12px 10px;}
.side_menu_prof_areainner{}
.side_menu_prof_areainner .leftPart{}
.side_menu_prof_areainner .leftPart .backbtn{font-size: 16px;}
.side_menu_prof_areainner .middlePart{}
.side_menu_prof_areainner .middlePart .title{font-size: 14px;font-weight: 700;}
.side_menu_prof_areainner .rightPart{}
.side_menu_prof_areainner .notificationLink{display: inline-flex ;font-size: 18px;color:#000;margin-left:10px;}

.side_menu_areainner{flex-shrink: 1;-webkit-box-flex: 1;flex-grow: 1;overflow: auto;height: 100vh;}
.menu-list {padding-top: 10px;}
.menu-list ul li {padding: 0px 0;/*border-bottom: 0.3px solid #E6E6E6;*/}
.menu-list ul li a {display:block;font-size: 14px;font-weight: 600;color: #000;padding:10px 15px;}
.menu-list ul li a .iconBox{display: inline-block;font-size: 18px;width: 30px;}
.menu-list ul li a .txt{}
.menu-list ul li.logout-item{}
.menu-list ul li.logout-item .logout-btn{margin-top: 0px;font-size: 14px !important; font-weight: 600 !important;padding: 10px 15px !important;border:0;}
.menu-list ul li.logout-item .logout-btn .iconBox{display: inline-block;font-size: 18px;width: 30px;}
.menu-list ul li.title{padding: 0 15px 10px;text-transform: uppercase;color: #999;}
.menu-list .divider{color: #ccced1;}

.dropdown-toggle::after {display: none;}
.dropdown-menu {}
.dropdown-menu li {padding: 8px 7px;}
.dropdown-menu li a {font-size: 15px;color: #000;}
.login-sec {position: relative;padding: 10px 15px;}
.login-sec::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 66%;background-color: rgb(38 103 231);background-color: #21419c;background-image:url(../images/login-bg-img.jpeg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.login-sec::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 66%;background-color: #00000057;}
.register-sec::after {height: 35%;} 

.login-form-box-sec {position: relative;background: #ffff;padding: 28px 25px;border-radius: 5px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.login-bottom-header h3 {margin-bottom: 24px;color: #fff;}
.login-bottom-header p {font-size: 15px;color: #fff;}
.login-bottom-sec{padding-top: 110px;position: relative;z-index: 1;}
.login-formn-sec {padding: 0;}
.register-sec::before {height: 35%;}
.dashboard-card {background: #fff;}
.headerTopbarMarqueeArea {margin-top: 0 !important;}
.community-sec  {padding-bottom: 0 !important;}
.home-wrapper ul li a svg {filter: brightness(0) saturate(100%) invert(30%) sepia(68%) saturate(3393%) hue-rotate(213deg) brightness(95%) contrast(90%);}
.home-wrapper ul li {width: 25%;padding:0 0 15px;}
.home-wrapper ul li a {/*border-radius: 10px;*/position: relative;}
.badge {position: absolute;top: -1px;right: -2px;}
.home-wrapper ul li {width: 100%;}
.home-wrapper ul li a {flex-direction: row;gap: 12px;}
.dashboard-list-icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;    
    /* width: 100%; */
    /* height: 100%; */	
    background-color: rgb(255, 247, 242);
    border: 1px solid #fdeee4;
	background-color: #eee;
    border: 1px solid #eee;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);	
    padding: 6px 6px;
    display: inline-flex;
    justify-content: center;
    border-radius: 10px;	
	margin-bottom: 8px;
}
.dashboard-list-icon img{height:40px;}
.home-wrapper ul li a svg {width: 29px;height: 39px;margin: 0 !important;width: 22px;height: 22px;filter: brightness(0) saturate(100%);}
.dashboardBoxMenuListArea{}
.home-wrapper.dashboardBoxMenuListArea ul li{width:25%;}
.home-wrapper.dashboardBoxMenuListArea ul li a{flex-wrap: wrap; text-align: left;display: block !important;text-align: center;}
.home-wrapper.dashboardBoxMenuListArea ul li a .dashboard-list-icon{}
.home-wrapper.dashboardBoxMenuListArea ul li a .dashboard-list-icon svg{width: 28px;height: 28px;}
.home-wrapper.dashboardBoxMenuListArea ul li a .dashboard-list-icon i{font-size:24px;}
.home-wrapper.dashboardBoxMenuListArea ul li a .content{display: block;padding: 0px 10px;}
.recentListArea{}
.recentListAreainner{}
.recentList{}
.recentList .recentListItem{font-size: 12px;line-height: 18px;font-weight: 500;margin-bottom:15px;}
.recentList .recentListItem:last-child{}
.recentListIteminner{
    background-color: rgb(255, 247, 242);
    border: 1px solid #fdeee4;
    background-color: #eee;
    border: 1px solid #eee;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    padding: 10px;
    border-radius: 10px;
}
.recentListIteminner .iconBox{width: 35px;height: 35px; background: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; padding: 3px;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.06);margin-right:12px;}
.recentListIteminner .content{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.recentListIteminner .title{font-size: 14px;line-height: 20px;font-weight: 600;color: #000;}
.recentListIteminner .para{}

.toggle-btn svg {width: 30px;height: 30px;}
.profile-box {width: 32px;height: 32px;border-radius: 50%;}
.profile-box img {width: 100%;height: 100%;object-fit: cover;}
.notification-box {width: 35px;height: 35px;border-radius: 50%;padding: 0;border: 1px solid hsl(222.86deg 25.93% 89.41%);background: #fff;color: #000 !important;}
.notification-box i {color: #000 !important;}
.notification-box:hover, .notification-box:active {background: #fff !important;color: #fff !important;}

.menu-dock-sec {position: fixed;bottom: 0;z-index: 3;background: transparent;width: 100%;left: 0;padding: 0px 0px;}
.dock-inner {background: #fff; box-shadow: 0 0px 6px 1px rgba(0, 0, 0, .12);padding: 10px 15px;border-radius: 14px 14px 0 0;}
.dock-inner ul {display: flex;align-items: center;justify-content: space-between;}
.dock-inner ul li {padding: 5px;}
.dock-inner ul li a {display: flex;flex-direction: column;align-items: center;justify-content: center;color: #737475;font-size: 12px;}
.dock-inner ul li a .iconBox{font-size: 18px;margin-bottom:5px;}
.dock-inner ul li a.active {/* background: hsl(221.61deg 78.34% 34.52%); */color: #1a38ad;font-weight: 700;}

.resident-card  {background-color: #fff;}
.resident-card i {color: hsl(221.61deg 62% 60.78%) !important;}
.bg-purple {background-color: hsl(221.61deg 62% 60.78%) !important;}
.content-wrapper {padding-bottom: 85px;}
.modal.show .modal-dialog {bottom: 0;}
.modal-dialog .modal-content {border: 0;}
.modal .modal-content {border-radius: 20px 20px 0 0;padding-bottom: 10px;}
.modal .modal-dialog {position: fixed;bottom: -100%;margin: 0;width: 100%;max-width: 100%;transition: bottom 0.4s ease-in-out;}
.modal-dialog {align-items: flex-start;min-height: auto;padding: 0;}
.modal.show .modal-dialog {transform: none;}
.openPopup {background-color: hsl(221.25deg 64.65% 61.18%) !important;border-color: hsl(221.25deg 64.65% 61.18%) !important;}
.visitor-box {}
.visitor-box .inconBox.visitor-user-thumnail-box{width: 40px; height: 40px;font-size: 16px; border-radius: 50%;}
.visitor-box .inconBox.visitor-user-thumnail-box img{width:100%; height:100%; object-fit:cover;}
.visitor-box .inconBox.visitor-user-thumnail-box .btn {}
.vehicleModal .modal-dialog  {bottom: -93px;}
.pending-sec {position: relative;font-size: 12px;margin-top: 11px;}
.type-item {position: relative;}
.security-badge {top: 12px !important;right: 10px !important;padding: 5px 5px !important;font-size: 9px !important;border-radius: 4px !important;}
.maintain-badge {top: 5px;right: 9px;padding: 5px 10px;}
.blue-bg {background-color: hsl(221.25deg 64.65% 61.18%) !important;}
.announcement-btn {background-color: hsl(221.25deg 64.65% 61.18%) !important;border-color: hsl(221.25deg 64.65% 61.18%);}
.menu-list ul li:last-child {border-bottom: 0;}
.profile-form-sec {background: #fff;padding: 10px 0px 15px;border-radius: 5px;}
.resident-card {position: relative;}
.residence-bledge {top: 12px;right: -6px;padding: 5px 5px;font-size: 9px;border-radius: 4px;}
.resident-header}
.resident-header-inner{}
.resident-header-inner .inconBox {width: 30px; height: 30px;background: #fff;font-size:14px; border-radius: 6px;display: flex;align-items: center;justify-content: center;padding: 2px; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.06); margin-right: 12px;	}
.resident-header-inner .inconBox  img{}
.resident-header-inner .inconBox  svg{}
.resident-header-inner .content{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.resident-header-inner .content .title{font-size: 14px;font-weight: 700;color:#000;}
.resident-header-inner .residence-bledge {position:relative;top: 0px;right:0px;padding: 5px 5px;font-size: 9px;border-radius: 4px;}
.resident-header-inner .btn{font-size:12px;}
.resident-info{}
.resident-info-list{display:flex;flex-wrap:wrap;margin:0 -5px;}
.resident-info-list .resident-info-list-item{padding:0 5px;margin-top:14px;}
.resident-info-list .resident-info-list-item:last-child{}
.resident-info-list-item-inner{}
.resident-info-list-item-inner .iconBox{font-size: 14px;margin-right: 7px;}
.resident-info-list-item-inner .content{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;font-size:12px;font-weight: 600;}
.resident-info-list-item-inner .content strong{font-weight: 700;color: #000;}

.select-label {display: block;width: 100%;}
.select-date {width: 48% !important;height: 38px;}
.select-btn {width: 48%;height: 100%;background-color: hsl(218.64deg 56.73% 59.22%);border-color: hsl(218.64deg 56.73% 59.22%);}
.vehicleModal .modal-dialog {height: 400px;overflow: auto;}
.vehicleModal .modal-content form {overflow: auto;}
.blue-bg {color: #fff !important;}
.profile-dtl-sec {/*background: #fff;padding: 15px;border-radius: 5px;margin-top: 10px;*/}
..profile-dtl-sec .login-input-sec{margin-bottom:0px;}
.familyModal .modal-dialog {height: 400px;overflow: auto;} 
.payment-popup {}
.payment-popup {align-items: flex-start;min-height: auto;padding: 0;}
.payment-popup.show .modal-dialog {bottom: 0;}
.payment-popup.modal-content {border: 0;}
.modal-footer {justify-content: space-between;gap: 0;padding: 12px 18px;}
.modal-footer button {width: 48%;margin: 0;}
.family-card {flex-direction: row !important;}
.member-actions {margin: 0 !important;display: flex;align-items: center;gap: 5px;}
.member-actions button {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #fff;color: hsl(221.25deg 64.65% 61.18%);padding: 0;border: 1px solid hsl(222.86deg 22.58% 87.84%);}
.member-actions button.btn-danger {background: #fff;border: 1px solid hsl(222.86deg 22.58% 87.84%);color: red;}
.vehicle-card {display: flex; justify-content: space-between;}
.vehicle-actions {margin: 0 !important;display: flex;align-items: center;gap: 5px;}
.vehicle-actions button {width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #22419a;color: #fff;padding: 0;border: 1px solid hsl(222.86deg 22.58% 87.84%);}
.vehicle-actions button.btn-danger {background: #ff0000;border: 1px solid hsl(222.86deg 22.58% 87.84%);color: #fff;}
.alert-box .card-title {font-size: 14px;font-weight: 700;}
.alert-box .card-text {font-size: 12px;font-weight:600;}
.alert-box .card-text strong{font-weight:700;}
.alert-header {font-size: 17px;font-weight: 700;}
.type-item h5 {font-size: 17px;font-weight: 600;}
.security-menu li {padding: 0 !important;margin: 0 !important;}
.security-menu li a {/*font-size: 17px;font-weight: 600;color: #000;padding: 12px 0px !important;*/}
.logout-btn {margin-top: 12px;background: #fff !important;color: #dc3545 !important;padding: 0 !important;font-size: 17px !important;font-weight: 800 !important;}
.text-purple {font-size: 24px;color: hsl(219.84deg 59.22% 59.61%) !important;}
.dashboard-card-square h6 {color: #000;font-size: 15px !important;font-weight: 800 !important;}
.security-visitor-list-box {flex-direction: row !important;align-items: center !important;padding: 18px 12px !important;}
.security-visitor-list-box .vistitor-right-dts h4 {font-size: 16px;font-weight: 800;}
.security-visitor-list-box .vistitor-right-dts p {margin: 5px 0;}
.security-visitor-list-box .visitor-right-status span {font-size: 11px;}
.visitor-right-image img {width: 50px !important;height: 50px !important;object-fit: cover;background: hsl(215.77deg 96.3% 89.41%);padding: 3px;}
.owner-list-box {display: flex !important;flex-direction: row !important;align-items: center !important;flex-wrap: wrap;}
.owner-list-box .visitor-box-info {padding-left: 0;}
.owner-list-box .visitor-box-call {width: auto !important; margin-top: 0 !important;}
.owner-list-box .visitor-box-icon {background-color: hsl(215.77deg 96.3% 89.41% / 29%);}
.owner-list-box .visitor-box-icon i {color: #4285f4;}
.visitor-box-call a {width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #eee;background: #fff;color: #28a745;}
.security-menu li a:hover {background-color: #fff !important;color: #000 !important;}
.dashboard-card-square {padding: 15px 12px !important;}
.dashboard-card-square svg {width: 37px;height: 31px;margin-bottom: 16px;}
.announcement-card h5 {font-size: 16px;font-weight: 700;}
.visitor-box-img img {width: 50px !important;height: 50px !important;object-fit: cover;background: hsl(221.25deg 64.65% 61.18%);padding: 2px;}
.avatar-upload {position: relative;width: 110px;}
.avatar-edit {position: absolute;right: 12px;z-index: 1;top: 10px;}
.avatar-edit input {display: none;}
.avatar-edit label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: hsl(218.4deg 92.59% 89.41%);border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all .2s ease-in-out;margin: auto;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.avatar-edit label:hover {background: #f1f1f1;border-color: #d6d6d6;}
/*.avatar-edit label:after {*/
/*    content: "\f040";*/
/*    font-family: 'FontAwesome';*/
/*    color: #000;*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    text-align: center;*/
/*}*/
.avatar-preview {
width: 85px;
height: 85px;
position: relative;
border-radius: 100%;
border: 4px solid hsl(221.95deg 62.44% 61.37%);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-preview div{
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.profile-image-sec {display: flex;flex-direction: column;align-items: center;}
.dock-inner ul li a svg {width: 24px;height: 24px;filter: brightness(0) saturate(100%) invert(30%) sepia(68%) saturate(3393%) hue-rotate(213deg) brightness(95%) contrast(90%);filter: brightness(0) saturate(100%);}
.dock-inner ul li a.active svg {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(241deg) brightness(103%) contrast(103%);}
.documentFormUploadArea .btn-purple {background: #FF7518; color: #fff; border: 1px solid #FF7518;border: none; font-size: 14px;font-weight: 700;}
.notification-sec ul {list-style: none; padding: 0;margin: 0;}
.notification-sec ul li.document-item {margin-bottom: 15px;}
.notification-sec ul li.document-item .text-purple {color: #6f42c1; }
.notification-sec ul li.document-item .viewBtn{background-color: #ff7518;border-color: #ff7518;color: #fff;font-size: 12px;line-height: 16px;font-weight: 700;padding: 3px 10px;}
.document-item-dtls{}
.document-item-dtls p{font-size: 12px;line-height:18px;color: #000; font-weight: 600;}
.document-item-dtls p strong{font-weight:700;}

.expenditure-sec h2 { color: #6f42c1; }
.expenditure-btn-sec button, .expenditure-btn-sec a {display: inline-flex;align-items: center;justify-content: center;padding: 6px 6px;border-radius: 4px;border: none;cursor: pointer;}
.expenditure-btn-sec button:hover, .expenditure-btn-sec a:hover {opacity: 0.8;}
.expenditureFormArea{}
.expenditureFormArea .form-control{height: 36px;border-radius: 6px;}
.expenditureFormArea .filterBtn{height: 36px; padding: 6px 8px;font-size: 14px;}
.addExpenditureFormArea{padding:0px;background-color:transparent;border-radius:0px;}
.visitorsFilterFormArea{}
.visitorsFilterFormArea .form-control{height: 36px;border-radius: 6px;}
.visitorsFilterFormArea .filterBtn{height: 36px; padding: 6px 8px;font-size: 14px;}
.reportFilterFormArea{}
.reportFilterFormArea .form-control{height: 36px;border-radius: 6px;}
.reportFilterFormArea .filterBtn{height: 36px; padding: 6px 8px;font-size: 14px;}
.report-custome-card{}
.report-custome-card-header{padding: 10px 15px;border-bottom: 1px solid #d9d9d8;}
.dueMaintenance-top-bar .iconBox{width: 35px;height: 35px;font-size: 16px;border-radius: 6px;display: flex;align-items: center;justify-content: center;padding: 2px;background-color: rgb(255, 247, 242);border: 1px solid #fdeee4;box-shadow: 0 0 1px 0 rgb(255, 247, 242, 0.12);	margin-right: 10px;}
.dueMaintenance-top-bar .content{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.dueMaintenanceListArea{}
.dueMaintenanceListArea .dueMaintenanceListBox{}
.dueMaintenanceListArea .dueMaintenanceListBox .custome-card{}
.dueMaintenanceListArea .dueMaintenanceListBox .custome-card-body {padding: 10px 10px;}
.payment-popup.custome-card{background-color: rgb(255, 247, 242);border: 1px solid #fdeee4;}
.payment-popup.custome-card .custome-card-header .btn-close{opacity:1;}
.securityDashboardBoxMenuListArea{}
.securityDashboardBoxMenuListArea .securityDashboardBoxMenuListItem{}
.securityDashboardBoxMenuListArea .securityDashboardBoxMenuListItem .dashboard-card-square {width: 100%;height: 100%; background-color: rgb(255, 247, 242);border: 1px solid #fdeee4;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);padding: 10px 6px;font-size: 12px;font-weight: 600;color: #000;border-radius: 10px;min-height: 100px;transition: 0.3s ease;}
.securityDashboardBoxMenuListArea .securityDashboardBoxMenuListItem .dashboard-card-square h6 { font-size: 0.85rem; font-weight: 600; margin-bottom: 2px;}
.securityDashboardBoxMenuListArea .securityDashboardBoxMenuListItem .dashboard-card-square p {font-size: 0.75rem; color: #555;}
.securityDashboardBoxMenuListArea .securityDashboardBoxMenuListItem .text-purple { font-size: 24px;    color: hsl(219.84deg 59.22% 59.61%) !important;}
.securityDashboardBoxMenuListArea .securityDashboardBoxMenuListItem .dashboard-card-square svg {width: 28px;height: 28px;filter: brightness(0) saturate(100%);}

.quickServicesSec{margin-bottom:20px;}
.quickServicesSecinner{}
.quickServiceList{display:flex;flex-wrap:wrap;margin-left:-3px;margin-right:3px;}
.quickServiceList li{width:25%;padding-left:5px;padding-right:5px;}
.quickServiceList li:last-child{}
.quickServiceList li a{display:block;font-size: 11px;line-height: 14px;font-weight: 700;color: #000;text-align:center;}
.quickServiceList li .iconBox{
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;  
    background-color: #eee;        
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    padding: 6px 6px;
    display: inline-flex;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 8px;	
}
.quickServiceList li .iconBox i{}
.quickServiceList li .iconBox img{height:35px;}
.quickServiceList li a .content{}
.quickServiceList li:nth-child(1) .iconBox{background-color: #4b9c5a; }
.quickServiceList li:nth-child(2) .iconBox{background-color: #dd1834; }
.quickServiceList li:nth-child(3) .iconBox{background-color: #9956d7; }
.quickServiceList li:nth-child(4) .iconBox{background-color: #4871d3; }
.quickServiceList li:nth-child(5) .iconBox{background-color: #22409c; }
.quickServiceList li:nth-child(6) .iconBox{background-color: #892f2c; }
.quickServiceList li:nth-child(7) .iconBox{background-color: #686911; }
.quickServiceList li:nth-child(8) .iconBox{background-color: #116b09; }

.quickStaticBoxSec{margin-bottom:10px;}
.quickStaticBoxSecinner{}
.quickStaticBoxSecinner .rowBox{margin-left:-10px;margin-right:-10px;}
.quickStaticBoxSecinner .columnBox{padding-left:10px;padding-right:10px;}
.quickStaticBoxSecinner .weather-card-box{margin-bottom:20px;}
.weather-card {
	border-radius: 15px;
    background: radial-gradient(circle at 20% 20%, #9fd4ff, #4f8dfd);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    padding: 25px 20px;
    color: #fff;
    }
	 .weather-card .weather-text{position:relative;z-index:1;}
     .weather-card .weather-text h2 {
 font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    }
    .weather-text p {
    font-size: 12px;
	margin-bottom:0px;
    /* opacity: 0.9;*/
    }   
    .weather-card .ring {
      position: absolute;
      border-radius: 50%;
      /*border: 1px solid rgba(255, 255, 255, 0.2);*/
    }
    .weather-card .ring.r1 {
    width: 100px;
    height: 100px;
    right: -15px;
    bottom: -25px;
    background-color: #95c4fd3b;
    }
    .weather-card .ring.r2 {
    width: 80px;
    height: 80px;
    right: -5px;
    bottom: -15px;
    background-color: #82bafe;
    }
    .weather-card .cloud-img {
      position: absolute;
		right: 20px;
		bottom: 15px;     
    }
	.weather-card .cloud-img img{ width: 34px; height: auto;}
	 .weather-card.bg-1{background: radial-gradient(circle at 20% 20%, #8781f1, #2417cd);} 
	 .weather-card.bg-1 .ring.r1{background-color: #3e32d833;}
	 .weather-card.bg-1 .ring.r2{background-color: #3e32d9;}
	 .weather-card.bg-2{background: radial-gradient(circle at 20% 20%, #a4ccff, #0777fa);} 
	 .weather-card.bg-2 .ring.r1{background-color: #3f96fd7d;}
	 .weather-card.bg-2 .ring.r2{background-color: #2f8bf7;}
	 .weather-card.bg-3{background: radial-gradient(circle at 20% 20%, #f58888, #e3180b);} 
	 .weather-card.bg-3 .ring.r1{background-color: #db2e2657;}
	 .weather-card.bg-3 .ring.r2{background-color: #db2e26;}
	 .weather-card.bg-4{background: radial-gradient(circle at 20% 20%, #56f77a, #3ebf06);} 
	 .weather-card.bg-4 .ring.r1{background-color: #39cb1fa1;}
	 .weather-card.bg-4 .ring.r2{background-color: #2dc711c2;}
	 
	 .security-card-square {
	     background-color: #eee !important;
        border: 1px solid #eee !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) !important;
	 }
	 
	 .security-card-square img {
	   width: 42px;
        margin-bottom: 16px;
	 }
	 
	 .owner-search-btn {
	     background: #FF7518;
	     border-color: #FF7518;
	 }
	 
	 .update-profile-btn {
	     background-color: #FF7518 !important;
	 }
	 
	 .sos-delete-btn {
	    width: 28px;
        height: 28px;
        background: #ff0000;
        border: 1px solid hsl(222.86deg 22.58% 87.84%);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px !important;
        color: #fff !important;
	 }
	 
	 .sos-right-sec .badge {
	   top: 11px;
        right: 18px;
	 }
	 
	 .quickServiceModal .modal-dialog {
        margin-top: 28px;
        margin-bottom: 28px;
	 }
	 
	 .modal-content {
	   max-width: 500px;
        margin: 0 auto;
        border-radius: 20px !important;
	 }