/* css testing */

@font-face {
    font-family: Shrimp;
    src: url(../fonts/SHRIMP.ttf);
}

@font-face {
    font-family: Arvo-Bold;
    src: url(../fonts/Arvo-Bold.ttf);
}

@font-face {
    font-family: Arvo-italic;
    src: url(../fonts/Arvo-Italic.ttf);
}

@font-face {
    font-family: Arvo;
    src: url(../fonts/Arvo-Regular.ttf);
}
@font-face {
    font-family: Norwester;
    src: url(../fonts/norwester.otf);
}
/*--------------------------------------------------------------
  1. Typography
  --------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Shrimp, sans-serif;
}
html,
body,
p,
a {
    font-family: Arvo, sans-serif;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 400;
}
li {
    font-family: Arvo, sans-serif;
}
html,
body {
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}

/*--------------------------------------------------------------
  Global
  --------------------------------------------------------------*/
hr.lin {
    background: transparent;
}
.carousel-item img {
    width: 886px;
    object-fit: cover;
}

.project-slider {
    width: 985px;
    margin: 0 auto;
    margin-top: 2;
    text-align: center;
}
.marg {
    padding: 78px 0;
}
h2.title-pg {
    font-size: 18px;
    margin-bottom: 54px;
}
button.overall-btn {
    border: 2px solid #000;
    background: transparent;
    padding: 13px;
    width: 322px;
    margin-top: 51px;
}

button.overall-btn a {
    color: #000;
    text-decoration: none;
    font-size: 20px;
}
.blue-bg {
    background: #c8dcf5;
}
.white-text {
    color: #fff;
}

/*--------------------------------------------------------------
  Hedaer Menu for Home Page
  --------------------------------------------------------------*/

li.nav-item a {
    font-family: Shrimp, sans-serif;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    text-transform: uppercase;
}
header.top-menu {
    position: absolute;
    z-index: 999;
    width: 100%;
}

nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .col-md-10 {
    border-right: 2px solid #fff !important;
    height: 112px;
}
ul.social-icons li:last-child {
    padding-right: 0;
}
.social-icons {
    padding-left: 30px;
    padding-top: 0;
}
ul.social-icons i.fa-solid, ul.social-icons i.fa-brands {
    font-size: 23px;
}

ul.social-icons li {
    display: inline-block;
    padding-right: 30px;
}
nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm {
    box-shadow: none;
    padding: 0;
}
nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .container {
    border-bottom: 1px solid #fff;
}
li.nav-item {
    padding-right: 29px;
}
ul.social-icons a {
    color: #fff;
}
a.navbar-brand img {
    width: 173px;
    margin-top: 20px;
    margin-bottom: -17px;
    filter: brightness(0) invert(1);
}
div#navbarSupportedContent {
    position: relative;
    top: -40px;
}

/*--------------------------------------------------------------
  Hedaer Menu for other pages
  --------------------------------------------------------------*/
.inner-pages-header {
    position: unset !important;
    background: #0f1c30;
}
.inner-pages-header nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .container {
    border: none;
}

/*--------------------------------------------------------------
  Banner Section
  --------------------------------------------------------------*/
span.text-h {
    font-family: Arvo, sans-serif;
    font-size: 31px;
}

span.larger-text {
    display: inline-flex;
    padding-top: 17px;
}

span.and-sign {
    font-family: Arvo-italic, sans-serif;
    font-size: 84px;
    position: relative;
    top: -15px;
    left: -8px;
}

span.text-h.left-alng {
    padding-left: 75px;
}
p.project-name {
    color: #fff;
    font-size: 21px;
    position: relative;
    top: 20px;
}
.benner-top {
    background-position: bottom !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    display: flex;
    width: 100%;
}

.banner-headline {
    margin: 0;
    color: #fff;
    font-weight: 400;
}

.banner-inner {
    margin-top: 23%;
}

.properties-heading {
    margin-top: 10%;
    margin-bottom: 62px;
}
button.site-button {
    background: transparent;
    border: 2px solid #fff;
    padding: 19px;
}

button.site-button a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

p.sub-title {
    font-size: 23px;
    line-height: 38px;
    width: 877px;
    margin: 0 auto;
    margin-bottom: 22px;
}
span.and-sign img {
    width: 72px;
}

/*--------------------------------------------------------------
  Home About Section 
  --------------------------------------------------------------*/

.custom-arrow-slide i.fa-solid {
    color: #adb5bd;
    font-size: 71px;
}

.carousel-control-prev {
    left: -80px !important;
    opacity: unset;
}

.carousel-control-next {
    right: -80px !important;
}

.row.blog-cards.newa-sect {
    margin-top: 43px;
    margin-bottom: 62px;
}

.myQuote {
    padding: 1%;
    font-size: 22px;
    background: #fff;
}
.q3 {
    border-left: 8px solid #c8dcf5;
}

.myQuote.q3 {
    background: #0f1c30;
    color: #fff;
    padding: 13px;
}
.myQuote.q3 q {
    font-size: 28px;
    line-height: 41px;
    font-weight: 600;
}
.myQuote q:before {
    display: none;
}

/*--------------------------------------------------------------
  Home News Section 
  --------------------------------------------------------------*/
.home-news-area p.content-news.white-text {
    font-size: 18px;
    line-height: 27px;
}

.news-box {
    background: #0f1c30;
    padding: 30px 20px;
    border-radius: 20px;
}

.news-box h3 {
    text-transform: uppercase;
    font-size: 20px;
}

.news-box img {
    width: 100%;
    margin-bottom: 29px;
}

.blog-read {
    text-align: right;
}

button.read-more-news {
    width: 222px;
    border-radius: 19px;
    padding: 10px 0 6px 0 !important;
    border: 1px solid;
}

button.read-more-news a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Shrimp, sans-serif;
    letter-spacing: 2px;
    font-size: 24px;
}

.blog-cards button.overall-btn {
    text-align: center;
    margin: 0 auto;
    margin-top: 80px;
}

/*--------------------------------------------------------
Search page
---------------------------------------------------------*/
.page-item.active .page-link {
    background-color: #0f1c30 !important;
    border-color: #0f1c30 !important;
}

.page-link {
    color: #0f1c30 !important;
}
.section.search-filter .filters-content {
    margin-bottom: 41px;
}
.search-filter .image-home {
    margin-top: 0px;
}

.search-filter .find-home-content {
    padding-top: 13px;
    padding-bottom: 15px;
}
.section.search-filter {
    padding-bottom: 81px;
}
.page-item.active .page-link {
 
    color: #fff !important;
  
}
.dark-info {
    background-color: #0f1c30!important;
}
.dark-warning {
    background-color: #a5c4eb!important;
 
}
a.badge:hover{
    color: #fff !important;
}
/*--------------------------------------------------------------
  Our Projects Page 
  --------------------------------------------------------------*/

  .all-projects-new .item {
    height: 600px !important;
}

.all-projects-new .unit-coming li {
    padding: 10px;
}

.all-projects-new .unit-coming li {
    border-bottom: none !important;
}



.all-projects-new .item-cont {
    height: 177px;
}
section.portfolio.section {
    padding-bottom: 50px;
}
.wrap-banner h1 {
    color: #fff;
    font-size: 46px;
    background: #0f1c30;
    text-transform: uppercase;
    padding: 22px;
}
.wrap-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    height: 493px;
}
.section.portfolio .filters {
    text-align: center;
    margin-top: 50px;
}
.section.portfolio .filters ul {
    padding: 0;
}
.section.portfolio .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 20px 30px;
    cursor: pointer;
    position: relative;
    font-family: Shrimp, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}
.section.portfolio .filters ul li:after {
    content: "";
    display: block;
    width: calc(0% - 60px);
    position: absolute;
    height: 2px;
    background: #333;
    transition: width 350ms ease-out;
}
.section.portfolio .filters ul li:hover:after {
    width: calc(100% - 60px);
    transition: width 350ms ease-out;
}
.section.portfolio .filters ul li.active:after {
    width: calc(100% - 60px);
}
.section.portfolio .filters-content {
    margin-top: 50px;
}
.section.portfolio .filters-content .show {
    opacity: 1;
    visibility: visible;
    transition: all 350ms;
}
.section.portfolio .filters-content .hide {
    opacity: 0;
    visibility: hidden;
    transition: all 350ms;
}
.section.portfolio .filters-content .item {
    cursor: pointer;
    margin-bottom: 30px;
    background: #0f1c30;
    height: 589px;
}
.section.portfolio .filters-content .item .p-inner {
    padding: 20px 30px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.section.portfolio .filters-content .item .p-inner h5 {
    font-size: 15px;
}
section.portfolio.section .item img {
    width: 100%;
}
.item-cont {
    padding: 30px 30px 10px 30px;
}

.item-cont,
.item-cont h3,
.item-cont p {
    color: #bed0e7;
}

/* .unit-coming {
    margin-top: 29px;
} */
.unit-coming ul {
    list-style: none;
    display: flex;
    border: 1px solid #fff;
    padding-left: 0;
}

.unit-coming li {
    padding: 1em;
    margin: 2px;
    color: #bed0e7;
    width: 50%;
    font-size: 26px;
    font-family: Shrimp, sans-serif;
    text-align: center;
}

.without-border {
    background: #0f1c30;
    height: 64px;
    margin-top: 0;
}

.unit-coming li:nth-child(2) {
    border-left: 1px solid #fff;
}
.without-border ul {
    border: none !important;
}

.without-border ul li {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 20px;
    font-weight: 400;
    font-family: Arvo, sans-serif;
}
.section.portfolio .filters-content .item h3 {
    font-size: 30px;
    line-height: 50px;
}
p.content-address {
    font-size: 22px;
}
.no-wrap-text {
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
}
/*--------------------------------------------------------------
  Project Single Page
  --------------------------------------------------------------*/
div#tab2 .carousel-item img {
    height: 774px;
}
.btmspace {
    margin-bottom: 31px;
}

