@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@100..900&display=swap');

:root {
  --mauve: #8A2D87;
  --white: #ffffff;
  --black: #30343F;
  --palemauve: #F9F5FA;
  /*  --darkblue: #273469; */
/*  --darkerblue: #1E2749; */
   --darkerblue: #c661c3;
  --darkmauve: #B198EF;
  --darkgrey: #333333;
  --grey: #EAEAEA;
  --borderpalemauve: #EBEBF6;
  --borderdarkermauve: #F5F5FF;
  --placeholder: #B6B6B6;
  --darkermauve: #400F4C;
  --rose: #8A2D87;
  --palerose: #FBE4EB;
  --lightmauve: #fefbff;
  --greyborder: #E8E8E8;

  --body-font: 'Inter', sans-serif;
  --heading-font: 'Outfit', sans-serif;
}

body {font-family: var(--body-font);background:var(--white);overflow-x: hidden!important;color: var(--darkblue); transition: all 600ms ease-in-out;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;}
h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font);margin: 15px 0;color:var(--darkblue) !important; font-weight:700;transition: all 600ms ease-in-out;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;}


.showEcom {
    display: none;
}
.form-group label {
    font-size: 16px;
    color: var(--darkblue);
}
html, body {
    color: var(--darkblue);
}

.multi-steps > li.is-active::before {
  border-color: #1daeef !important;
}
.badge-primary {color: #fff;
  background-color: var(--mauve) !important; font-weight:400;
}

.sidebarWrap {border-right: 1px solid #ece4ee;}
.topBarRight a {color: var(--darkblue);font-weight: 500;}
.dashTitleSmall {color:  var(--darkblue);margin-top: 5px;}
.table thead th {color: var(--darkblue);font-weight: 500;padding: 24px 32px;}
.table {color: var(--darkblue);}
.loginWrap .btn {
padding: 12px 24px;
  border-radius: 60px;
  margin-right: 0;
  order: 2;
  margin-left: 130px;
}

.contentWrapLogin {background-color: var(--palemauve);}

.topBar {
    background-color: #fff;border-bottom: 1px solid #e9dfec;height:70px;
}

.number {
    border: 1px solid var(--darkblue);
    background-color: var(--darkblue);
    color: #fff;
}
.logoWrap {
  border-bottom: 0;
}
.nav a.nav-link {
    color:  var(--darkblue);font-weight: 500;
}
#category_bs4 {
  height: 48px;
}
.dashCircleIcon, .dashIcon {
    background-color: var(--mauve);}



.form-horizontal h3, .form-horizontal h4 {
    margin-top: 0;
    color: var(--darkblue);margin-bottom:20px;
}

.typeClass {
    margin-right: 5px;
}

.carousel-caption h5 {
    font-weight: 700;
    font-size: 24px; color: var(--white) !important;
}

.btn-primary {
    background: var(--mauve) !important;
}

.btn-primary:hover {
    background: #333 !important;
}

.cardBodyForm h4:first-child {
  font-size: 28px;
  margin-bottom: 4px;
}
.topBar h2 {
  font-size: 20px;
}
.main-color, .btn-link, .btn-link:hover, .nav a.nav-link.active, .nav a.nav-link.active:hover, .nav .nav-link.active i, a, a:hover, .bookViewingWrap table tr:first-child td.today b {
    color: var(--mauve);
}

.carousel {
    background-color: inherit;
}
.carousel-inner::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
}


h6.main-color a {
  color: var(--darkblue) !important;
  font-weight: 400;
  font-family: var(--body-font);
}
h6.main-color {
  margin-bottom: 5px;color: var(--darkblue) !important;
  font-weight: 400;
  font-family: var(--body-font);
}

.loginWrap h4 {
    font-weight: 700;
    margin-top: 0;
    color: var(--darkblue);
    margin-bottom: 10px;font-size:28px;
}
.card {
    margin-bottom: 32px;
    border: none;
    box-shadow: rgba(72, 37, 114, 0.05) 0px 0px 0px 1px;
}
.contactDetails {
  font-size: 14px;
  margin-bottom: 24px;color: var(--darkblue);
}

.cardBodyForm hr {
  margin-left: -32px;
  margin-right: -32px;
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
}


