:root {
    --brown: #5a7606;
    --light-black: #343232
}

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

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

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

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

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

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

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

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

body,h1,h2,h3,h4,h5,h6,p,ul,li {
    margin: 0;
    padding: 0
}

body,html {
    font-family: 'Manrope-Regular';
    scroll-behavior: smooth
}

.form-control:focus,button:focus {
    border-color: none!important;
    outline: 0;
    box-shadow: none!important
}

.custom-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 996;
    overflow: hidden;
    background-color: #fff
}

.custom-navbar .navbar-brand {
    color: #fff;
    font-weight: 700;
    font-size: 38px;
    padding: 0;
}

.custom-navbar .navbar-brand .developer-log-img {
    max-width: 90px;
    height: auto;
    /* padding:5px 10px; */
    margin-left: 50px;
}

.custom-navbar .nav-item {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px
}

.custom-navbar .nav-link {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.custom-navbar .last-li {
    margin-right: -130px;
    margin-left: 149px;
    background-color: var(--brown);
    padding: 0 47px;
    padding-top: 5px
}

.custom-navbar .last-li {
    margin-right: -125px;
    margin-left: 91px
}

.custom-navbar .last-li a {
    color: #fff
}

.custom-navbar .navbar-brand .developer-log-img {
}

.slider-container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin-top: 73px
}

.slider-container #demo::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(../images/main-slider-three-shape-1.png); */
    background: linear-gradient(15deg, #5d6f251c, transparent);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9
}

.slider-container #demo .carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #00000059;
    z-index: 9
}

.slider-container #demo {
    position: relative
}

.slider-container #demo .slider-controler {
    position: absolute;
    bottom: 4%;
    left: 35px;
    width: 300px;
    display: grid;
    z-index: 99
}

.slider-container #demo .carousel-control-prev {
    display: block;
    position: unset;
    opacity: 1;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 67px;
    text-align: center
}

.slider-container #demo .carousel-control-next {
    display: block;
    position: unset;
    opacity: 1;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 67px;
    text-align: center;
    margin-top: 20px
}

.slider-container #demo .slider-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    color: #fff
}

.slider-container #demo .slider-content-2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: self-end;
    z-index: 1
}

.slider-container #demo .top-details-content {
    margin-left: 10%;
    margin-bottom: 2%;
    position: relative;
    z-index: 2;
    width: fit-content;
    padding: 19px;
    background-color: #161616b8;
}

.slider-container #demo .top-details-content h1 {
    font-size: 44px;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    margin-top: 5px;
    color: #5a7606;
}

.slider-container #demo .top-details-content h4 {
    font-size: 24px;
    letter-spacing: 4.5px;
    color: #fff
}

.slider-container #demo .top-details-content h3 {
    font-size: 49px;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    margin-top: 10px;
    color: #5a7606;
}

.slider-container #demo .starting-price-box {
    margin-left: 10%;
    background-color: #ffffff96;
    padding: 10px 20px 30px;
    width: fit-content;
    padding-bottom: 0;
    position: relative;
    z-index: 996
}

.slider-container #demo .starting-price-box h4 {
    font-size: 62px;
    letter-spacing: 2.5px;
    color: #5a7606;
    font-family: 'Teko-Medium'
}

.slider-container #demo .starting-price-box p {
    font-size: 26px;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #000;
}

.slider-container #demo .top-details-content h1 .project-name-img {
    filter: brightness(100);
    width: auto;
    height: 150px;
}

.slider-container #demo .top-details-content .location-heading {
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 10px;
    letter-spacing: 2px
}

.slider-container .form-box .shapeforbtn {
    position: absolute;
    bottom: 10%;
    right: 10%;
    width: auto;
    height: 51px
}

.slider-container .form-box {
    background-color: #000000f5;
    padding: 40px;
    width: 19%;
    border-top: 7px solid var(--brown);
    position: absolute;
    z-index: 9;
    bottom: 18%;
    right: 45px;
    z-index: 99
}