.button-sinle button.overall-btn {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 35px;
}

section.banner-single-project {
    background: #0f1c30;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    height: 336px;
}

.banner-single-project h1 {
    font-size: 57px;
    line-height: 63px;
    text-align: center;
}

.banner-single-project .project-address {
    font-size: 36px;
    text-align: center;
    margin-top: 27px;
}
.project-details .unit-coming ul {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.banner-single-project .unit-coming li:nth-child(3) {
    border-left: 1px solid #fff;
}

.banner-single-project p.details-head {
    color: #fff;
    font-size: 20px;
}
.banner-single-project .unit-coming li {
    text-align: center;
    color: #fff;
}
.banner-single-project .unit-coming {
    margin-top: 56px;
}
.title-pro-gallry {
    position: relative;
    top: 63px;
    z-index: 999;
    text-align: center;
}

div#projectcarousel {
    margin-top: -52px;
}

h2.page-subhead-title {
    text-transform: uppercase;
    text-align: center;
}

.title-pro-gallry h2 {
    color: #fff;
    font-size: 35px;
}
div#projectcarousel .carousel-control-next,
div#projectcarousel .carousel-control-prev {
    top: auto !important;
    opacity: 1 !important;
    bottom: 19px !important;
}

div#projectcarousel i.fa-solid {
    font-size: 36px;
    color: #fff !important;
}

div#projectcarousel button.carousel-control-next {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    bottom: 8px;
    left: -130px !important;
}

div#projectcarousel button.carousel-control-prev {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    bottom: 8px;
    left: -130px !important;
}

div#projectcarousel .carousel-indicators [data-bs-target] {
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 30px;
    margin-right: 20px;
}
div#projectcarousel .carousel-indicators {
    width: 50%;
    margin: 0 auto;
    bottom: 21px;
}

.project-data.marg p {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 22px;
}

.feature-box {
    text-align: center;
    margin-top: 49px;
}

.feature-box img {
    width: auto;
}

p.feature-title {
    font-size: 31px;
    margin-top: 30px;
    line-height: 42px;
}

.available-box {
    text-align: center;
}

p.avaliable-data {
    font-size: 34px;
    line-height: 52px;
    font-style: italic;
}

.avaialble-border-l {
    border-right: 1px solid;
}

.availability-section h2.page-subhead-title {
    margin-bottom: 62px;
}
.project-tab-data {
    padding: 80px 0 0 0;
}
.tabs_wrapper {
    margin: 0 auto;
    background: transparent;
}

ul.tabs {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    padding: 0;
    width: 20%;
    /* min-width: 175px; */
    list-style: none;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 0;
}
ul.tabs li {
    margin: 0;
    cursor: pointer;
    line-height: 31px;
    color: #0f1c30;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #000;
    text-align: center;
    padding: 48px 0;
    font-size: 36px;
    font-style: italic;
}
ul.tabs li:hover {
    color: white;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #0f1c30;
}
ul.tabs li.active {
    background: #0f1c30;
    color: #dddddd;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
section.explore-project {
    margin-top: 66px;
}

.tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    width: 79.6%;
    min-width: 10px;
    text-align: left;
    min-height: auto !important;
}

.tab_content {
    height: 100%;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 781px) {
    ul.tabs {
        display: none;
    }

    .tab_container {
        display: block;
        margin: 0 auto;
        width: 100%;
        border-top: none;
        border-radius: 0;
    }

    .tab_drawer_heading {
        border: 1px solid #000;
        /* IE6-9 */
        color: #0f1c30;
        margin: 0;
        padding: 20px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
    }
    .tab_drawer_heading:hover {
        background: #0f1c30;
        color: white;
    }

    .d_active {
        background: #0f1c30;
        color: #dddddd;
    }
}

section.explore-project .carousel-control-next,
section.explore-project .carousel-control-prev {
    top: auto !important;
    opacity: 1 !important;
    bottom: 19px !important;
}

section.explore-project i.fa-solid {
    font-size: 66px;
    color: #fff !important;
}

section.explore-project button.carousel-control-next {
    margin: 0 auto;
    text-align: center;
    right: 0 !important;
}

section.explore-project button.carousel-control-prev {
    left: -11px !important;
}

/*--------------------------------------------------------------
  News Page
  --------------------------------------------------------------*/
.blue-blog {
    padding: 50px;
    border-radius: 30px;
    background: #a5c4eb;
}

img {
    width: 100%;
}

.blue-blog .blog-read {
    text-align: left;
}

.blue-blog button.read-more-news {
    width: 65%;
    padding: 18px;
}
.blog-section-filter {
    padding-right: 43px;
    padding-left: 33px;
}

button.read-more-news i.fa-solid.fa-caret-right {
    padding-left: 20px;
}
.blog-filter-area .blue-blog {
    padding: 50px 28px;
}
.blog-section-filter h3 {
    text-transform: uppercase;
}

p.content-news {
    padding: 17px 0;
    font-size: 22px;
    line-height: 32px;
}
.filters.filters-press {
    text-align: left !important;
}

/*--------------------------------------------------------------
  Find Home With Us Section
  --------------------------------------------------------------*/
span.square-feet {
    padding-left: 8px;
}
span.squareDesign-find {
    position: relative;
    top: -4px;
}
span.available-find-home {
    font-size: 16px;
    margin-top: 23px;
    position: relative;
    top: 7px;
    font-weight: 500;
    font-family: Arvo, sans-serif;
}
.filter-serach .row {
    margin-left: 0;
    margin-right: 0;
}
.find-home-content p {
    font-size: 18px;
    line-height: 24px;
}

.find-home-content {
    padding-top: 36px;
}
hr.lin-home {
    background: transparent;
    height: 20px !important;
}
.filter-serach {
    background: #0f1c30;
    color: #fff;
    border: 2px solid #a5c4eb;
}
.find-us h3 {
    font-size: 20px;
}

span.home-details {
    color: gray;
    font-weight: bold;
    font-weight: 500;
    font-family: Shrimp, sans-serif;
}

.image-home {
    margin-top: 53px;
}

.gap-cl {
    --bs-gutter-x: 7rem !important;
}
.filters.filters-home {
    text-align: left !important;
}

.filters-home ul li {
    padding-left: 0 !important;
}

.select-dropdown {
    font-family: Shrimp, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
}

.select-dropdown select {
    background: transparent;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-size: 21px;
    width: 100%;
}

form.form-inline .col {
    border-left: 2px solid #fff;
    padding: 23px;
    padding-left: 0;
    padding-right: 0;
}

.select-dropdown option {
    width: 100%;
    border: none;
    text-align: center;
    color: #0f1c30;
}

.drop-list {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    border: 2px solid #000;
    z-index: 3;
    top: 53px;
    line-height: 44px;
}

ul.drop-list li {
    color: #0f1c30;
    list-style: none;
}
.search-filter-dropdown a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Shrimp, sans-serif;
}


div#req_input {
    display: inline-flex;
    padding: 19px;
}

.radioBox input[type="radio"] {
    visibility: hidden;
    height: 0;
    width: 0;
    width: 100%;
    display: none;
}

.radioBox input[type="checkbox"] {
    visibility: hidden;
    height: 0;
    width: 0;
    width: 100%;
    display: none;
}

.radioBox label {
    text-align: right;
    cursor: pointer;

    color: #0f1c30;
    padding: 5px 10px;

    width: 100%;
}
.radioBox input[type="radio"]:checked + label {
    background-color: #a5c4eb;
    width: 100%;
    color: #0f1c30;
}
.radioBox input[type="checkbox"]:checked + label {
    background-color: #a5c4eb;
    width: 100%;
    color: #0f1c30;
}
div#req_input input[type="number"] {
    width: 100%;
    height: 38px;
    border: 2px solid gray;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-weight: 400 !important;
    font-family: Arvo, sans-serif;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-weight: 400 !important;
    font-family: Arvo, sans-serif;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    font-weight: 400 !important;
    font-family: Arvo, sans-serif;
}
.dash-line {
    color: #2f4550;
    padding: 0 15px;
}
.search-filter-dropdown a:hover {
    color: #fff;
}

