@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;600&family=Poppins:wght@100;300;400;600&display=swap');

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', sans-serif !important;
}

/* .text-white {
    color: #fff !important;
} */
.single-features-box-style2:hover .icon-holder .inner {
    background: #F0EEEA !important;
}
.single-team-item .title-holder .social-icon ul li .instagram {
    background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.single-facilities-box .icon:before {
    background: #ddd;
}
.videoiframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
body,
p,
a {
    font-family: 'Poppins', sans-serif !important;
}

.main-header .container-box,
.sticky-header {
    background-color: #18344C !important;
}

.header-middle {
    position: relative !important;
}

.main-menu .navigation>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.main-menu .navigation>li.dropdown>a {
    padding-right: 30px !important;
}

.header-middle .outer-search-box-style1 {
    padding: 0px !important;
}

.main-menu .navigation>li>a {
    color: white;
}

.main-right {
    width: 100%;
}

.img-logo img {
    width: auto !important;
    height: 70px !important;
}

.header-icon {
    color: white !important;
}

.header-middle {
    max-width: none;
}

.langswitch {
    width: fit-content !important;
}

@media only screen and (min-width: 1200px) {
    .navigation>li {
        padding-top: 2.5em !important;
        padding-bottom: 2.5em !important;
    }
}

.big-title>h1 {
    /* font-size: 60px; */
    color: #BB905E !important;
}

.text-top-banner>h4 {
    color: #9A9E90 !important;
}

.secondary-text-banner>h3 {
    color: #000 !important;
}

.bottom-text-banner>h2 {
    color: #1B191A !important;
}

.baige {
    background-color: #FEFBF6;
}

.text-black {
    color: #000 !important;
}

.btn-one {
    background-color: #18344C !important;
}

.head-text>h2 {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 1199px) {
    .sec-title>.our-project-text::after {
        content: url("../images/img/our_project_icon.png");
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: -80%;
        left: 30%;
    }

    .sec-title>.highlight-text::after {
        content: url("../images/img/project_icon.png");
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: -50%;
        left: 40%;
    }

    .sec-title>.about-text::after {
        content: url("../images/img/about_us_icon.png");
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: -15%;
    }

    .sec-title>.news-texthead::after {
        content: url("../images/img/news_icon.png");
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: 0%;
    }

    @media only screen and (max-width: 425px) {
        .sec-title>.news-texthead::after {
            content: url("../images/img/news_icon.png");
            position: absolute;
            display: inline-flex;
            padding: 0px 15px;
            top: -30%;
            left: 40%;
        }
    }

    .text-left-banner {
        text-align: center;
        position: absolute !important;
    }

    .mouse-btn-down {
        display: none;
    }

    .img-banner>img {
        height: 800px;
        object-fit: cover;
    }

    .img-banner::before {
        content: ' ';
        z-index: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #00000080;
    }

    .big-title>h1 {
        /* font-size: 60px; */
        color: #fff !important;
    }

    .text-top-banner>h4 {
        color: #fff !important;
    }

    .secondary-text-banner>h3 {
        color: #fff !important;
    }

    .bottom-text-banner>h2 {
        color: #fff !important;
    }
}

@media only screen and (min-width: 1200px) {
    .sec-title>.our-project-text::after {
        content: var(--ourproject-icon-var);
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: -10%;
    }

    .sec-title>.highlight-text::after {
        content: url("../images/img/project_icon.png");
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: -10%;
    }

    .sec-title>.about-text::after {
        content: var(--about-icon-var);
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: -10%;
    }

    .sec-title>.news-texthead::after {
        content: var(--news-icon-var);
        position: absolute;
        display: inline-flex;
        padding: 0px 15px;
        top: 10%;
    }

    .big-title>h1 {
        /* font-size: 60px; */
        color: #BB905E !important;
    }
}

@media only screen and (max-width: 768px) {
    .intro-style2-image-box {
        padding-top: 30px !important;
    }
}

@media only screen and (max-width: 1499px) {
    .ourproject-image {
        object-fit: cover;
        width: 100%;
        height: 400px
    }
}

@media only screen and (min-width: 1500px) {
    .big-title>h1 {
        font-size: 60px;
        color: #BB905E !important;
    }

    .ourproject-image {
        object-fit: cover;
        width: 100%;
        height: 750px
    }
}

.blog-style3-title .sec-title .button-box a {
    color: #fff;
}

.contact-form {
    max-width: none !important;
    float: none !important;
}

.place-style1-area {
    background-color: #FEFBF6;
}

.sec-title {
    padding-bottom: 40px !important;
}

.footer-bottom {
    padding: 10px 0;
}

.footer-content-box {
    margin-left: 0;
    margin-right: 0;
}

.title>h1 {
    color: white;
}

.style4 {
    background: #4C7E9F !important;
}

.main-slider {
    background: #fff !important;
}

.footer-bottom {
    background-color: #18344C !important;
}

.main-slider .slide,
.main-slider.style4 .slide {
    padding: 0px !important;
}

/* .intro-style2-content-box-bg-color {
    top: 0 !important;
} */

.single-apartments-style3 .text-holder:before {
    background: #18344C;
}

.single-apartments-style3 .text-holder .button a {
    color: #222222;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
    color: #e6bc73;
}

.view-btn {
    background-color: #fff !important;
    color: #000;
    border: 1px solid black;
}

.floorplan {
    padding-bottom: 110px;
}

.building-features-content {
    margin-left: 0px;
}



/* .btn-one>a {
    color:white !important;
} */
/* .contact-form form {
    display:flex !important;
} */
/* padding-top: 50px;
    padding-bottom: 42px; */

/* @media only screen and (min-width: 1200px) {
    .image-layer {
        background-position: left;
    }
} */

/* .owl-stage-outer {
    width: 80% !important;
    height: 100% !important;
    padding-left: 100% !important;
} */
/* .banner-carousel {
    max-height:800px !important;
} */