.slider-container .form-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(../images/contact-form-bg-img-1.jpg); */
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left;
    z-index: -1;
    opacity: .09
}

.slider-container .form-box h4 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium'
}

.slider-container .form-box .form-control {
    border: 1px solid #716e6e;
    border-radius: 0;
    height: 50px;
    margin-bottom: 15px;
    background-color: #060606;
    color: #fff
}

.slider-container .form-box .btn-custom-2 {
    padding: 10px 30px;
    background-color: var(--brown);
    color: #fff;
    border-radius: 0;
    margin-top: 30px;
    letter-spacing: 1px;
    display: block
}

.slider-container .form-box .form-control::placeholder {
    color: #fff
}

.slider-container .key-highlights .star-img {
    width: auto;
    height: 21px;
    /* filter: brightness(75.5); */
    margin-right: 10px
}

.slider-container .key-highlights li {
    font-size: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    font-weight: 200;
}

.slider-container .key-highlights {
    margin-top: 10px
}

.slider-container {
    height: 100%
}

.slider-container #demo {
    height: 100%
}

.slider-container .carousel-inner {
    height: 100%
}

.slider-container .carousel-item {
    height: 100%
}

.slider-container .carousel-item img {
    height: 82vh;
    object-fit: cover;
    width: 100%
}

.carousel-indicators li {
    background-color: #000;
}

#demo2 .carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e);
    filter: brightness(0);
}

#demo2 .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e);
    filter: brightness(0);
}

.call-box {
    position: absolute;
    right: 8%;
    bottom: 5%;
    display: flex;
    align-items: center;
    z-index: 9;
    justify-content: space-between;
    width: 214px
}

.call-box .call-box-2 img {
    width: auto;
    height: 31px;
    filter: invert(1)
}

.call-box .call-box-3 a {
    color: #fff;
    font-size: 19px
}

.slider-container #demo .top-details-content .location-heading .location-icon {
    width: auto;
    height: 17px;
    filter: invert(1)
}

.nav-link-custom.active {
    border-bottom: 3px solid #5a7606
}

.wrapper {
    width: 76px;
    height: 70px;
    line-height: 70px;
    background-color: #5a7606;
    text-align: center
}

.video-main {
    position: relative;
    display: inline-block
}

.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    color: #000;
    display: inline-block;
    background: #fff;
    z-index: 999;
    font-size: 15px;
    position: relative
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #d9d9d985;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    border-radius: 100%;
    right: -50px;
    bottom: -40px;
    z-index: 1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}

.wave-1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.video-icon {
    position: absolute;
    margin-left: 27.7%;
    overflow: hidden;
    cursor: pointer;
    z-index: 995
}

.overview-container {
    padding-top: 180px;
    padding-bottom: 130px;
    position: relative;
    overflow: hidden
}

.overview-container .container {
    max-width: 68%;
    position: relative;
    z-index: 11
}

.overview-container .banner-shape-1 {
    position: absolute;
    right: -56px;
    top: -132px;
    z-index: 0;
    border: 55px solid #9b99950a;
    width: 370px;
    height: 370px;
    border-radius: 50%
}

.overview-container .about-one {
    position: relative;
    display: block;
    padding: 120px 0;
    z-index: 1
}

.overview-container .side-img-box {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1;
    z-index: 2;
    height: 100%
}

.overview-container .side-img {
    height: 100%;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover
}

.overview-container .shape-1 {
    position: absolute;
    top: -19%;
    right: 10%;
    z-index: -1;
    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite
}

.overview-container .overview-img {
    position: relative
}

.overview-container .overview-img::after {
    content: "";
    position: absolute;
    top: -10%;
    left: 12%;
    width: 76%;
    height: 100%;
    border: 10px solid var(--brown);
    webkit-animation: float2 6s ease-in-out infinite;
    animation: float2 6s ease-in-out infinite
}