.control-group {
    display: inline-block;
    vertical-align: top;
    background: #f7f7f7;
    text-align: left;
    padding: 31px 18px 19px 20px;
    border-radius: 20px;
}
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 9px;
    cursor: pointer;
    font-size: 16px;
    padding-top: -3px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 5px;
}
.control__indicator {
    position: absolute;
    top: 9px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    background: #fff;
    border: 2px solid gray;
}
.control--radio .control__indicator {
    border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #fff;
    border: 2px solid gray;
}
.control input:checked ~ .control__indicator {
    background: gray;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: gray;
}
.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: "";
    position: absolute;
    display: none;
}
.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

label.control.control--checkbox {
    color: #0f1c30;
}
.col.first-filter-head {
    border: none !important;
}

/*--------------------------------------------------------------
  Single find home page
  --------------------------------------------------------------*/
  span.available-from {
    /* float: right; */
    /* font-size: 28px; */
    /* color: gray; */
}
span.squareDesign {
    position: relative;
    top: -17px;
    font-size: 26px;
}
.content-top-sing p {
    font-size: 21px;
    line-height: 37px;
}

.content-top-sing {
    margin-top: 40px;
}
.single-home-data.list-style-custom ul {
    list-style-image: url("../images/tick-mark.png");
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

.single-home-data.list-style-custom ul li {
    margin-bottom: 30px;
    font-size: 21px;
    position: relative;
}
.marg-slider {
    margin-bottom: 65px;
    margin-top: 60px;
}
.blog-filter-area {
    padding-bottom: 100px !important;
}
.col-sm-12.space-bottom-news.bottom-section.all.press {
    top: 507px !important;
}

.col-sm-12.space-bottom-news.last-section.all.press {
    top: 1008px !important;
}
.single-home-data p {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 0;
}

p.cenetrdata {
    padding-left: 13%;
    padding-top: 50px;
    padding-bottom: 50px;
}

p.left-content {
    width: 1080px;
}
h2.apply-home-title {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500;
    color: #0f1c30 !important;
}
.apply-now-form .form-control {
    padding: 10px 12px;
    border-radius: 11px;
    border: 1px solid #000;
}

.apply-now-form label.form-label {
    font-size: 26px;
    font-family: Arvo, sans-serif;
}

p.form-description {
    font-size: 24px;
    padding: 26px 0;
}
.apply-now-form button.btn.btn-dark.w-100.fw-bold {
    float: right;
    width: 190px !important;
    padding: 6px 12px 2px 12px;
    border-radius: 30px;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500 !important;
    font-family: Shrimp, sans-serif;
    color: #bcd8fb;
    background: #0f1c30;
}
p.note-form {
    font-size: 23px;
    padding: 40px 0 0 0;
}

.apply-now-form ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0f1c30 !important;
    font-family: Arvo, sans-serif;
    font-size: 18px;
    opacity: 1; /* Firefox */
}

.apply-now-form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #0f1c30;
    font-family: Arvo, sans-serif;
    font-size: 18px;
}

.apply-now-form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #0f1c30;
    font-family: Arvo, sans-serif;
    font-size: 18px;
}

.home-property-slide {
    position: relative;
    padding: 0 40px;
}

.holder::-webkit-scrollbar {
    display: none;
}

/* Hide the images by default */
.slides {
    display: none;
    /* max-width: 1000px; */
    /* width: 100%;
  flex-shrink: 0;
  height: 100%; */
}

.slides img {
    width: 100%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px) {
    .prevContainer,
    .nextContainer {
        display: none;
        visibility: hidden;
    }
}

.prevContainer,
.nextContainer {
    position: absolute;
    top: 50%;
    transform: translate(0, calc(-50% - 54px));
    height: 39px;
    width: 39px;
    cursor: pointer;
}

.prevContainer {
    margin-left: -11px;
    left: 0;
    border-radius: 30px 0 0 30px;
}

.prev svg,
.next svg {
    fill: white;
}

.nextContainer {
    margin-right: -3px;
    right: 0;
    border-radius: 0 30px 30px 0;
}

/* Container for image text */
.caption-container {
    text-align: left;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.thumb-slide:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.thumb-slide .column {
    float: left;
    width: 19.66%;
}

/* Add a transparency effect for thumbnail images */
.slide-thumbnail {
    width: 100%;
    opacity: 0.6;
    cursor: pointer;
}

.active,
.slide-thumbnail:hover {
    opacity: 1;
}

.find-home-padding h3 {
    font-size: 40px;
}

.find-home-padding span.home-details {
    font-size: 37px;
    font-family: Shrimp, sans-serif;
    font-weight: 400;
}

.thumb-slide {
    margin-top: 57px !important;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

section#contact h2 {
    font-size: 40px;
    text-transform: uppercase;
}
.contact .info-box {
    height: 182px;
    background: #a5c4eb3b;
    padding: 35px 30px 3px 30px;
}

.contact .info-box i {
    font-size: 38px;
    line-height: 0;
    color: #0f1c30;
}

.contact .info-box h3 {
    font-size: 20px;
    /* font-weight: 700; */
    margin: 20px 0 10px 0;
}

.contact .info-box p {
    padding: 0;
    line-height: 24px;
    /* font-size: 14px; */
    margin-bottom: 0;
}

.contact .php-email-form {
    background: #a5c4eb3b;
    padding: 30px;
    height: 100%;
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
}

.contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border-top-color: #eee;
    animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
    border-color: #0f1c30;
}

.contact .php-email-form input {
    padding: 10px 15px;
}

.contact .php-email-form textarea {
    padding: 12px 15px;
    height: 100px;
}

.contact .php-email-form button[type="submit"] {
    width: 160px !important;
    padding: 8px 12px 5px 12px;
    border-radius: 30px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500 !important;
    font-family: Shrimp, sans-serif;
    color: #bcd8fb;
    background: #0f1c30;
    border: none;
}

.contact .php-email-form button[type="submit"]:hover {
    background: #0f1c30;
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
section.about-description {
    background: #f2f2f2;
}

section.about-description p {
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 33px;
}
.about-areas p {
    font-size: 18px;
    line-height: 30px;
}
.bg-size-cover {
    background-size: cover;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog .blog-pagination {
    margin-top: 30px;
}

.blog .blog-pagination ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog .blog-pagination li {
    margin: 0 5px;
    transition: 0.3s;
}

.blog .blog-pagination li a {
    padding: 7px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
    color: #fff;
}

/*--------------------------------------------------------------
# Blog Posts List
--------------------------------------------------------------*/
.blog .posts-list .post-item {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    transition: 0.3s;
}

.blog .posts-list .post-img img {
    transition: 0.5s;
}

.blog .posts-list .post-date {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 6px 12px;
    font-weight: 500;
}

.blog .posts-list .post-content {
    padding: 30px;
}

.blog .posts-list .post-title {
    font-size: 24px;
    color: var(--color-secondary);
    font-weight: 700;
    transition: 0.3s;
    margin-bottom: 15px;
}

.blog .posts-list .meta i {
    font-size: 16px;
}

.blog .posts-list .meta span {
    font-size: 15px;
}

.blog .posts-list p {
    margin-top: 20px;
}

.blog .posts-list hr {
    margin-bottom: 20px;
}

.blog .posts-list .readmore {
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 1;
    transition: 0.3s;
}

.blog .posts-list .readmore i {
    line-height: 0;
    margin-left: 6px;
    font-size: 16px;
}

.blog .posts-list .post-item:hover .post-title,
.blog .posts-list .post-item:hover .readmore {
    color: var(--color-primary);
}

.blog .posts-list .post-item:hover .post-img img {
    transform: scale(1.1);
}

/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog .blog-details {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.blog .blog-details .post-img {
    margin: -30px -30px 20px -30px;
    overflow: hidden;
}

.blog .blog-details .title {
    font-size: 28px;
    /* font-weight: 700; */
    padding: 0;
    margin: 20px 0 0 0;
    color: var(--color-secondary);
}

.blog .blog-details .content {
    margin-top: 20px;
}

.blog .blog-details .content h3 {
    font-size: 22px;
    margin-top: 30px;
    /* font-weight: bold; */
}

.blog .blog-details .content blockquote {
    overflow: hidden;
    background-color: rgba(82, 86, 94, 0.06);
    padding: 60px;
    position: relative;
    text-align: center;
    margin: 20px 0;
}

.blog .blog-details .content blockquote p {
    color: var(--color-default);
    line-height: 1.6;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
}

.blog .blog-details .content blockquote:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #0f1c30;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog .blog-details .meta-top {
    margin-top: 20px;
}

.blog .blog-details .meta-top ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
}

.blog .blog-details .meta-top ul li + li {
    padding-left: 20px;
}

.blog .blog-details .meta-top i {
    font-size: 16px;
    margin-right: 8px;
    line-height: 0;
    color: #0f1c30;
}

.blog .blog-details .meta-top a {
    color: #6c757d;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    transition: 0.3s;
    text-decoration: none;
}

.blog .blog-details .meta-top a:hover {
    color: var(--color-primary);
}

.blog .blog-details .meta-bottom {
    padding-top: 10px;
    border-top: 1px solid rgba(82, 86, 94, 0.15);
}

.blog .blog-details .meta-bottom i {
    color: #838893;
    display: inline;
}

.blog .blog-details .meta-bottom a {
    color: rgba(82, 86, 94, 0.8);
    transition: 0.3s;
}

.blog .blog-details .meta-bottom a:hover {
    color: var(--color-primary);
}

.blog .blog-details .meta-bottom .cats {
    list-style: none;
    display: inline;
    padding: 0 20px 0 0;
    font-size: 14px;
}

.blog .blog-details .meta-bottom .cats li {
    display: inline-block;
}

.blog .blog-details .meta-bottom .tags {
    list-style: none;
    display: inline;
    padding: 0;
    font-size: 14px;
}

.blog .blog-details .meta-bottom .tags li {
    display: inline-block;
}

.blog .blog-details .meta-bottom .tags li + li::before {
    padding-right: 6px;
    color: var(--color-default);
    content: ",";
}

.blog .blog-details .meta-bottom .share {
    font-size: 16px;
}

.blog .blog-details .meta-bottom .share i {
    padding-left: 5px;
}

.blog .post-author {
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .post-author img {
    max-width: 120px;
    margin-right: 20px;
}

.blog .post-author h4 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
    padding: 0;
    color: var(--color-secondary);
}

.blog .post-author .social-links {
    margin: 0 10px 10px 0;
}

.blog .post-author .social-links a {
    color: rgba(82, 86, 94, 0.5);
    margin-right: 5px;
}

.blog .post-author p {
    font-style: italic;
    color: rgba(108, 117, 125, 0.8);
    margin-bottom: 0;
}

/*-----------------------------------------------------------------

#Lightbox slider
---------------------------------------------------------------*/

.carousel {
    position: relative;
}
#carousel-thumbs {
    padding: 0 50px;
}
#carousel-thumbs img:hover {
    opacity: 100%;
}