.logo {
    max-width: 170px;
    max-height: 170px;
}
.cardBodyForm p a {
  text-decoration: underline;
}

.form-group .form-control {
  height: 48px;
}
.loginWrap p a {
  text-decoration: underline;
}
.loginImage {
    background-image: url("/media/design25.gnomen-europe.com/images/login-bg.jpg") !important;
    background-size: cover;border-bottom-left-radius: 5px;
}
#submit {
  padding: 12px 24px;
  border-radius: 60px;
}
.carousel-inner {
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.form-horizontal h3, .displayRegisterAddress h4 {
  font-size: 24px !important;
}
.checkbox-inline {
  margin-right: 16px;
}
.contentWrap {
  background-color: var(--palemauve);
}
.dashCircle {
  font-family: var(--heading-font);
  color: var(--darkblue);
  background-color: #f7f7f7;
  border-color: #e6e6e6;
}
.dashTitle {
  font-family: var(--heading-font);
  color: var(--darkblue);
  font-size: 20px;
}
.btn.btn-outline-secondary {
  border-radius: 60px;
}
#advancedsearch img, #form img {
  display: none;
}
.card-body img {
  border-radius: 5px;
}
.btn-paypal, .btn.btn-primary.mb-2.mr-4 {
  height: 48px;
}

.card-body {
  padding: 32px;
}
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-radius: 60px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-radius: 60px;
}
.table td {
  padding: 16px 32px;
}
.input-group-text i {
  font-weight: 600;
}
.input-group-text {
  padding: .375rem 1.1rem;
}
.table.documentsTable td li::before { color: var(--darkblue);}
body .fileuploader-input-caption {
  font-size: 16px !important;
  font-family: var(--body-font);
  font-weight: 400;
}
.fileuploader-input-inner {
  padding: 20px;
}
#advancedsearch #button {
  padding: 12px 24px;
  border-radius: 60px;
}
.card-body.cardBodyForm .payment-gatewaypp:first-child {
  margin-bottom: 60px;
}
.payment-gatewaypp .btn, .payment-gatewaywp .btn.btn-primary {
  padding: 12px 24px;
  border-radius: 60px;
}
.table td {
  border-top: 1px solid #ececec;}
.nav a.nav-link:hover {
  color: var(--mauve);
}
.landlordyes .dashCircleIcon .dashTitle {
  color: var(--white);
}
.propertyAdress {
  color: var(--darkblue);
}
#myTabContent .card-body {
  border-bottom: 1px solid #f2f2f2;
}
.multi-steps > li {
  color: var(--darkblue);
}
#save_viewings_form {
  padding: 12px 24px;
  border-radius: 60px;
}
.multi-steps > li::before {
  border-color: var(--mauve);background-color: var(--mauve); color : var(--white);
}
.multi-steps > li::after {
  background-color: var(--mauve);}
.multi-steps > li.is-active::before {
  background-color: var(--palemauve);
  color: var(--darkblue);
  border-color: var(--mauve) !important;
}
.propertyPrice sup {
  font-weight: 400;
  font-family: var(--body-font);
  font-size: 14px;color: #7b7b7b;
}
.viewing-slots .container input:checked ~ .checkmark {
  background-color: var(--mauve);
}
.badgeAccepted {
  font-weight: 400;
}
#carouselExampleControls {
  margin-left: 20px;
  margin-top: 20px;margin-bottom: 20px;
}
.carousel-inner {
  border-radius: 5px;
}
.navViewings .dashTitle, .navMyOffers .dashTitle {
  color: var(--white);
}
.portfolio__image img {
  height: 100% !important;
  min-height: 300px;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.portfolio__actions .btn {
  border-radius: 60px;
  margin-right: 8px;
}
.displayApplicantViewingActionMakeOffer {
  width: 240px;
}
.btn.btn-outline-secondary.displayApplicantViewingActionMakeOffer {
  width: auto;
}
.payment-gatewaypp h4 i, .payment-gatewaywp h4 i {
  font-size: 24px;
}
.topBar .dropdown-item:hover:active {
  background: var(--mauve) !important;
  color: var(--white);
}
#myTabContent .propertyPrice {
  font-size: 24px;
}
.dashCardBot .number:empty::before {
  content: '0';
}