.overview-container .side-heading {
    width: 92%;
    height: 100%;
    background-color: #d2793999;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.overview-container .side-heading span {
    font-size: 56px;
    writing-mode: tb-rl;
    color: #fff;
    font-weight: 700;
    letter-spacing: 18px;
    text-transform: uppercase;
    padding-left: 0;
    padding-top: 5%;
    mix-blend-mode: color-dodge;
    font-family: 'Teko-Medium'
}

.overview-container .side-top-content .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #5a7606;
}

.overview-container .side-top-content h4 {
    font-size: 42px;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    margin-top: 5px;
    color: var(--light-black)
}

.overview-container .side-top-content p {
    margin-top: 5px;
    font-size: 16px;
    letter-spacing: .5px
}

.overview-container .side-top-content ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    justify-content: space-between;
    align-items: center;
}

.overview-container .side-top-content li .fa-check-circle {
    font-size: 18px;
    color: #c47f68;
    padding-right: 4px
}

.overview-container .side-top-content li .check-img {
    margin-right: 5px
}

.overview-container .side-top-content li {
    list-style: none;
    width: calc(50% - 10px);
    margin-bottom: 8px;
    margin-top: 8px;
    color: #000;
    font-family: 'Teko-Medium';
    font-size: 18px;
    letter-spacing: 1.8px;
    text-transform: uppercase
}

.overview-container .side-top-content .btn-custom {
    padding: 10px 30px;
    background-color: var(--light-black);
    color: #fff;
    border-radius: 0;
    letter-spacing: 1.5px;
    font-size: 14px;
    margin-top: 20px;
    text-transform: uppercase
}

.overview-container .shapeforbtn {
    margin-left: 31px;
    margin-top: -15px
}

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0px)
    }
}

@keyframes float2 {
    0% {
        transform: translatey(-20px)
    }

    50% {
        transform: translatey(0px)
    }

    100% {
        transform: translatey(-20px)
    }
}

.highlights-container {
    background: var(--brown);
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.highlights-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/neighborhoods-shape-1.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .05
}

.highlights-container .row {
    margin: 0;
    padding: 0
}

.highlights-container .row .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6 {
    padding: 0
}

.highlights-container .col-right {
    position: relative
}

.highlights-container .highlight-img {
    height: 100%;
    object-fit: cover
}

.highlights-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium'
}

.highlights-container .highlight-content {
    width: 100%;
    position: relative;
    left: 0;
    padding: 5% 80px
}

.highlights-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #fff
}

.highlights-container .highlight-content p {
    color: #fff;
    width: 88%;
    margin-top: 10px
}

.highlights-container .highlight-content ul li {
    list-style: none;
    margin-bottom: 8px;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    display: flex;
    color: #000;
    align-items: baseline;
    background-color: #fffc;
    letter-spacing: .5px
}

.highlights-container .box-highlight-point {
    margin-top: 50px
}

.highlights-container .box-highlight-point .custom-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.highlights-container .box-highlight-point .custom-row .custom-col {
    width: calc(50% - 2px);
}

.highlights-container .highlight-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.highlights-container .highlight-content ul li i.fa.fa-check-circle {
    margin-right: 10px;
    color: #504e4c;
    font-size: 18px
}

.highlights-container .highlight-content ul li .check-img {
    margin-right: 10px;
    opacity: .7
}

.highlights-container .row {
    position: relative;
    z-index: 9
}

.pricelist-container {
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden
}

.pricelist-container .container {
    max-width: 80%
}

.pricelist-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: var(--light-black);
    margin-bottom: 10px
}

.pricelist-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #5e7a0c;
}

.pricelist-container .pricelist-img-bg {
    position: absolute;
    top: -32px;
    right: -10px;
    filter: brightness(0.9)
}

.pricelist-container .col-12.col-sm-12.text-center {
    margin-bottom: 40px
}

.pricelist-container .pricebox p {
    font-size: 30px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: var(--light-black)
}

.pricelist-container .pricebox {
    padding: 27px 20px;
    background-color: #f6f6f6;
    border-bottom: 14px solid var(--brown)
}