#carousel-thumbs img {
    opacity: 80%;
    border: 3px solid transparent;
    cursor: pointer;
}
#carousel-thumbs .selected img {
    opacity: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

.carousel-fullscreen-icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

.carousel-fullscreen-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

.pause .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}
.pause .carousel-pause-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}

.play .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

.play .carousel-pause-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

#carousel-thumbs .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.modal-content {
    border-radius: 0;
    background-color: transparent;
    border: none;
}
#lightbox-container-image img {
    width: auto;
    max-height: 520px;
}

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog .sidebar {
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .sidebar .sidebar-title {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.blog .sidebar .sidebar-item + .sidebar-item {
    margin-top: 40px;
}

.blog .sidebar .search-form form {
    background: #fff;
    border: 1px solid rgba(82, 86, 94, 0.3);
    padding: 3px 10px;
    position: relative;
}

.blog .sidebar .search-form form input[type="text"] {
    border: 0;
    padding: 4px;
    border-radius: 4px;
    width: calc(100% - 40px);
}

.blog .sidebar .search-form form input[type="text"]:focus {
    outline: none;
}

.blog .sidebar .search-form form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    font-size: 16px;
    padding: 0 15px;
    margin: -1px;
    background: var(--color-primary);
    color: var(--color-secondary);
    transition: 0.3s;
    border-radius: 0 4px 4px 0;
    line-height: 0;
}

.blog .sidebar .search-form form button i {
    line-height: 0;
}

.blog .sidebar .categories ul {
    list-style: none;
    padding: 0;
}

.blog .sidebar .categories ul li + li {
    padding-top: 10px;
}

.blog .sidebar .categories ul a {
    color: var(--color-secondary);
    transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
    color: var(--color-default);
}

.blog .sidebar .categories ul a span {
    padding-left: 5px;
    color: rgba(54, 77, 89, 0.4);
    font-size: 14px;
}

.blog .sidebar .recent-posts .post-item {
    display: flex;
}

.blog .sidebar .recent-posts .post-item + .post-item {
    margin-top: 15px;
}

.blog .sidebar .recent-posts img {
    max-width: 80px;
    margin-right: 15px;
}

.blog .sidebar .recent-posts h4 {
    font-size: 15px;
    font-weight: bold;
}

.blog .sidebar .recent-posts h4 a {
    color: var(--color-secondary);
    transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
    color: var(--color-primary);
}

.blog .sidebar .recent-posts time {
    display: block;
    font-style: italic;
    font-size: 14px;
    color: rgba(54, 77, 89, 0.4);
}

.blog .sidebar .tags {
    margin-bottom: -10px;
}

.blog .sidebar .tags ul {
    list-style: none;
    padding: 0;
}

.blog .sidebar .tags ul li {
    display: inline-block;
}
.blog .sidebar .tags ul a:hover {
    color: #fff;
    border: 1px solid #0f1c30;
    background: #0f1c30;
}
.blog .sidebar .tags ul a {
    color: #838893;
    font-size: 14px;
    padding: 6px 14px;
    margin: 0 6px 8px 0;
    border: 1px solid rgba(131, 136, 147, 0.4);
    display: inline-block;
    transition: 0.3s;
}

.blog .sidebar .tags ul a span {
    padding-left: 5px;
    color: rgba(131, 136, 147, 0.8);
    font-size: 14px;
}

.unit-section .row.grid-project {
    height: auto !important;
}

/*----------------------------------------------------

Gallery lightbox
----------------------------------------------------*/

.gallery {
    position: relative;
    display: block;
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
}
.gallery .slick-list {
    overflow: hidden;
}
.gallery .slick-slide {
    outline: none !important;
}

.gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background-color: #e6e6e6;
    z-index: 10;
    cursor: pointer;
    transition: background 0.3s ease;
}
.gallery-arrow:hover {
    background: #d0dfe6;
}
.gallery-arrow.mod-prev {
    left: 0;
    border-radius: 0 4px 4px 0;
}
.gallery-arrow.mod-next {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.gallery-item {
    position: relative;
    float: left;
    vertical-align: middle;
    text-align: center;
}

.gallery-img-holder {
    display: inline-block;
    width: auto;
    height: auto;
}

.gallery-img {
    width: 100%;
    height: 100%;
}

.slick-lightbox .slick-arrow {
    z-index: 10;
}
.js-gallery .slick-arrow {
    position: absolute;
    top: 50%;
    margin: -20px 0 0 0;
    z-index: 10;
    font-size: 0;
    width: 30px;
    height: 30px;
}
.js-gallery .slick-arrow.slick-prev {
    left: 0;
    /* background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0
    0 / 100% no-repeat; */
}
.js-gallery .slick-arrow.slick-next {
    right: 0;
    /* background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0
    0 / 100% no-repeat; */
}
.js-gallery .slick-arrow.slick-disabled {
    opacity: 0.2;
}

.gallery-img-holder.js-gallery-popup img {
    cursor: pointer;
}

/*--------------------------------------------------------------
  Footer
  --------------------------------------------------------------*/

footer.bottom-footer {
    background: #0f1c30;
    font-family: Arvo, sans-serif;
}
ul.social-icons-footer {
    list-style: none;
    color: #c8dcf5;
    padding: 80px 0;
}

ul.social-icons-footer li {
    margin-bottom: 33px;
}

ul.social-icons-footer li a {
    color: #c8dcf5;
    text-decoration: none;
}

ul.social-icons-footer li i {
    padding-right: 29px;
}
.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 13%;
    margin-left: 20%;
}
.footer-logo img {
    width: 425px;
}
.icon-foo {
    border-right: 1px solid #fff;
}
.image-small img {
    height: 136px;
    object-fit: cover;
}

.image-small {

    background: transparent !important;
}

.image-small:hover {
    background: radial-gradient(#111111ab 50%,#000000b0 100%) !important;
   
}
/*--------------------------------------------------------------
  SEarch Page
  --------------------------------------------------------------*/
  .navbar-nav .nav-link {
    color: #fff;
  }
  .dropend .dropdown-toggle {
    color: salmon;
    margin-left: 1em;
  }
  .dropdown-item:hover {
    
    color: #000 !important;
  }
  .dropdown .dropdown-menu {
    display: none;
  }
  .dropdown:hover>.dropdown-menu, .dropend:hover>.dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
    left: 0 !important;
    position: absolute !important;
    margin-top: 37px;
}
  @media screen and (min-width: 769px) {
    .dropend:hover > .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
    }
    .dropend .dropdown-toggle {
      margin-left: 0.5em;
    }
  }
  
  
  a.dropdown-item {
      color: #000 !important;
  }
  
 
  
  .dropend:hover a.dropdown-item {
      color: #000 !important;
      text-align: left;
  }
  .unit-filter .search-filter-dropdown a {
    color: #000;
}

.unit-filter .dropdown.search-filter-dropdown {
    text-align: right;
}
.serach-data {
    background: #e9ecef;
    padding: 20px 12px 26px 14px;
    margin-top: 20px;

}
.section.search-filter .filters-content {
    margin-top: 0px;
    
}
.section.search-filter .find-us.card.p-2.mb-2 {
    border: none;
}
.find-us.card.p-2.mb-2 {
    border: none;
}

