/**=====================
     Reset css start
==========================**/
/*====== Margin css starts ======*/

.sidebar-collapse {
  width: 1%;
  transition: width 0.3s ease-in-out;
  box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06); }

.filter-collapse-btn:focus ~ .filter-collapse + .sidebar-collapse {
  width: 25%; }

.main-section {
  height: 75vh; }
  .main-section .filter-collapse-btn-block {
    z-index: 2;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    transition: right 0.3s ease-in-out;
    top: 2%;
    right: -140%; }
    .main-section .filter-collapse-btn-block .filter-collapse-btn {
      width: 40px;
      height: 40px;
      z-index: 1; }
      .main-section .filter-collapse-btn-block .filter-collapse-btn:hover {
        background-color: transparent !important; }
      .main-section .filter-collapse-btn-block .filter-collapse-btn:focus {
        background-color: transparent !important; }
  .main-section .filter-collapse {
    transition: none !important; }
  .main-section aside, .main-section .filter-canvas {
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .main-section aside::-webkit-scrollbar, .main-section .filter-canvas::-webkit-scrollbar {
      display: none;
      /* Hides the scrollbar */ }
    .main-section aside .search-area .search-input, .main-section .filter-canvas .search-area .search-input {
      z-index: 4;
      padding: 0.375rem 1.2rem !important;
      height: calc(2em + 1rem + 2px) !important; }
      .main-section aside .search-area .search-input::placeholder, .main-section .filter-canvas .search-area .search-input::placeholder {
        font-size: 0.9rem;
        font-family: "Montserrat", serif;
        font-weight: 300; }
      .main-section aside .search-area .search-input:focus, .main-section .filter-canvas .search-area .search-input:focus {
        box-shadow: none !important;
        border: 1px solid #ced4da !important; }
    .main-section aside .accordion .accordion-item h2 .accordion-button, .main-section .filter-canvas .accordion .accordion-item h2 .accordion-button {
      font-size: 1rem;
      font-family: "Montserrat", serif;
      font-weight: 500; }
      .main-section aside .accordion .accordion-item h2 .accordion-button:focus, .main-section .filter-canvas .accordion .accordion-item h2 .accordion-button:focus {
        color: #2b2b27 !important;
        background-color: white !important;
        border-bottom: none !important;
        box-shadow: none !important; }
      .main-section aside .accordion .accordion-item h2 .accordion-button:not(.collapsed), .main-section .filter-canvas .accordion .accordion-item h2 .accordion-button:not(.collapsed) {
        color: #2b2b27 !important;
        background-color: white !important;
        border-bottom: none !important;
        box-shadow: none !important; }
        .main-section aside .accordion .accordion-item h2 .accordion-button:not(.collapsed)::after, .main-section .filter-canvas .accordion .accordion-item h2 .accordion-button:not(.collapsed)::after {
          background: url("/Images/Caret-Up.svg") !important;
          background-repeat: no-repeat !important;
          background-size: contain !important;
          background-position: center !important;
          width: 0.8rem !important;
          height: 0.8rem !important; }
      .main-section aside .accordion .accordion-item h2 .accordion-button::after, .main-section .filter-canvas .accordion .accordion-item h2 .accordion-button::after {
        background: url("/Images/Caret-Up.svg") !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: center !important;
        width: 0.8rem !important;
        height: 0.8rem !important; }
    .main-section aside .sqft-area select, .main-section .filter-canvas .sqft-area select {
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      background: url("/Images/Caret-down.svg") !important;
      background-repeat: no-repeat !important;
      background-position: right .75rem center !important;
      background-size: 10px 10px !important; }
      .main-section aside .sqft-area select:focus, .main-section .filter-canvas .sqft-area select:focus {
        border: 1px solid #828282 !important;
        box-shadow: none !important; }
      .main-section aside .sqft-area select option, .main-section .filter-canvas .sqft-area select option {
        font-size: 0.9rem;
        font-family: "Montserrat", serif;
        font-weight: 300; }
        .main-section aside .sqft-area select option:hover, .main-section .filter-canvas .sqft-area select option:hover {
          background-color: #f8f6ef !important; }
        .main-section aside .sqft-area select option:focus, .main-section .filter-canvas .sqft-area select option:focus {
          background-color: #f8f6ef !important; }
    .main-section aside .beds-area input, .main-section .filter-canvas .beds-area input {
      width: 1.2em !important;
      height: 1.2em !important; }
    .main-section aside .beds-area label, .main-section .filter-canvas .beds-area label {
      font-size: 1rem;
      font-family: "Montserrat", serif;
      font-weight: 500; }
    .main-section aside .btns-block button, .main-section .filter-canvas .btns-block button {
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      padding: 0.55rem 1.4rem !important; 
      margin-right: 5px !important;
    }
    .main-section aside .btns-block .src-btn:hover, .main-section .filter-canvas .btns-block .src-btn:hover {
      background-color: #2b2b27 !important; }
    .main-section aside .btns-block .src-btn:focus, .main-section .filter-canvas .btns-block .src-btn:focus {
      background-color: #2b2b27 !important; }
    .main-section aside .btns-block .cancel-btn, .main-section .filter-canvas .btns-block .cancel-btn {
      border: 1px solid #8f8780; }
      .main-section aside .btns-block .cancel-btn:hover, .main-section .filter-canvas .btns-block .cancel-btn:hover {
        background-color: transparent !important; }
  .main-section main {
    height: 100%;
    overflow-y: scroll; }
    .main-section main .responsive-header-area .search-area .search-input {
      padding: 0.375rem 1.2rem !important;
      height: calc(2em + 1rem + 2px) !important; }
      .main-section main .responsive-header-area .search-area .search-input::placeholder {
        font-size: 0.9rem;
        font-family: "Montserrat", serif;
        font-weight: 300; }
      .main-section main .responsive-header-area .search-area .search-input:focus {
        box-shadow: none !important;
        border: 1px solid #ced4da !important; }
    .main-section main .responsive-header-area .grid-head-area h3 {
      font-size: 1.7rem;
      font-family: "Montserrat", serif;
      font-weight: 300; }
    .main-section main .responsive-header-area .grid-head-area .filter-btn {
      width: 50%;
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      border: 1px solid #ced4da; }
      .main-section main .responsive-header-area .grid-head-area .filter-btn:focus {
        border: 1px solid #828282 !important;
        box-shadow: none !important; }
    .main-section main .responsive-header-area .grid-head-area .sort-select {
      width: 50%;
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      background: url("/Images/Caret-down.svg") !important;
      background-repeat: no-repeat !important;
      background-position: right .75rem center !important;
      background-size: 10px 10px !important; }
      .main-section main .responsive-header-area .grid-head-area .sort-select:focus {
        border: 1px solid #828282 !important;
        box-shadow: none !important; }
      .main-section main .responsive-header-area .grid-head-area .sort-select option {
        font-size: 0.9rem;
        font-family: "Montserrat", serif;
        font-weight: 300; }
        .main-section main .responsive-header-area .grid-head-area .sort-select option:hover {
          background-color: #f8f6ef !important; }
        .main-section main .responsive-header-area .grid-head-area .sort-select option:focus {
          background-color: #f8f6ef !important; }
    .main-section main .grid-head-area h3 {
      font-size: 1.7rem;
      font-family: "Montserrat", serif;
      font-weight: 300; }
    .main-section main .grid-head-area .filter-btn {
      width: 50%;
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      border: 1px solid #ced4da; }
      .main-section main .grid-head-area .filter-btn:focus {
        border: 1px solid #828282 !important;
        box-shadow: none !important; }
    .main-section main .grid-head-area .sort-select {
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      background: url("/Images/Caret-down.svg") !important;
      background-repeat: no-repeat !important;
      background-position: right .75rem center !important;
      background-size: 10px 10px !important; }
      .main-section main .grid-head-area .sort-select:focus {
        border: 1px solid #828282 !important;
        box-shadow: none !important; }
      .main-section main .grid-head-area .sort-select option {
        font-size: 0.9rem;
        font-family: "Montserrat", serif;
        font-weight: 300;
        color: #8f8780;
       }
        .main-section main .grid-head-area .sort-select option:hover {
          background-color: #f8f6ef !important; }
        .main-section main .grid-head-area .sort-select option:focus {
          background-color: #f8f6ef !important; }
    .main-section main .property-grid-area .property-card img {
      box-shadow: 0px 4.8px 216.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 6px -2px rgba(19, 16, 34, 0.06);
      border-radius: 8px; }
    .main-section main .property-grid-area .property-card  h4 {
      font-size: 1.3rem;
      font-family: "Montserrat", serif;
      font-weight: 450; }
      .main-section main .property-grid-area .property-card h5 {
        font-size: 1rem;
        font-family: "Montserrat", serif;
        font-weight: 400; }
    .main-section main .property-grid-area .property-card p {
      font-size: 0.9rem;
      font-family: "Montserrat", serif;
      font-weight: 300; }
    .main-section main .pagination-area .pagination {
      border-top: 1px solid #DEDEDE; }
      .main-section main .pagination-area .pagination .page-link {
        font-size: 1rem;
        font-family: "Montserrat", serif;
        font-weight: 400; }
        .main-section main .pagination-area .pagination .page-link.active {
          color: #2b2b27 !important; }
        .main-section main .pagination-area .pagination .page-link:hover {
          color: #2b2b27 !important; }

footer .cp-text {
  border-top: 1px solid #DEDEDE;
  font-size: 1.1rem;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic; }

  input, select, textarea {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #dedede;
    font-size: 14px;
    padding: 8px 15px;
    margin: 0 0 20px 0;
    max-width: 100%;
    resize: none;
  }

  .mb-3, .my-3 {
    margin-bottom: 1rem !important;
  }
  .border-left-0 {
    border-left: 0 !important;
  }
  .border-right-0 {
    border-right: 0 !important;
  }
  .border-top-0 {
    border-top: 0 !important;
  }
  .bg-white {
    background-color: #fff !important;
  }

  .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
  }

  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
  }
  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
  }

  .form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
  }

  

/* For the specific element with class .custom-scroll-container */
.scrollable {
  max-height: 200px;  
  overflow-y: auto;
}

.custom-scroll-container::-webkit-scrollbar {
width: 8px; 
}

.custom-scroll-container::-webkit-scrollbar-track {
background: #f1f1f1; 
border-radius: 5px; 
}

.custom-scroll-container::-webkit-scrollbar-thumb {
background: #888; 
border-radius: 5px; 
}

.custom-scroll-container::-webkit-scrollbar-thumb:hover {
background: #555; 
}

.custom-scroll-container {
scrollbar-width: thin; 
scrollbar-color: #888 #f1f1f1; 
}

.accordion-item .btns-block {
border: 0 !important;
}

.sortopt-text{
  font-size: 1.2rem;
  font-family: "Cormorant Garamond Light";
  color:#8f8780 ;
}


@media (max-width: 1450px) {
  .main-section main .property-grid-area .property-card img {
    height: 100% !important;
  }
}

  @media (max-width: 1199.98px) {
 /*    .offcanvas .canvas-logo img {
      width: 70%; } */
  
    .main-section {
      height: 90vh; }
      .main-section aside {
        height: 100%;
        overflow-y: scroll;
        width: 35%; }
      .main-section main {
        height: 100%;
        overflow-y: scroll; } 
        .main-section main .property-grid-area .property-card img {
          height: 350px !important;
        }
        .main-section main .property-grid-area .property-card .expand {
          height: 250px !important;
        }

      }
  @media (max-width: 991.98px) {
    .offcanvas .canvas-logo img {
      width: 75%; }
  
    #offcanvasExample {
      width: 50% !important; 
   }
  
    .main-section .filter-collapse {
      display: none !important; }
    .main-section aside .btns-block button {
      font-size: 0.8rem;
      font-family: "Montserrat", serif;
      font-weight: 300;
      padding: 0.5rem 1.2rem !important; 
    } 

      .main-section main .property-grid-area .property-card img {
        height: 250px !important;
      }
    }
  @media (max-width: 767.98px) {
    .offcanvas .canvas-logo img {
      width: 75%; }
  
    #offcanvasExample {
      width: 60% !important; } 
      
    .main-section main .property-grid-area .property-card img {
        height: auto !important;
      }
    }
  @media (max-width: 575.98px) {
    .offcanvas .canvas-logo img {
      width: 80%; }
  
    #offcanvasExample {
      width: 100% !important; }
  
    main {
      height: 100%;
      overflow-y: scroll; }
      main .grid-head-area h3 {
        text-align: center;
        margin-top: 1rem; } 

        .scrollable {
          max-height: 140px;  
          overflow-y: auto;
        }
      
      }

   
    

/*# sourceMappingURL=plan-portfolio.css.map */