.pricelist-container .pricebox .btn-custom {
    padding: 10px 30px;
    background-color: var(--light-black);
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
    letter-spacing: 1px
}

.pricelist-container .pricebox .price-list-heading {
    font-size: 20px;
    margin-bottom: 4px
}

.pricelist-container .pricebox .price {
    color: var(--brown);
    font-size: 52px;
    margin-bottom: 15px
}

.pricelist-container .pricebox .shapeforbtn {
    position: absolute;
    right: 8%;
    bottom: 15%;
    width: auto;
    height: 54px
}

.amenities-container {
    position: relative;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 40px
}

.amenities-container .container {
    max-width: 80%;
    position: relative;
    z-index: 9
}

.amenities-container .amenities-img-bg {
    position: absolute;
    bottom: -32px;
    right: -10px;
    filter: brightness(0.9);
    opacity: .5
}

.amenities-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium'
}

.amenities-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #5d790b;
}

.amenities-container .btn-custom-2 {
    padding: 10px 30px;
    background-color: var(--light-black);
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
    letter-spacing: 1px
}

.amenities-container .ami-box .amenities-img {
    width: auto;
    height: 80px
}

.amenities-container .ami-box {
    padding: 30px;
    background-color: #f7f7f7;
    text-align: center;
    color: #fff;
    margin-bottom: 30px
}

.amenities-container .ami-box p {
    width: auto;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #000;
    font-family: Teko-Medium;
    font-size: 19px;
    letter-spacing: 1.5px
}

.floorplan-container {
    padding-top: 70px;
    padding-bottom: 20px;
    background-color: var(--brown);
    position: relative
}

.floorplan-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #fff
}

.floorplan-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #fff
}

.floorplan-container .container {
    max-width: 80%;
    position: relative;
    z-index: 5
}

.floorplan-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/neighborhoods-shape-1.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .05;
    z-index: 4
}

.floorplan-container .col-sm-12 {
    margin-bottom: 30px;
    position: relative
}

.floorplan-container .floorplan-img {
    background-color: #fff;
    width: 100%;
    cursor: zoom-in
}

.floorplan-container .btn-custom-2 {
    padding: 10px 30px;
    background-color: var(--light-black);
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
    letter-spacing: 1px;
    position: absolute;
    right: 0;
    top: 0
}
.floorplan-box {
    position: relative;
}
.location-map_box{
    position: relative;
}
.floor-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 30px;
    background-color: var(--light-black);
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
    letter-spacing: 1px;
    z-index: 99;
}
.floor-btn:hover{
    color: #fff;

}

.floorplan-box p {
    width: auto;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #fff;
    font-family: Teko-Medium;
    font-size: 25px;
    letter-spacing: 1.5px;
    text-align: center;
    margin-top: 20px
}

.location-advantage-container {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f7f7f7;
    position: relative;
    overflow: hidden
}

.location-advantage-container .container {
    max-width: 80%;
    position: relative;
    z-index: 9
}

.location-advantage-container .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.text-center {
    margin-bottom: 40px
}

.location-advantage-container .para {
    max-width: 80%;
    margin: 0 auto
}

.location-advantage-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #000
}

.location-advantage-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #5a7606;
}