.dropend .dropdown-menu[data-bs-popper] {
    left: 0px !important;
    margin-top: 37px !important;
}

li.nav-item.dropend a {
    color: #fff !important;
}


ul.dropdown-menu.show li a {
    text-align: left;
}
ul.dropdown-menu.show li a {
    color: #000 !important;
    
}
.search-filter  span.home-details {
    display: none;
}

.image-home {
	position: relative;
	width: 100%;
	background: radial-gradient(#111111c9 50%, #000000d9 100%);
	overflow: hidden;
	cursor: pointer;
}



.image-home img {
	
	transition: 0.3s ease-out;
}

.image-home:hover img {
	
	opacity: 0.3;
}

.overlay {
	position: absolute;
	left: 0;
	bottom: -73px;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: center;
	color: #fff;
}

.text-h1 {
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s ease-out;
}

.text-p {
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s ease-out 0.2s;
}

.link-a {
	display: inline-block;
	background: #0f1c30;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s ease-out 0.4s;

	text-decoration: none;
}

.overlay .link-a:hover {
	background: #f8f9fa;
	color: #0f1c30 !important;
}

.image-home:hover .overlay .text-h1 {
	opacity: 1;
	transform: translateY(0);
}

.image-home:hover .overlay .text-p {
	opacity: 1;
	transform: translateY(0);
}

.image-home:hover .overlay .link-a {
	opacity: 1;
	transform: translateY(0);
}

.col.unit-filter {
    width: 46%;
    float: right;
}
.sortBY h3 {
    font-size: 21px;
}

.sortBY .control-group.sortBY .control {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    line-height: 26px;
    font-size: 15px;
}

.sortBY .control__indicator {
     top: 12px !important; 

}
.data-rent,
.data-feature {
    position: absolute;
    background: #fff;
    width: 100%;
    border: 2px solid #000;
    z-index: 3;
    top: 53px;
    line-height: 44px;
}
.data-feature.drop-list.sortD {
    position: absolute;
    background: #fff;
    width: 79%;
    border: none;
    z-index: 3;
    top: 53px;
    line-height: 44px;
    left: 97px;
    height: auto !important;
   border-radius: 20px;
}
.sortBY span.filter-text {
    padding-left: 0px !important;
}

.sortBY label.control.control--checkbox {
    height: 17px;
    line-height: 23px;
}
.sortby-filter .control {
    padding-left: 35px;
    display: inline-block;
}
.search-filter .p-2 {padding-top: 0px !important;padding-left: 0px !important;padding-right: 0px !important;padding: 0px !important;}

.search-filter .dropend .dropdown-toggle:after {

    transform: rotateZ(91deg) !important;
}
.dropend .dropdown-toggle:after {
    transform: rotateZ(91deg) !important;
}

li.mobile-drpped {
    display: none;
}

.hide-mobile {
    display: block;
}
div#carouselExampleIndicators .carousel-indicators button.thumbnail {
    width: 100px;
  }
  div#carouselExampleIndicators .carousel-indicators button.thumbnail:not(.active) {
    opacity: 0.7;
  }
  div#carouselExampleIndicators .carousel-indicators {
    position: static;
  }
  .about-section .image-home {
    margin-top: 0px;
    background: radial-gradient(#111111ab 50%,#000000b0 100%);
}
.image-med .overlay {
    bottom: -100px;
}

.image-large .overlay {
    bottom: -163px;
}

.image-small .overlay {
    bottom: -22px;
}

.specification-side ul.icon-side-walnut {
    list-style: disc;
    margin-left: 30px;
}

ul.icon-side-walnut li:has(img) {
    list-style: none;
}



.specification-side ul.icon-side-walnut:has(img) {
    margin-left: 0px;
}

.specification-side ul.icon-side-walnut li {
    /* height: 23px; */
    line-height: 35px;
}

.specification-side em.user.fa-3x {
    display: none;
}
.specification-side ul li {
    line-height: 29px;
}
/*--------------------------------------------------------------
 unit gallery
  --------------------------------------------------------------*/
.grid-items {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(12, 279px); */
    /* margin: 0 auto; */
    /* max-width: 90%; */
    /* padding: 3rem 0; */
  }
  
  /* Grid images --------------------------------------------*/
  
  .img {
    /* border-radius: 1rem; */
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
  /* Grid items --------------------------------------------*/
  
  .item-4 {
    grid-row: 2/5;
  }
  
  .item-5 {
    grid-row: 2/6;
  }
  
  .item-6 {
    grid-row: 2/4;
  }
  
  .item-7 {
    grid-row: 5/6;
  }
  
  .item-8 {
    grid-row: 4/6;
  }
  
  .item-9 {
    grid-row: 6/11;
  }
  
  .item-10 {
    grid-row: 6/7;
  }
  
  .item-11 {
    grid-row: 6/9;
  }
  
  .item-12 {
    grid-row: 7/12;
  }
  
  .item-13 {
    grid-row: 9/13;
  }
  
  .item-14 {
    grid-row: 11/13;
  }

/*-------------------Single PROJECTS unit DUTCHTOWN POINTE ------------------------------*/


.single-unit-logo img {
    width: auto;
    margin: 0 auto;
    display: block;
    width: 500px;
}
hr.line-black {
    background: #000 !important;
    height: 2px;
    opacity: unset;
    margin: 39px 39px 0px 39px;
}
.specification-bar li {
  list-style: none;
}
.text-blue{
      color: #2f3d7a;
       font-weight: 600 !important;
    font-size: 19px;
    line-height: 31px;
}
.specification-bar li {
    float: left;
    padding: 0 10px;
    border-right: 2px #909090 solid;
   font-family: Norwester;
    font-size: 22px;
    
}
.caps-font{
     font-family: Norwester;
     font-weight: 600;
}
.specification-bar li:last-child {
  border-right: none;
}
.specification-bar ul {
    padding-left: 0px;
}

.single-unit-titles {
    text-transform: uppercase;
}

.price-from-to {
    text-align: right;
}

.appartment-available {
    text-align: right;
}

.price-from-to h5 {
    font-size: 22px;
}

.appartment-available h5 {
    color: red;
    font-size: 22px;
}

.specification-side {
    background: #c8dcf557;
    padding: 40px;
    border-left: 3px solid;
}
.single-unit-slider .carousel-indicators img {
    height: 70px;
}
.download-pdf img {
    width: 118px;
}

.download-pdf b {
    color: red;
    text-transform: uppercase;
    font-family: Shrimp, sans-serif;
    font-family: Norwester;
}
.specification-side h5 {
    text-transform: uppercase;
    font-family: Norwester;
}
.buttons-units a {
    padding: 20px 22px 17px 22px;
    border-radius: 54px;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500 !important;
   font-family: Norwester;
    color: #9ec3f1;
    background: #0f1c30;
    margin-right: 56px;
    text-decoration: none;
    width: 200px;
}
.buttons-units a:hover {
    color: #9ec3f1;
    
}

.buttons-units {
    margin-top: 40px;
}
.download-pdf {
    float: right;

}

/*-------------------END Single PROJECTS unit DUTCHTOWN POINTE ------------------------------*/

/*-------------------Single PROJECTS unit WALNUT POINTE ------------------------------*/
.img-bottom img{
    height: 1195px;
}
ul.icon-side-walnut {
    list-style: none;
    padding-left: 0px;
}
.two-clm .explore-img .overlay {
    bottom: -100px;
}
.two-clm .buttons-units {
    margin-top: 65px;
}
.unit-image .col-md-6 {
    margin-bottom: 25px;
}
.control-group.sortBY .control {
    font-family: Norwester;
    font-weight: 600;
    margin-bottom: 0px;
}
.range-f-t {
    display: flex;
}

.range-f-t label {
    display: inline-flex;
    font-size: 17px !important;
}

.range-f-t .form-control {
    height: 29px;
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 10px;
}
.range {
  background: linear-gradient(to left, #e2e2ea 100%, #000 0%);
  height: 10px;
  max-width: 100%;
  width: 100%;
  position: relative;
  border: none;
  border-radius: 20px;
  margin: 20px 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.range [type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 30px;
}
.range [type=range]:focus {
  outline: none;
}
.range [type=range]::-webkit-slider-runnable-track {
  background: transparent;
}
.range [type=range]::-moz-range-track {
  background: transparent;
}
.range [type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #2e2b2b;
  cursor: pointer;
  border: none;
}
.range [type=range]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  cursor: pointer;
  border: none;
}
.range [type=range]::-ms-thumb {
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  cursor: pointer;
  border: none;
}
.range [type=range]::-ms-fill-lower {
  background: #000;
}
.range [type=range]::-ms-fill-upper {
  background: #e2e2ea;
}
.range [type=range]::-ms-track {
  color: transparent;
  border: 0 solid transparent;
  background: transparent;
}
.range [type=range]::-ms-tooltip {
  display: none;
}

.range {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .range {
    max-width: 100%;
  }
}
span.iconfil {
    width: 20px;
    float: left;
    padding-right: 36px;
}

span.filter-text {
    width: 60%;
  } 
 .sortBY img {
    width: 24px;
    position: relative;
    top: -1px;
}
/*-------------------END Single PROJECTS unit WALNUT POINTE ------------------------------*/


/*------------------------- Appartments pages ------------------------------*/

.image-home.explore-img:hover {
    background: radial-gradient(#111111c9 50%, #000000d9 100%);
}

.explore-img {
    background: transparent;
    margin-top: 10px;
}
section.unit-banner img {
    filter: brightness(0) invert(1);
}

.unit-banner {
    object-fit: cover;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-top: 80px;
    padding-bottom: 50px;
}
.unit-image h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
    line-height: 50px;
}
.banner-data-new img {
    width: 600px;
}

.banner-data-new {
    text-align: center;
    color:#fff;
}
.unit-information li {
    display: inline-flex;
    font-size: 25px;
    padding-right: 49px;
    text-align: center;
    border-right: 2px solid;
    padding: 1em;
    margin: 0px;
    font-weight: 100;
}

.unit-information {
    width: 755px;
    margin: 0 auto;
    text-align: center;
    /* border-top: 2px solid #fff; */
}

.unit-information ul {
    border-top: 2px solid #fff;
}
.unit-information li:nth-child(3) {
    border-right: none !important;
}
h4.heading-uppercase {
    text-transform: uppercase;
}

.explore-unit-section h4 {
    text-align: center;
    font-size: 31px;
}
p.main-content-appart {
    text-align: center;
}
.explore-img a.link-a {
    background: transparent;
    color: #fff;
    font-family: Shrimp, sans-serif;
    font-size: 30px;
    line-height: 49px;
    text-transform: uppercase;
}

.explore-img .overlay a.link-a:hover {
    background: transparent;
    color: #fff !important;
}

.explore-img  .overlay {
    bottom: -87px;
}
.caps-font{
     font-family: Norwester;
}
.appartment-icons-new {
    text-align: left;
}

.appartment-icons-new img {
    width: 50px;
}

.appartment-icons-new h4 {
    text-align: left;
    font-size: 22px;
    padding-top: 10px;
}
.friendly-icon img {
    width: 79px;
    margin-bottom: -11px;
}


.inline-buttons {
    margin-top: 40px;
}
.inline-buttons {
    display: inline-grid;
}

.inline-buttons a {
    margin-bottom: 27px;
    margin-left: 40px;
    width: 69%;
}


.walnut-logo-imgg img {
   width: 800px;
    filter: unset !important;
}
span.img-nn img {
    position: relative;
    width: 56px;
    top: 59px;
    left: -62px;
}
.icon-foo img {
    width: 100px;
}

.icon-foo {
    text-align: right;
}


.footer-logo.foo-new img {
    width: 181px;
}
.footer-logo.foo-new {
    margin: 0px;
    display: block;
}

footer.bottom-footer.dark-blue.white-text {
    padding-top: 33px;
    padding-bottom: 15px;
}
.footer-latest .icon-foo {
    border-right: 0px;
}
.dutchtown-banner {
    padding-top: 200px;
    padding-bottom: 200px;
}
/*------------------------- end Appartments pages ------------------------------*/


/*------------------Office space page css----------------------------*/

.site-logo-new img {
    width: 260px;
}

/*------------------End Office space page css----------------------------*/

/*------------------Find HOMEpage css----------------------------*/

.serach-data .specification-bar li {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
}

.row.find-data-prop {
    padding-right: 0px !important;
}



.find-data-prop .row>* {
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
}

.serach-data h3 {
    margin-bottom: -6px;
}

.serach-data .specification-bar li:first-child {
    padding-left: 0px;
}

.serach-data .specification-bar li:last-child {
    padding-left: 5px;
}
.green-price h5 {
    font-size: 18px;
    color: #1c9d1c;
    letter-spacing: 1px;
}
.blue-fall h5 {
    color: #1d62c7;
    font-size: 16px;
}
.icon-wishlist {
  cursor: pointer;
  width: 32px;
  height: 32px;
  opacity: 0.5;
  background: url("../images/dutch-walnut-single-unit/wishlist-icon.png");
  text-align: right;
  float: right;
}
.icon-wishlist:hover {
  opacity: 1;
}
.icon-wishlist.in-wishlist {
  opacity: 1;
  animation-name: wishlist-ani;
  animation-duration: 1000ms;
 background: url("../images/dutch-walnut-single-unit/wishlist-fill.png");
}

@keyframes wishlist-ani {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.green-price {
    float: right;
}

.blue-fall {
    float: right;
}
.new-search-appart {
    padding: 4px 12px 0px 14px;
}
.find-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    height: 700px;
    text-align: center;
}

section.find-banner h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 65px;
}

.find-banner h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 37px;
    font-weight: 200;
    font-family: Arvo, sans-serif;
    position: relative;
    right: -146px;
}

div#carouselExampleCaptions .carousel-caption {
    text-align: unset;
}
div#carouselExampleCaptions .carousel-item {
    position: relative;
    width: 100%;
    /* height: 20em;
    display: flex;
    justify-content: center;
    align-items: center; */
}

div#carouselExampleCaptions .carousel-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* height: 20em; */
    background: #1b1d1e70;
}
@media screen and (orientation: landscape) {
    div#carouselExampleCaption img {
      height: 100vh;
    }
  }

  .walnut-logo-imgg img {
    width: 100%;
    filter: unset !important;
}
  .login-logos img {
    width: auto;
}
.explore-icons {
    height: 50px;
}

.diff-size img {
    height: 43px;
    width: 68px;
}
.diff-size-view img {
    height: 53px;
    width: 60px;
}

/*  ------------------------- Contact page----------------------------------*/
  
.contact-info img {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    display: block;
}



.contact-info h1 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 71px;
    padding-top: 39px;
    padding-bottom: 44px;
}
.left-side-i {
    width: 15%;
    float: left;
}

.right-side-c {
    width: 85%;
    float: left;
}


.left-side-i i {
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 29px;
    text-align: center;
    line-height: 51px;
    font-size: 23px;
}

.info-box h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: Norwester;
    margin-bottom: 0px;
}

.contact-info .info-box a {
    color: #fff;
    text-decoration: none;
}
.contact-info .info-box p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.contact-info hr {
    clear: both;
    color: #fff;
    opacity: 1;
    margin: 26px 0px;
}

.contact-info .info-box {
    width: 490px;
    margin: 0 auto;
}
.c-formm input.form-control {
    padding: 17px;
    border-radius: 28px;
}

.c-formm textarea.form-control {
    padding: 20px;
    border-radius: 51px;
    height: 125px;
    font-weight: bold !important;
    color: #000 !important;
  text-transform: uppercase;
  font-family: Shrimp !important;
}

.c-formm input::placeholder, .c-formm textarea::placeholder {
  font-weight: bold;
  opacity: 1;
  color: #000;
font-size:16px;
  text-transform: uppercase;
  font-family: Shrimp !important;
}

.c-formm {
    width: 517px;
    margin: 0 auto;
    margin-top: 66px;
}

.c-formm button {
    background: #212a6c;
    border: none;
    color: #fff;
    width: 181px;
    padding: 9px 0px 6px 0px;
    border-radius: 27px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: Shrimp !important;
    border: 1px solid #fff;
}

.contact-info {
    padding-top: 95px;
    padding-bottom: 90px;
}

section.contact-full-banner {
    background-repeat: no-repeat;
    background-size: cover;
    
}



/*------------------------------- FAQ-----------------------------------------------*/
section.wrap-banner.faqn h1 {
    background: none;
}

section.accordian-faq .accordion {
    width: 900px;
    margin: 0 auto;
}
section.accordian-faq .accordion-item {
    background: transparent;
    text-align: center;
    font-size: 18px;
}
.accordian-faq button.accordion-button {
    background: #c3e4fd;
    margin-bottom: 14px;
    box-shadow: -10px 4px 0 -1px black;
    border-radius: 10px;
    font-size: 27px;
    text-transform: uppercase;
    font-family: Norwester !important;
}
.footer-logo.foo-new {
    position: relative;
    top: 62px;
}
.accordian-faq .accordion-collapse {
    padding: 10px;
    margin: 10px;
    border: 3px solid #212a6c;
    border-radius: 20px;
    background: #e3e0e0;
    box-shadow: 10px 10px 0 5px #c3e4fd;
    margin-bottom: 34px;
    position: relative;
    margin-top: 37px;
    margin-bottom: 45px;
}

.accordian-faq .accordion-item {
    border: none;
}