.location-advantage-container .custom-row-2 {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.location-advantage-container .custom-col-2 {
    max-width: 50%;
    width: 100%
}

.location-advantage-container .location-content-box {
    margin: 10px;
    background-color: #fff;
    padding: 18px;
    position: relative
}

.location-advantage-container .location-content-box h4 {
    font-size: 28px;
}

.location-advantage-container .location-content-box p {
    font-size: 20px;
    letter-spacing: 1.5px;
    padding-top: 20px;
    color: #000;
    font-family: Teko-Medium
}

.location-advantage-container::after {
    content: "";
    position: absolute;
    bottom: -19%;
    left: 34%;
    width: 75%;
    height: 100%;
    background-image: url(../images/location-map-bg.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    opacity: .1;
    z-index: 4
}

.location-advantage-container .right-col-2 {
    display: block;
    align-items: center
}

.location-advantage-container .location-content-box img {
    width: auto;
    height: 32px;
    position: absolute;
    top: 24px;
    right: 20px
}

.location-advantage-container .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #000;
    border-color: #dee2e6 #dee2e6 #fff
}

.location-advantage-container .nav-tabs .nav-link {
    margin-bottom: -1px;
    background-color: #d39776;
    border: 1px solid #d39776;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #fff;
    margin-left: 20px;
    border-radius: 0
}

.location-advantage-container .nav.nav-tabs {
    border: none
}

.location-advantage-container .nav.nav-tabs {
    border: none;
    margin-left: -20px;
}

.location-advantage-container .tab-content {
    margin-top: 40px;
}

.location-advantage-container .nav-item {
    margin-left: 10px
}

.location-advantage-container .location-content-box-2 p.para-2 {
    display: flex;
    align-items: baseline;
    background-color: #fff;
    margin-bottom: 40px;
    padding: 25px 10px;
}

.location-advantage-container .location-content-box-2 p.para-2 img {
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.gallery-container .container {
    max-width: 80%
}

.gallery-container {
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden
}

.gallery-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #000
}

.gallery-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #597506;
}

.gallery-container .pricelist-img-bg {
    position: absolute;
    top: -32px;
    right: -10px;
    filter: brightness(0.9)
}

.gallery-container .col-12.col-sm-12.text-center {
    margin-bottom: 40px
}

.gallery-container .gallery-img {
    height: 100%;
    object-fit: cover
}

.gallery-container .col-12.col-sm-12.col-md-3.col-lg-3.col-xl-3 {
    margin-bottom: 30px
}

.gallery-container .with-caption.image-link {
    position: relative;
    display: flex;
    align-items: end;
    cursor: zoom-in;
    margin-bottom: 30px
}

.gallery-container .img-title-name {
    position: absolute;
    bottom: 20px;
    color: #fff;
    left: 20px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    font-size: 20px;
    border-bottom: 1px solid #fff;
    z-index: 9
}

.gallery-container .with-caption.image-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000073;
    z-index: 1
}

.contact-us-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #000
}

.contact-us-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #5a7606;
}

.contact-us-container .footer-img-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: .2;
    z-index: -1
}

.contact-us-container {
    padding-top: 70px;
    padding-bottom: 60px;
    position: relative
}

.contact-us-container .container {
    max-width: 80%
}

.contact-us-container .form-box {
    background-color: #000000f5;
    padding: 40px;
    width: 70%;
    border-top: 7px solid var(--brown);
    position: relative;
    z-index: 9;
    margin-left: auto
}

.contact-us-container .form-box .form-group {
    width: 100%;
    margin-bottom: 0
}

.contact-us-container .form-box label {
    color: #000;
    padding: 5px 15px;
    font-size: 14px
}

.contact-us-container .form-box .form-control {
    border: 1px solid #716e6e;
    border-radius: 0;
    height: 50px;
    margin-bottom: 15px;
    background-color: #060606;
    color: #fff
}

.contact-us-container .btn-custom-2 {
    padding: 10px 30px;
    background-color: var(--brown);
    color: #fff;
    border-radius: 0;
    margin-top: 30px;
    letter-spacing: 1px;
    display: block
}

.contact-us-container .form-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/contact-form-bg-img-1.jpg);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left;
    z-index: -1;
    opacity: .09
}

.contact-us-container .form-box h4 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 0
}

.contact-us-container .form-box .form-control::placeholder {
    color: #fff
}

.contact-form-footer .call-us-mobile {
    width: auto;
    height: 35px;
    margin-right: 5px
}

.contact-form-footer .ivr-heading {
    font-size: 26px;
    margin-top: 10px
}

.contact-form-footer .Number-box {
    margin-top: 20px
}

.contact-us-container h5 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 30px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #000
}