.accordian-faq .accordion-button:not(.collapsed) {
    background: #c3e4fd !important;
    color: #000;
    box-shadow: -10px 4px 0px -1px black;
    border-radius: 10px;
}
.accordian-faq .accordion-item:last-of-type .accordion-button.collapsed, .accordian-faq .accordion-item:first-of-type .accordion-button, .accordian-faq .accordion-item:last-of-type .accordion-collapse {
    border-radius: 10px;
}
.accordion-button {
    display: block !important;
    text-align: center !important;
}
.accordian-faq button.accordion-button:after {
    content: '"';
    font-size: 46px;
    position: absolute;
    top: -11px;
    right: 5px;
    background-image: none !important;
    font-weight: 200 !important;
    
}
.accordian-faq .accordion-collapse:before {
    display: block;
    content: "";
    width: 115px;
    height: 44px;
    position: absolute;

    left: -10px;
    border-top: 3px solid #212a6c;
    border-left: 3px solid #212a6c;
    top: -10px;
    border-top-left-radius: 10px;
}

/*---------------------------About New-----------------------*/
section.project-s.font-same.marg img {
    object-fit: cover;
    width: 420px;
    height: 263px;
}

section.project-s.font-same.marg .col-md-4 {
    margin-bottom: 20px;
}
.dark-blue {
    background: #94b5d8;
}

.font-same h1, .font-same h2 {
    font-size: 37px !important;
}

.font-same p {
    font-size: 20px;
    line-height: 34px;
}

.light-blue {
    background: #c8dcf5;
    text-align: right;
}

.fade-blue {
    background: #f3f5ff;
}

/*---------------------------------- Footer -----------------------------------*/
ul.social-icons-footer.new-footer {
    padding: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    color: #fdf4f4;
}

ul.social-icons-footer.new-footer li {
    margin-bottom: 19px;
}

ul.social-icons-footer.new-footer a {
    font-size: 20px;
    line-height: 35px;
    color: #fdf4f4;
    font-weight: bold;
}

.echo-w {
    display: inline-flex;
    font-size: 18px;
    line-height: 35px;
    color: #fdf4f4;
    font-weight: bold;
}

.col-md-4.icon-foo.icon-footer-n img {
    width: 39px;
    margin-left: 11px;
}

.col-md-4.icon-foo.icon-footer-n {
    position: relative;
    width: 100%;
}

/*------------------END Find HOMEpage css----------------------------*/

/*--------------------------------------------------------------
  Media Query
  --------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    ul.tabs li {
        padding: 37px 0;
        font-size: 36px;
    }
    div#tab2 .carousel-item img {
        height: auto;
    }
    .col-sm-12.space-bottom-news.bottom-section.all.press {
        top: 490px !important;
    }
    .blog-filter-area {
        padding-bottom: 108px !important;
    }
    ul.social-icons li {
        padding-right: 24px;
    }
    .social-icons {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 1366px) {
    ul.tabs li {
        padding: 30px 0;
        font-size: 36px;
    }
    div#tab2 .carousel-item img {
        height: 560px;
    }
    .social-icons {
        padding-left: 35px;
    }
    ul.social-icons li {
        padding-right: 28px;
    }
}
@media only screen and (max-width: 1280px) {
    button.read-more-news a {
        font-size: 21px;
    }
    .blue-blog button.read-more-news {
        width: 71%;
    }
    section.portfolio.section.blog-filter-area {
        margin-bottom: 95px;
    }
    .contact .info-box {
        padding: 35px 20px 3px 20px;
    }
    .contact .info-box p,
    .contact .info-box a {
        font-size: 14px;
    }
    .col-sm-12.space-bottom-news.bottom-section.all.press {
        top: 490px !important;
    }
    .blog-filter-area {
        padding-bottom: 85px !important;
    }
    ul.social-icons li {
        padding-right: 24px;
    }
    .social-icons {
        padding-left: 25px;
    }
    .single-projects-n {
        padding-left: 70px;
        padding-right: 70px;
    }
    ul.tabs li {
        padding: 31px 0;
        font-size: 34px;
    }
    div#tab2 .carousel-item img {
        height: auto;
    }
}
@media only screen and (max-width: 1024px) {
    .contact .info-box {
        height: 174px;
    }
    .contact .info-box p,
    .contact .info-box a {
        font-size: 12px;
    }
    ul.social-icons li {
        padding-right: 21px;
    }
    .social-icons {
        padding-left: 22px;
    }
    .tab_container {
        width: 78.6%;
    }
    ul.tabs li {
        padding: 18px 0;
        font-size: 28px;
    }
    div#tab2 .carousel-item img {
        height: 414px;
    }
}
@media only screen and (max-width: 820px) {
    .unit-coming li {
        font-size: 20px;
    }

    .section.portfolio .filters-content .item {
        height: 457px;
    }

    .section.portfolio .filters-content .item h3 {
        font-size: 26px;
        line-height: 36px;
    }
    button.navbar-toggler {
        float: unset;
        position: relative;
        top: 2px;
        border: none;
        left: 85%;
    }

    span.navbar-toggler-icon {
        width: 50px;
        height: 50px;
    }

    div#navbarSupportedContent {
        position: unset;
    }

    ul.social-icons {
        display: none;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .col-md-10 {
        border: none !important;
    }

    header.top-menu {
        position: unset;
        background: #000;
        padding: 10px;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm {
        border: none;
    }

    .row.blog-cards.newa-sect {
        clear: both;
    }

    .blog-cards.newa-sect .col-sm-4 {
        width: 50%;
        margin-bottom: 27px;
    }
    .footer-logo img {
        width: 100%;
        margin-top: 19%;
    }
    nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .container {
        border-bottom: none;
    }
    .project-slider {
        width: 100%;
    }
    .carousel-item img {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .banner-inner {
        margin-top: 15%;
    }
}

@media only screen and (max-width: 468px) {
    section.contact-full-banner {
        background-image: linear-gradient(to left, transparent, transparent -1%, #254d7c7a -9%, #254d7cd4 7%), url(https://anr-stage.flexinettechnologies.com/build/assets/bg-contact-43d7c500.jpg) !important;
    }
    .img-bottom{
       display: none;
    }
    .footer-logo.foo-new {
        position: relative;
        top: 0;
    }
    section.accordian-faq .accordion {
        width: 100%;
        margin: 0 auto;
    }
    .contact-info h1 {
        font-size: 50px;
    }
    
    .contact-info img {
        width: 150px;
    }
    
    .contact-info .info-box {
        width: 100%;
    }
    
    .left-side-i {
        width: 20%;
    }
    
    .right-side-c {
        width: 80%;
    }
    
    .contact-info .info-box p {letter-spacing: 3px;font-size: 13px;}
    
    .contact-info .info-box a {
        font-size: 14px;
    }
    
    .c-formm {
        width: 100%;
    }
    .data-feature.drop-list.sortD {
        left: -98px;
      
    }
    .sortBY h3 {
        font-size: 17px;
    }
    .sortBY .control__indicator {
        top: 5px!important;
    }
    li.nav-item.dropend {
        padding-left: 0px;
    }
    .control-group.sortBY {
        padding: 13px;
        width: 171px;
    }
    .dropend .dropdown-menu[data-bs-popper] {
        margin-top: 0px !important;
        text-align: left !important;
    }
    .unit-filter .dropdown.search-filter-dropdown {
        text-align: unset;
    }
    .unit-filter .search-filter-dropdown a {
        color: #000;
        font-size: 13px;
    }
    .col.unit-filter {
        width: 100%;
        float: right;
    }
    .unit-filter .control {
       
        padding-left: 30px;
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 24px;
        
    }
    .serach-data {
      
        padding: 12px 12px 16px 14px;
    }
    .search-filter form.form-inline .col {
        width: 50% !important;
        
    }
    .search-filter .last-section-feature {
    border: none !important;
    width: 100% !important;
     flex: auto !important;
}
form#searchForm .col:nth-child(3) {
    border-left: none;
}
    
    .search-filte .col.last-section-feature {
        border: none;
        width: 100% !important;
        flex: auto !important;
    }
    ul.social-icons-footer li i {
        padding-right: 10px;
    }
    .contact .php-email-form button[type="submit"] {
        width: 100% !important;
    }
    .contact .info-box {
        height: auto;
        text-align: center;
        padding: 35px 20px 20px 20px;
    }
    .list-style-custom {
        margin-top: 38px;
    }

    .single-home-data.marg {
        padding-top: 0;
    }

    .about-areas.marg {
        padding-bottom: 0;
    }
    .blog .blog-details .content blockquote {
        text-align: left;
        padding: 34px;
    }
    .blog .blog-details .content blockquote p {
        font-size: 18px;
    }
    a.navbar-brand img {
        margin-top: 2px;
        margin-bottom: 0;
        width: 134px;
    }
    .footer-logo {
        margin-left: 5%;
        margin-top: 0;
        padding-bottom: 33px;
    }
    .title-pro-gallry {
        top: 13px;
    }
    section.banner-single-project {
        height: 672px;
    }

    .banner-single-project h1 {
        font-size: 40px;
        line-height: 50px;
    }

    p.white-text.project-address {
        font-size: 30px;
        line-height: 39px;
    }

    .project-details .unit-coming ul {
        display: inline-block;
        width: 100%;
        padding-left: 0;
    }
    .banner-single-project .unit-coming li {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        border-bottom: 1px solid;
    }
    .banner-single-project .unit-coming li:nth-child(3) {
        border-left: none;
    }
    .banner-single-project .unit-coming li:nth-child(2) {
        border-left: none;
    }
    .banner-single-project .unit-coming li:last-child {
        border-bottom: none;
    }
    section.explore-project i.fa-solid {
        font-size: 45px;
    }
    section.explore-project button.carousel-control-prev {
        left: 13px !important;
    }
    section.explore-project button.carousel-control-next {
        right: 15px !important;
    }
    .project-data.marg p {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 22px;
    }
    .filters-content .col-sm-6 {
        position: unset !important;
    }
    .row.grid-project {
        position: unset !important;
       /* height: auto !important; */
    }
    .search-filter .row.grid-project {
        position: relative !important;
       
    }
    .all-projects-new .item-cont {
        height: auto;
    }
    .all-projects-new .item {
        height: auto!important;
    }
    p.feature-title {
        font-size: 23px;
        margin-top: 18px;
        line-height: 33px;
    }
    .avaialble-border-l {
        border: none;
    }

    p.avaliable-data {
        font-size: 26px;
        line-height: 42px;
    }
    .section.portfolio .filters-content .item {
        height: auto;
    }

    .section.portfolio .filters-content .item h3 {
        font-size: 26px;
        line-height: 35px;
    }

    .unit-coming li {
        font-size: 17px;
    }

    .unit-coming {
        margin-top: 0;
    }
    span.and-sign img {
        width: 57px;
    }
    span.and-sign {
        top: -26px;
    }
    header.top-menu {
        position: unset;
        background: #0f1c30;
        padding: 10px 0;
    }
    div#navbarSupportedContent {
        position: unset;
    }
    nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .col-md-10 {
        border: none !important;
        height: 100px;
    }
    ul.social-icons {
        display: none;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm {
        border: none;
    }
    span.text-h.left-alng {
        padding-left: 5px;
    }
    p.project-name {
        position: unset;
        margin-bottom: 30px;
    }
    p.sub-title {
        font-size: 21px;
        line-height: 31px;
        padding-left: 16px;
        width: 100%;
    }
    h2.title-pg {
        margin-bottom: 23px;
    }
    .carousel-inner img {
        width: 100%;
    }

    .custom-arrow-slide i.fa-solid {
        font-size: 45px;
        opacity: unset !important;
        color: #000;
    }

    .carousel-control-prev {
        left: 0 !important;
    }

    .carousel-control-next {
        right: 0 !important;
    }

    .news-box {
        margin-bottom: 31px;
    }

    .footer-logo img {
        width: 100%;
        margin-top: 0;
    }

    ul.social-icons-footer {
        padding-bottom: 10px;
    }
    .navbar-toggler {
        padding-left: 64px !important;
    }

    button.navbar-toggler {
        top: 2px;
        left: 32%;
    }
    span.navbar-toggler-icon {
        width: 34px;
        height: 31px;
    }
    .blog-cards.newa-sect .col-sm-4 {
        width: 100%;
        margin-bottom: 0;
    }
    .carousel-item img {
        width: 1005;
    }

    .project-slider {
        width: 100%;
    }
    nav.navbar.navbar-expand-lg.navbar-dark.shadow-sm .container {
        border: none;
    }
    section.wrap-banner {
        height: 300px;
    }

    .wrap-banner h1 {
        font-size: 34px;
        margin: 0 13px;
    }
    .section.portfolio .filters ul li {
        padding: 9px 7px;
    }
    .myQuote.q3 {
        margin-bottom: 20px;
    }
    .blog-filter-area .blue-blog {
        padding: 50px 0;
    }
    .blog-section-filter {
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 23px;
    }
    .blue-blog button.read-more-news {
        width: 100%;
    }
    .filters.filters-home {
        padding-left: 0;
    }
    .filters-home ul li {
        font-size: 16px !important;
        padding-right: 11px !important;
    }
    .section.portfolio .filters ul li {

        display: inline;

    }
    .col.first-filter-head {
        border-bottom: 2px solid !important;
    }
    p.content-address {
        font-size: 18px;
    }
    hr.lin-home {
        background: transparent;
        height: 16px !important;
    }
    form.form-inline .col {
        width: 100% !important;
        flex: unset;
        border-bottom: 2px solid;
    }

    .col.last-section-feature {
        border: none;
    }

    .select-dropdown {
        font-size: 17px;
    }
    .find-home-padding span.home-details {
        font-size: 27px;
    }
    .find-home-padding h3 {
        font-size: 30px;
    }
    .home-property-slide {
        padding: 0;
    }
    .thumb-slide .column {
        float: left;
        width: 19.66%;
    }
    p.left-content {
        width: 100%;
    }
    .single-home-data p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
    }
    h2.apply-home-title {
        font-size: 34px;
    }
    p.form-description {
        font-size: 18px;
        line-height: 25px;
        padding: 10px;
    }
    p.note-form {
        font-size: 18px;
    }
    .apply-now-form label.form-label {
        font-size: 20px;
    }
    .apply-now-form button.btn.btn-dark.w-100.fw-bold {
        width: 100% !important;
        padding: 12px 12px 0 12px;
        font-size: 39px;
    }
    .prevContainer,
    .nextContainer {
        display: block;
        visibility: unset;
    }
    .col-sm-12.space-bottom-news.bottom-section.all.press {
        top: 699px !important;
    }
    .col-sm-12.space-bottom-news.last-section.all.press {
        top: 1426px !important;
    }
    .blog-filter-area {
        padding-bottom: 70px !important;
    }
    .dropdown:hover>.dropdown-menu, .dropend:hover>.dropdown-menu {
        
        margin-top: 0px;
    }

    li.mobile-drpped {
        display: block;
    }
    
    .hide-mobile {
        display: none;
    }
    
    
    
    ul.mobile-submenu {
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 0.25rem;
        list-style: none;
        padding-left: 0;
        padding-top: 7px;
        width: 77%;
    }
    
    ul.mobile-submenu a {
        font-weight: bold;
    }
    
    
    li.mobile-drpped a {
        font-weight: 400;
        line-height: 1.5;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-family: Shrimp,sans-serif;
    }
    ul.mobile-submenu li a {
        font-weight: 400;
        line-height: 1.5;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        font-family: Shrimp,sans-serif;
    }
    li.mobile-drpped {
        padding-left: 13px;
    }
    
    i.fa-solid.fa-sort-down.mobile-drpped-icon {
        color: #fff;
        position: relative;
        top: -2px;
    }
    li.mobile-drpped {
        padding-bottom: 5px;
    }
    .myQuote.q3 q {
        font-size: 23px;
        line-height: 26px;
       
    }
    .radioBox label {
        font-size: 14px;
    }

       /*----- CUSTOM MEDIA FOR NEW DESIGN-----------------*/
       .specification-side {
        margin-top: 71px;
    }
    
    .single-unit-buttons.marg {
        padding-top: 0px;
    }
    
    .buttons-units {
        display: inline-grid;
        text-align: center;
        width: 100%;
    }
    
    .buttons-units a {
        margin-bottom: 27px !important;
        width: 100%;
    }
    .single-unit-logo img {
        width: 100%;
    }
    
    
    .specification-bar li {
        font-size: 18px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .price-from-to h5 {
        font-size: 20px;
    }
    .single-unit-slider .carousel-indicators img {
        height: auto;
    }
    .inline-buttons a {
        margin-left: 40px; 
    }
    .footer-logo.foo-new {
        text-align: center;
    }
    
    .echo-w {
        text-align: center;
    }
    .unit-information {
        width: 100%;
    }
    
    
    .unit-information ul {
        border-top: none;
    }
    .unit-information li {
        border-bottom: 2px solid;
        width: 100%;
        border-right: none;
        display: block;
    }
    .banner-data-new img {
        width: 100%;
    }
    .dutchtown-banner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.find-banner {
        height: 500px;
    }
    
    section.find-banner h1 {
        font-size: 47px;
    }
    
    .find-banner h4 {
        right: 0px;
    }
    h1.heading-single-u-t {
        text-align: center;
    }
    .price-from-to {
        text-align: center;
    }
    .appartment-available {
        text-align: center;
    }
    .unit-image h4 {
       
        font-size: 28px;
        line-height: 39px;
    }
    div#carouselExampleCaptions img {
        height: 89vh;
    }
    
    span.and-sign img {
        height: auto !important;
    }
     /*----- END CUSTOM MEDIA FOR NEW DESIGN-----------------*/
     .blog-cards button.overall-btn {
        margin: 0px auto 0;
    }
    .find-data-prop .col-md-7 {
        width: 100%;
    }
    
    .find-data-prop .col-md-5 {
        width: 100%;
    }
    
    .icon-wishlist {
        position: relative;
        top: -85px;
    }
    
    .green-price, .blue-fall {
        display: inline-block;
    }
    
    .appartment-available.blue-fall {
        padding-right: 18px;
        padding-top: 3px;
    }
}

@media only screen and (max-width: 320px) {
    button.navbar-toggler {
        left: 30px;
    }
}