.bank-logo {
    width: auto;
    height: 73px;
    background-color: #fff;
    margin-right: 10px;
    padding: 10px
}

.bank-logo-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.contact-form-footer .Number-box a {
    color: #000;
    text-decoration: none
}

.contact-form-footer .Number-box a:hover {
    text-decoration: none
}

.appointment-container {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: var(--brown);
    position: relative
}

.appointment-container .container {
    max-width: 80%;
    position: relative;
    z-index: 9
}

.appointment-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/cta-three-shape-1.png);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 4
}

.appointment-container h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #fff
}

.appointment-container .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #fff
}

.appointment-container .btn-custom-2 {
    padding: 10px 30px;
    background-color: var(--light-black);
    color: #fff;
    border-radius: 0;
    margin-top: 10px;
    letter-spacing: 1px;
    display: block;
    margin-left: auto
}

.about-developer {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: var(--light-black);
    position: relative
}

.about-developer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/footer-shape-1.png);
    z-index: 1;
    background-repeat: no-repeat;
    opacity: .05;
    z-index: 4
}

.about-developer h4 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium';
    color: #fff
}

.about-developer .sub-head-heading {
    font-size: 18px;
    letter-spacing: 4.5px;
    color: #fff
}

.about-developer .container {
    max-width: 80%;
    position: relative;
    z-index: 8
}

.about-developer p {
    color: #fff;
    margin-top: 5px
}

.about-developer .last-footer-content p {
    font-size: 12px;
    letter-spacing: .8px;
    margin-top: 0
}

.about-developer .last-footer-content {
    padding-top: 10px;
    border-top: 1px solid #666262;
    margin-top: 50px
}

.about-developer .last-footer-content p a {
    color: #fff;
    text-decoration: none
}

.mobile-section-1 {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #0d0d0c;
    z-index: 99;
    display: none
}

.mobile-section {
    display: flex;
    justify-content: center
}

.mobile-section-1 a.btn.btn-success.btn-block {
    background-color: #5a7606;
    width: 100%;
    border: none;
    border-radius: 0;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-top: 0;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 30px;
}

.custom-modal .form-box {
    background-color: #000000f5;
    padding: 40px;
    width: 100%;
    border-top: 7px solid var(--brown);
    z-index: 9;
    position: relative
}

.custom-modal .form-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/contact-form-bg-img-1.jpg);
    z-index: 1;
    background-repeat: no-repeat;
    background-position: left;
    z-index: -1;
    opacity: .09
}

.custom-modal .form-box .form-control::placeholder {
    color: #fff
}

.custom-modal .form-box h4 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 4.5px;
    font-family: 'Teko-Medium'
}

.custom-modal .form-box .form-control {
    border: 1px solid #716e6e;
    border-radius: 0;
    height: 50px;
    margin-bottom: 15px;
    background-color: #060606;
    color: #fff
}

.custom-modal .form-box .btn-custom-2 {
    padding: 10px 30px;
    background-color: var(--brown);
    color: #fff;
    border-radius: 0;
    margin-top: 30px;
    letter-spacing: 1px;
    display: block
}

.custom-modal .form-box .shapeforbtn {
    position: absolute;
    bottom: 6%;
    right: 34%;
    width: auto;
    height: 51px
}

.modal-body {
    padding: 0
}

.modal-body .project-name-img {
    width: auto;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    filter: brightness(100)
}

.modal-body button.close {
    position: absolute;
    top: 18px;
    background-color: #fff;
    opacity: 1;
    right: 13px;
    font-size: 38px;
    width: 40px;
    height: 40px;
    z-index: 99
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2,0.2);
        transform: scale(0.2,0.2);
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }

    50% {
        opacity: .9;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90)
    }

    100% {
        -webkit-transform: scale(0.9,0.9);
        transform: scale(0.9,0.9);
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
    }
}

div#video-modal .modal-body {
    background-color: #000
}


@media screen and (max-width: 767px) {
    .mobile-section-1 a.btn.btn-success.btn-block{
        font-size: 13px;
    }
}