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



.mobile-responsive{display: none !important;}

body {
    font-family: "Poppins"!important;
    margin:0px;
    padding:0px;
    overflow-x: hidden;
}
.redBlackBg{
    background:transparent;
    background-repeat: no-repeat !important;    
}
.checkbtn {
    font-size: 30px;
    color: white;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}

#check {
    display: none;
}


.btn-dark:hover {
    color: #fff !important;
}

@media (max-width: 952px) {
    label.logo {
        font-size: 30px;
        padding-left: 50px;
    }
}

@media (max-width: 858px) {
    .checkbtn {
        display: block;
    }


    #check:checked ~ ul {
        left: 0;
        z-index: 999;
    }
}

.column {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}


section#about_us .content {
    padding: 5px 20px;
}

section#about_us .container-fluid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* margin: 20px 20px 20px 8px !important; */
}

.container .heading {
    width: 100%;
    padding-bottom: 50px;
}

.container-fluid .heading {
    width: 100%;
    text-align: center;
    padding: 10px;
}

.container-fluid .heading h3 {
    font-size: 3em;
    font-weight: bolder;
    padding-bottom: 10px;
}

.container .heading h3 {
    font-size: 2em;
    font-weight: bolder;
}

.container .heading h3 span {
    font-weight: 100;
}

.container .box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.container .box .dream {
    display: flex;
    flex-direction: column;
    width: 32.5%;
}

.container .box .dream img {
    width: 100%;
    padding-bottom: 15px;
    border-radius: 5px;
}

.container .btn {
    margin: 40px 0 70px 0;
    background: #222;
    padding: 15px 40px;
    border-radius: 5px;
}

.container .btn a {
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    font-weight: bolder;
    letter-spacing: 3px;
}

@media only screen and (max-width: 769px) {
    .container .box {
        flex-direction: column;
    }

    .container .box .dream {
        width: 100%;
    }
}

@media only screen and (max-width: 643px) {
    .container .heading {
        width: 100%;
    }

    .container .heading h3 {
        font-size: 1em;
    }
}

footer {
    /* position: fixed; */
    background: #0c0c0c;
    width: 100%;
    bottom: 0;
    left: 0;
}

footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100px;
    height: 1px;
    width: 100%;
    /* background: #afafb6; */
}



footer .content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.content .top .logo-details {
    color: #fff;
    font-size: 30px;
}

.content .top .media-icons {
    display: flex;
}

.content .top .media-icons a {
    height: 40px;
    width: 40px;
    margin: 0 8px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 17px;
    text-decoration: none;
    transition: all 0.4s ease;
}

.top .media-icons a:nth-child(1) {
    background: #4267b2;
}

.top .media-icons a:nth-child(1):hover {
    color: #4267b2;
    background: #fff;
}

.top .media-icons a:nth-child(2) {
    background: #1da1f2;
}

.top .media-icons a:nth-child(2):hover {
    color: #1da1f2;
    background: #fff;
}

.top .media-icons a:nth-child(3) {
    background: #e1306c;
}

.top .media-icons a:nth-child(3):hover {
    color: #e1306c;
    background: #fff;
}

.top .media-icons a:nth-child(4) {
    background: #0077b5;
}

.top .media-icons a:nth-child(4):hover {
    color: #0077b5;
    background: #fff;
}

.top .media-icons a:nth-child(5) {
    background: #ff0000;
}

.top .media-icons a:nth-child(5):hover {
    color: #ff0000;
    background: #fff;
}

footer .content .link-boxes {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

footer .content .link-boxes .box {
    width: calc(100% / 5 - 10px);
}

.content .link-boxes .box .link_name {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
}

.link-boxes .box .link_name::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 35px;
    background: #fff;
}

.content .link-boxes .box li {
    margin: 6px 0;
    list-style: none;
}

.content .link-boxes .box li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.4s ease;
}

.content .link-boxes .box li a:hover {
    opacity: 1;
    text-decoration: underline;
    color: #fff !important;
}

.content .link-boxes .input-box {
    margin-right: 55px;
}

.link-boxes .input-box input {
    height: 40px;
    width: calc(100% + 55px);
    outline: none;
    border: 2px solid #afafb6;
    background: #140b5c;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 15px;
    color: #fff;
    margin-top: 5px;
}

.link-boxes .input-box input::placeholder {
    color: #afafb6;
    font-size: 16px;
}


.backtoRe_co input[type="search"]::placeholder {
    color: #f6768b;
}

.backtoRe_co .search-form.one input[type="search"]::placeholder {
    color: #737373;
}

.link-boxes .input-box input[type="button"] {
    background: #fff;
    color: #140b5c;
    border: none;
    font-size: 18px;
    font-weight: 500;
    margin: 4px 0;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.4s ease;
}

.input-box input[type="button"]:hover {
    opacity: 1;
}

footer .bottom-details {
    width: 100%;
    background: #0f0844;
}

footer .bottom-details .bottom_text {
    max-width: 1250px;
    margin: auto;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
}

.bottom-details .bottom_text span,
.bottom-details .bottom_text a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    opacity: 0.8;
    text-decoration: none;
}

.bottom-details .bottom_text a:hover {
    opacity: 1;
    text-decoration: underline;
}

.bottom-details .bottom_text a {
    margin-right: 10px;
}

@media (max-width: 900px) {
    footer .content .link-boxes {
        flex-wrap: wrap;
    }

    footer .content .link-boxes .input-box {
        width: 40%;
        margin-top: 10px;
    }
}

@media (max-width: 700px) {
    footer {
        position: relative;
    }

    .content .top .logo-details {
        font-size: 26px;
    }

    .content .top .media-icons a {
        height: 35px;
        width: 35px;
        font-size: 14px;
        line-height: 35px;
    }

    footer .content .link-boxes .box {
        width: calc(100% / 3 - 10px);
    }

    footer .content .link-boxes .input-box {
        width: 60%;
    }

    .bottom-details .bottom_text span,
    .bottom-details .bottom_text a {
        font-size: 12px;
    }
}

@media (max-width: 520px) {
    footer::before {
        top: 145px;
    }

    footer .content .top {
        flex-direction: column;
    }

    .content .top .media-icons {
        margin-top: 16px;
    }

    footer .content .link-boxes .box {
        width: calc(100% / 2 - 10px);
    }

    footer .content .link-boxes .input-box {
        width: 100%;
    }
}



.rera-sec h3 {
    margin-top: 0px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 800;
}



.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

/* Add some margins for each label */
.form-inline label {
    margin: 5px 10px 5px 0;
}

/* Style the input fields */
.form-inline input {
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #000 !important;
    border: transparent;
}

/* Style the submit button */
.form-inline button {
    padding: 10px 20px;
    background-color: #cb1424;
    border: 1px solid #ddd;
    color: white;
    width: auto;
    letter-spacing: 10px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 30px;
}

.form-inline button:hover {
    background:#000;
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
    .form-inline input {
        margin: 10px 0;
    }

    .form-inline {
        flex-direction: column;
        align-items: stretch;
    }
}




.row1::after {
    content: "";
    display: table;
    clear: both;
}

.row1 {
    display: flex;
    flex-wrap: wrap;
}

.column1 {
    float: left;
    width: 33.33%;
    padding: 5px;
}

h2 {
    text-align: center;
}

.main1 {
    margin: auto;
    width: 50%;
}

.main1 h3 {
    text-align: center;
    background: #cb1424;
    color: white;
    width: 100%;
    padding: 12px;
    text-transform: uppercase;
}

.main1 input,
button1 {
    width: 75%;
    border: 2px solid black;
    border-right: 0px;
    font-size: 18px;
    padding: 12px;
    color: white;
}

.main1 input:hover {
    opacity: 0.8;
}

.main1 button1 {
    width: 25%;
    background-color: black;
    color: white;
    transition: all 0.3s;
    float: right;
    border-left: 0px;
}

.main1 button1:hover {
    opacity: 0.8;
}

.main2 {
    margin: auto;
    width: 50%;
}

.main2 h3 {
    text-align: center;
    background: #cb1424;
    color: white;
    width: 100%;
    padding: 12px;
    text-transform: uppercase;
}

.main2 input, button1 {
    width: 75%;
    border: 2px solid black;
    border-right: 0px;
    font-size: 18px;
    padding: 12px;
    color: white;
}

.main2 input:hover {
    opacity: 0.8;
}

.main2 button1 {
    width: 25%;
    background-color: black;
    color: white;
    transition: all 0.3s;
    float: right;
    border-left: 0px;
}

.main2 button1:hover {
    opacity: 0.8;
}

/* newCss_of_arrowinfosystem */
.backtoRe_co {
    background: #ecf1f4;
    padding: 30px 50px;
    box-shadow:0px 0px 5px #000;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tab {
    overflow: hidden;
}

div#London,
div#Tokyo,
div#Paris {
    display: flex !important;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

.backtoRe_co .search-form.focus {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}

.backtoRe_co .search-option {
    position: absolute;
    text-align: right;
    top: 10px;
    right: 15px;
}
.backtoRe_co .search-option div {
    position: relative;
    display: inline-block;
    margin: 0 1px;
    cursor: pointer;
}
.backtoRe_co .search-option div input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.01;
    cursor: pointer;
}
.backtoRe_co .search-option div span {
    position: absolute;
    display: block;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    background: #929aa3;
    color: #fff;
    font-size: 9px;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
    padding: 4px 7px;
    border-radius: 12px;
    top: -18px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.backtoRe_co .search-option div span::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 4px solid #929aa3;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.backtoRe_co .search-option div:hover span {
    opacity: 1;
    top: -21px;
}
.backtoRe_co .search-option div label {
    display: block;
    cursor: pointer;
}
.backtoRe_co .search-option div svg {
    height: 20px;
    width: 20px;
    fill: #5a6674;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
}
.backtoRe_co .search-option div:hover svg {
    opacity: 1;
}
.backtoRe_co .search-option div input:checked + label svg {
    fill: #e24040;
    opacity: 0.9;
}
.backtoRe_co .search-option div input:checked + label span {
    background: #e24040;
}
.backtoRe_co .search-option div input:checked + label span::after {
    border-top-color: #e24040;
}


div#blogCarousel img {
    background: #f6f6f6;
    padding: 15px;
}

div#blogCarousel h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}

#location .carousel-control-next-icon,
#location .carousel-control-prev-icon {
    width: 50px !important;
    height: 50px !important;
}

#location .blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;
}

/* The colour of the indicators */
#location .blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

#location .blog .carousel-indicators .active {
    background: #707070;
}

#location .row.part1 {
    margin: auto;
    text-align: center;
    display: block;
}



#location .row.part1 ul li {
    display: inline-block;
    float:left;
}

@media (min-width: 768px) {
    /* show 3 items */
    #developers .carouselPrograms .carousel-inner .active,
    #developers .carouselPrograms .carousel-inner .active + .carousel-item,
    #developers .carouselPrograms .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .mobile-responsive{display: none !important;}

    #developers .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #developers .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #developers .carouselPrograms .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    #developers .carouselPrograms .carousel-inner .carousel-item-next,
    #developers .carouselPrograms .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #developers .carouselPrograms .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #developers .carouselPrograms .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #developers .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item,
    #developers .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #developers .carouselPrograms .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #developers .carouselPrograms .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #developers .carouselPrograms .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #developers .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item,
    #developers .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #developers .carouselPrograms .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

section#developers div#blogCarousel img {
    border: 5px solid #000;
}

section#developers div#blogCarousel img {
    padding: 0 !important;
}

section#developers .carousel-control-next-icon,
section#developers .carousel-control-prev-icon {
    width: 50px !important;
    height: 50px !important;
}

#contact_soon hr {
    border-color: rgb(67, 67, 67);
    border: 3px solid #000;
    width: 30%;
    margin: auto;
}

.container-fluid .heading.heading1 hr {
    border: 3px solid #000;
    width: 20%;
    margin: auto;
}

.container .heading.heading2 hr {
    border-bottom: 6px solid #000;
}

.container-fluid .heading.heading3 hr {
    width: 20%;
    border: 3px solid #000;
    margin: auto;
}

section#contact_soon input::placeholder {
    color: #57668e !important;
    font-size: 18px;
    font-weight: 600;
}

.call_float img.call_float_btn {
    background: #409321;
    border-radius: 50%;
    padding: 10px;
    color: #fff !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .mobile-responsive{display: none;}
}

@media (min-width: 768px) and (max-width: 992px) {
    .backtoRe_co {
        display: none;
    }

    section.new_location a.carousel-control-prev {
        top: 50% !important;
        position: relative !important;
    }

    section#developers a.carousel-control-prev,section#developers a.carousel-control-next{
        top: 10% !important;
    }

    section#location .carousel-control-prev {
        left: -25px !important;
        top: -32% !important;
    }

    section#location .carousel-item {
        width: 90% !important;
        margin: auto !important;
        left: -34px;
    }
    
    section#location .carousel-control-next {
        right: -13px !important;
        top: -28% !important;
    }

    section.new_location a.carousel-control-next {
        position: relative !important;
        left: 42em !important;
    }

    section#blog_vlog .bg-white.w-100 {
        position: relative;
        top: 2%;
    }

    .mobile-responsive{display: none !important;}

    section#blog_vlog .bg-white.p-2 {
        position: relative;
    }

    .checkbtn {
        display: none;
    }


    section#blog_vlog .row {
        width: 100%;
    }

    .container .heading h3 {
        font-size: 3em !important;
    }

    footer::before {
        top: 75.4rem;
    }

    footer .content ul.box {
        position: inherit !important;
        height: auto !important;
        width: 100% !important;
        text-align: left !important;
    }

    .container-fluid .heading.heading3 hr {
        width: 25%;
        border: 3px solid rgb(0, 0, 0);
        margin: auto;
    }

    .container-fluid .heading.heading1 hr {
        border: 3px solid rgb(0, 0, 0);
        width: 25%;
        margin: auto;
    }
    section#contact_soon img.img-fluid {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .backtoRe_co .background_headingg{
        border-bottom: 54px solid red !important;
        border-right: 68px solid transparent !important;
    }

    button.oprn-combined-box{
        left: 24% !important;
    }

    form.woocommerce-ordering {
        text-align: left;
    }

    section#about_us .content {
        padding: 0px 5px;
    }
    div#London h2 {
        font-size: 26px !important;
    }


    .backtoRe_co {
        background: #ecf1f4;
        padding: 30px 10px;
    }

    .backtoRe_co .background_headingg h1 {
        font-size: 28px !important;
    }

    section#blog_vlog .row {
        width: 100%;
        margin: auto;
    }

    .backtoRe_co .background_heading{
        
        border-top: 54px solid #060505;
        border-left: 68px solid transparent;
    }

    .form-inline button{
        margin-top: 20px;
    }

    .backtoRe_co .background_heading,.backtoRe_co .background_headingg{
        width: 100% !important;
    }

    .backtoRe_co .background_heading h1{
        font-size: 28px !important;
        margin-left: -10px;
        right:30px !important;
    }

    .backtoRe_co{
        padding-bottom: 120px;
    }

    .backtoRe_co .search-input{
        width: auto !important;
    }

    section#location .carousel-inner {
        width: 100% !important;
        margin-left: auto !important;
    }

    /* section#developers a.carousel-control-prev, section#developers a.carousel-control-next{
        display: none !important;
    } */

    section#developers a.carousel-control-prev,section#developers a.carousel-control-next{
        top: 50% !important;
    }

    .backtoRe_co .search-form.one{
        margin-top: -10px !important;
    }

    section#contact_us .row {
        display: block !important;
    }

    section#contact_us .border_radius .col-lg-4 img {
        width: 10% !important;
        margin-bottom: 5px;
    }

    section#contact_us button{
        font-size: 25px !important;
    }

    section#contact_us .border_radius .text-center.m-auto img {
        margin-top: -5px;
        max-width: 200px;
    }

    section#contact_us .border_radius {
        margin: 0px !important;
        border-radius: 10px;
        background: #fff;
        padding: 0px 0px 20px 0px !important;
    }

    /* section#location .carousel-control-prev,
    section#location .carousel-control-next {
        display: none;
    } */

    section#location .carousel-control-prev {
        left: -12px !important;
        top: 50% !important;
    }
    
    section#location .carousel-control-next {
        right: -13px !important;
        top: 50% !important;
    }

    section#blog_vlog .bg-dark {
        background-color: #343a40 !important;
        position: absolute !important;
        width: 90% !important;
        top: 2% !important;
        left: 5% !important;
    }

    label.checkbtn img.call_float_btn {
        position: relative;
        left: 20px;
    }

    .call_float img.call_float_btn {
        background: transparent !important;
    }

    .checkbtn {
        display: block;
        float: left;
        margin-left: 20px;
    }

    .call_float {
        position: inherit !important;
        background: #cf2822 !important;
        width: 50% !important;
        padding: 10px !important;
        float: left !important;
        text-align: center !important;
    }

    .whatsapp_float {
        position: inherit !important;
        background: #40c351 !important;
        width: 50% !important;
        padding: 7px !important;
        float: right !important;
        text-align: center !important;
    }

    label.checkbtn h5.d-inline-block.ml-2 a {
        color: #f5f5f5 !important;
    }

    .container .heading h3 {
        font-size: 2em !important;
    }

    .container-fluid .heading h3 {
        font-size: 2em;
    }

    footer::before {
        top: 75.4rem;
    }

    footer .content ul.box {
        position: inherit !important;
        height: auto !important;
        width: 100% !important;
        text-align: left !important;
    }

    .container-fluid .heading.heading3 hr {
        width: 25%;
        border: 3px solid rgb(0, 0, 0);
        margin: auto;
    }

    .container-fluid .heading.heading1 hr {
        border: 3px solid rgb(0, 0, 0);
        width: 25%;
        margin: auto;
    }
    section#contact_soon img.img-fluid {
        margin-bottom: 15px;
    }
}



input[type="search"]::placeholder {
    color: #000;
}


section#about_us h3 {
    border-bottom: 3px solid #000 !important;
}

section#about_us .content p {
    font-size: 2em;
}

section#about_us .heading img.img-fluid {
    height: 75px;
}

section#about_us .heading {
    display: inherit;
}


.bg-dark {
    background-color: #343a40 !important;
    position: absolute !important;
    width: 95% !important;
    top: 5% !important;
}

section#blog_vlog hr {
    border-top: 5px solid #000;
    margin-bottom: 0px;
}

section#blog_vlog p.parag {
    background: #ededed;
}

section#blog_vlog img.img-fluid {
    margin-top: 12%;
    width: 100%;
    margin-bottom: -40px;
}

section#blog_vlog hr.horizontal_line_new {
    border-top: 1px solid #d6d6d6 !important;
    margin-bottom: 1rem !important;
}

section#blog_vlog p.bg-white {
    font-size: 1.5em;
    text-align: justify;
    border-radius: 20px;
}

section#slider_sec .carousel-control-prev-icon {
    background: url(../Images/left_arrow.png) !important;
    background-repeat: no-repeat !important;
    transform: rotate(135deg) !important;
}

section#location span.carousel-control-prev-icon {
    background: url(../Images/left_arrow_01.png) !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    height: 150px !important;
    top: 60px;
}

section#location span.carousel-control-next-icon {
    background: url(../Images/right_arrow_01.png) !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    height: 150px !important;
    top: 60px;
}

section#slider_sec .carousel-control-next-icon {
    background: url(../Images/right_arrow.png) !important;
    background-repeat: no-repeat !important;
    transform: rotate(225deg) !important;
}

section#developers span.carousel-control-next-icon {
    background: url(../Images/right_arrow_01.png) !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    top: 60px;
}

section#developers span.carousel-control-prev-icon {
    background: url(../Images/left_arrow_01.png) !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    top: 60px;
}


section.categories span.carousel-control-prev-icon {
    background: url(../Images/left_arrow_01.png) !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    top: 60px;
}

section#location .carousel-inner {
    width: 90vw;
    margin-left: 40px;
}


section#slider_sec .carousel-control-next {
    right: -83px !important;
}

section.categories div#blogCarousel {
    max-width: 90vw;
    margin-left: 40px;
}

section#location .carousel-control-prev {
    left: -85px;
}

section#location .carousel-control-next {
    right: 53px;
    background: #e1f4fa;
    width: 60px;
    height: 150px !important;
    top: 20px;
    border-top: 1px solid #000;
    border-radius: 5px;
}

section#location .carousel-control-prev {
    left: 53px;
    background: #e1f4fa;
    width: 60px;
    height: 150px !important;
    top: 20px;
    border-top: 1px solid #000;
    border-radius: 5px;
    z-index: 999;
}

section#developers a.carousel-control-prev {
    left: 15px;
    background: #fafafa;
    width: 60px;
    height: 150px;
    top: 5em;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-radius: 5px;
    z-index: 999;
}

section#developers a.carousel-control-next {
    right: 15px;
    background: #fafafa;
    width: 60px;
    height: 150px;
    top: 5em;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    border-radius: 5px;
    z-index: 999;
}

section.rera-sec.rera-sec1 {
    background: #666666;
    padding-top: 1px;
}

.cat_list li a {
    color: #222;
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
}

.cat_list li a span {
    float: right;
    font-family: "Libre Franklin", sans-serif;
    font-size: 15px;
}

section.categories h2 {
    font-size: 1.2rem !important;
}

section#contact_us .form-inline input {
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    padding: 10px;
    width: 100%;
    background-color: transparent;
    border-bottom: 2px solid #029dff !important;
    border: transparent;
}



section#contact_us .border_radius .text-center.m-auto img {
    margin-top: -5px;
}

section#contact_us .background_banner {
    background: url(../Images/Banners/web-01.jpg) !important;
    position:relative;
    width:100%;
}

section.categories img {
    background: #f6f6f6;
    padding: 15px;
}

section#location .carousel-item {
    width: 90% !important;
    margin: auto !important;
}

footer .m-auto.text-center.d-block a {
    background: #f5f5f5;
    color: #000;
    font-weight: 700;
    border-radius: 15px;
}

footer hr.horizontal_new {
    border: 1px solid #f5f5f5;
}



#slider_sec {
    margin-top: 0px;
}
.background_headingg {
    position: relative;
    width: 100%;
    height: 50px;
}
.backtoRe_co .background_headingg h1 {
    position: relative;
    width: 100%;
    font-size: 32px;
    padding: 5px 10px;
    color: #fff;
    z-index: 9;
    padding-left: 20px;
    line-height: 45px;
}
.backtoRe_co .background_headingg h1:after {
    position: absolute;
    content: '';
    border-bottom: 45px solid #DC1F27;
    border-left: 0px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 50%;
    left: 0;
    z-index: -1;
}
.background_heading{
    position: relative;
    width: 100%;
    height: 50px;   
}
.background_heading h1 {
    position: relative;
    width: 100%;
    font-size: 32px;
    padding: 5px 10px;
    color: #fff;
    z-index: 9;
    text-align:right;
    padding-right: 20px;
    line-height: 45px;
}
.background_heading h1:after {
    position: absolute;
    content: '';
    border-bottom: 45px solid #000;
    border-left: 25px solid transparent;
    border-right: 0px solid transparent;
    height: 0;
    width: 50%;
    right: 0;
    z-index: -1;
}
.residental-search-box {
    position: relative;
    width: 100%;
    background: #fff;
    height: 50px;
    margin-top: 7px;
    border-radius: 10px;
    border: 2px solid #dc1f27;
}
.residental-search-box input {
    position: relative;
    width: 100%;
    border: none;
    border-radius: 10px;
    line-height: 50;
    height: 46px;
    padding: 4px 30px;
}
.residental-search-box button.search-button {
    border: none;
    position: absolute;
    top: 12px;
    left: 7px;
    background: transparent;
}
.residental-search-box button.search-button i{
    color:#DC1F27;
}
.commercial-search-box {
    position: relative;
    width: 100%;
    background: #fff;
    height: 50px;
    margin-top: 7px;
    border-radius: 10px;
    border: 2px solid #000;
}
.commercial-search-box input {
    position: relative;
    width: 100%;
    border: none;
    border-radius: 10px;
    line-height: 50;
    height: 46px;
    padding: 4px 30px;
}
.commercial-search-box button.search-button {
    border: none;
    position: absolute;
    top: 12px;
    left: 7px;
    background: transparent;
}
.commercial-search-box button.search-button i{
    color:#000;
}


.left-head{
    position:relative;
    text-align:left;
}
.section-heading h1{
    font-size:24px;
    font-weight:600;
    margin:0px;
    padding:0px;
    position:relative;
}
.section-heading h1:after {
    position: absolute;
    content: '';
    width: 200px;
    height: 3px;
    background: #000;
    left: 0;
    right: 0px;
    margin: 0px auto;
    z-index: 1;
    bottom: -16px;
}


/*=============================================
Project Featured CSS start here
=============================================*/


.project-featured-name {
    position: relative;
    width: 100%;
    text-align:center;
    padding:5px;
}
.project-featured-name h2{
    position: relative;
    font-size:32px;
    font-weight:400;
}
.project-featured-name h2 span{
    position: relative;
    font-size:32px;
    font-weight:600;
}
/*=============================================
Project Location CSS start here
=============================================*/

.project-location .section-heading h1:after {
    position: absolute;
    content: '';
    height: 3px;
    background: #000;
    left: 0;
    width: auto;
    right: 0px;
    margin: 0px auto;
    z-index: 1;
    bottom: -18px;
}
.project-location .carousel-item img{
    width:100%;
}
#location .row.part1 ul li a {
    color: #000 !important;
    font-size:16px;
}
#location .row.part1 ul li h4 {
    margin:0px;
    padding:0px;
    line-height:24px;
}
#location .row.part1 ul {
    background: #f6f6f6;
    padding: 10px;
    margin: 0;
    width:100%;
}
section#location .m-auto.text-center.d-block a {
    font-size: 24px;
    border-radius: 30px;
    font-weight: 400;
    padding: 5px 30px;
    margin-top:20px;
}

.categories-slide.owl-carousel .owl-nav.disabled {
     display: unset!important; 
}

.project-location-slide .owl-nav {
    position: absolute;
    z-index: 9;
    top: 20%;
    width: 100%;
}
.project-location-slide .owl-nav button.owl-prev {
    position: absolute;
    left: -60px;
    height: 100px;
    width: 50px;
    background: #f5f7f8;
}
.project-location-slide .owl-nav button.owl-next {
    position: absolute;
    right: -60px;
    height: 100px;
    width: 50px;
    background: #f5f6d9;    
}
/*=============================================
Developer Section CSS start here
============================================*/

.developers .section-heading h1:after {
    position: absolute;
    content: '';
    width: auto;
    height: 3px;
    background: #000;
    left: 0;
    right: 0px;
    margin: 0px auto;
    z-index: 1;
    bottom: -16px;
}
/*=============================================
Categories Section CSS start here
============================================*/
.categories {
    position: relative;
    width: 100%;
    padding: 25px 0px;
    box-shadow: 0px 0px 5px #ccc;
    background: #fff;
}
.categories .section-heading h1:after {
    position: absolute;
    content: '';
    width: auto;
    height: 3px;
    background: #000;
    left: 0;
    right: 0px;
    margin: 0px auto;
    z-index: 1;
    bottom: -16px;
}
.categories span.carousel-control-prev-icon {
    background: url(../Images/left_arrow_01.png) !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 20px;
    top: 60px;
    height: 75px;
}
.categories a.carousel-control-prev {
    height: 100%!important;
    top: 0 !important;
    position: absolute !important;
    z-index: 999;
    width: 70px;
    background: #fff;
}
.categories span.carousel-control-next-icon {
    background: url(../Images/right_arrow_01.png)100% 100% !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: inherit;
    right: 22px;
    top: 30px;
}
.developer-item{
    position:relative;
    width:100%;
}
.developer-item .developer-item .developer-pic1{
    position:relative;
    width:100%;
    margin-bottom:10px;
}
.developer-item .developer-item .developer-pic2{
    position:relative;
    width:100%;
    margin-bottom:0px;
}
/*=============================================
Browse Project Page CSS start here
=============================================*/
.browse_project_section{
    position:relative;
    width:100%;
    padding:25px 0px;
}
.bg-white{
    background:#fff;
}
.showing-project-list {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 10px;
}
.showing-project-list p{
    position:relative;
    font-size:20px;
    font-weight:500;
    margin:0px;
    padding:0px;
}
.filtering-project-list{
    position: relative;
    width: 100%;
    height: 50px;
    padding: 10px;
}
select.orderby {
    border: none;
    outline: none;
}
.browse_project_categories{
    position: relative;
    width: 100%;
    padding: 10px;    
}
.project_category_search {
    position: relative;
    width: 100%;
    padding: 10px;
}
.search-project-category {
    position: relative;
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 5px 40px;
    border-radius: 10px;
}
.project_category_search button.search-button {
    position: absolute;
    top: 25px;
    left: 20px;
    border: none;
    background: transparent;
    outline: none;
}
.project_category_search button.voice-btn {
    position: absolute;
    top: 12px;
    right: 20px;
    border: none;
    background: transparent;
    outline: none;
}
.project_category_search button.voice-btn img{
    height:30px;
}
.project_category_tab {
    position: relative;
    width: 100%;
    padding: 0px 10px;
}
.project_category_tab label {
    font-size: 20px;
    float: left;
    margin-right: 10px;
}
.project_category_tab ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.project_category_tab ul li{
    display:inline-block;
    margin-right:10px;
    position:relative;
    border-radius: 10px;
}
.project_category_tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}
.project_category_tab .vertical-tab ul li a {
    position: relative;
    width: 100%;
    padding: 5px 15px;
    display: block;
    background: #FF5757;
    color: #fff;
    font-size: 16px;
    height: 100%;
    border-radius: 10px;
}
.project_category_tab .vertical-tab ul li a.active {
    background: #171D31;
}
.border-radius-20{
    border-radius:20px;
}
.project_category_featured {
    position: relative;
    width: 100%;
    padding: 10px 0px;
}
.project_category_featured ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.project_category_featured ul li {
    width: 25%;
    float: left;
    padding: 5px;
    text-align: center;
}
.category_featured_icon {
    position: relative;
    width: 100%;
    min-height: 70px;
}
.category_featured_icon img {
    position: relative;
    width: auto;
    max-height: 60px;
}
.category_featured_text {
    position: relative;
    width: 100%;
    font-size: 18px;
    font-weight:600;
}
.category_featured_text input {
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px 5px 5px 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.category_featured_text button {
    border: none;
    background: transparent;
    position: absolute;
    top: 6px;
    left: 5px;
}
.category_featured_text i{
    font-size: 14px;
}
.category_featured_text lable{
    font-size:13px;
}
.projects-category-by {
    position: relative;
    width:100%;
}
.projects-box{
    position: relative;
    width:100%; 
    background:#ECF1F4;
    padding:20px;
    border-radius:20px;
    margin-bottom:20px;
    display:inline-block;
}
.projects-box-left{
    position: relative;
    width:30%;
    float:left;
}
.projects-box-left img{
    position: relative;
    width:100%;
}
.projects-box-center{
    position: relative;
    width:40%;
    float:left;
    text-align:left;
    padding:10px;
}
.projects-box-right{
    position: relative;
    width:30%;
    float:right;
    text-align:right;
}
.projects-box p{
    position: relative;
    font-size:21px;
    font-weight:500;
}
.projects-box p span{
    position: relative;
    font-size:21px;
    font-weight:700;
}
.wishlist4u {
    position: absolute;
    top: 10px;
    left: 16px;
    color: #fff;
    font-size: 36px;
    z-index: 9;
}
.share4u {
    position: absolute;
    top: 4px;
    right: 18px;
    color: #fff;
    font-size: 40px;
    z-index: 9;
}
.wishlist4u img{
    height:44px;
}
.projects-box-gride-view {
    position: relative;
    width: 100%;
    background: #ecf1f4;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 25px;
    padding:25px;
}
.projects-img-box-gride-view{
    position: relative;
    width: 100%;    
}
.projects-img-box-gride-view{
    position: relative;
    width: 100%;    
}
.projects-img-box-gride-view img{
    position: relative;
    width: 100%;    
}
.projects-featured-box-gride-view {
    position: relative;
    width: 100%;
    padding: 15px 0px 0px 0px;
}
.projects-featured-box-gride-view p {
    position: relative;
    font-size: 21px;
    font-weight: 500;
}
.projects-featured-box-gride-view p span{
    position: relative;
    font-size: 21px;
    font-weight: 700;
}
p.project-price-gride-view {
    position: absolute;
    top: 20px;
    right: 0px;
}
.contact_us {
    position: relative;
    width: 100%;
    margin-top: 0px;
}
.header-img{
    position: relative;
    width: 100%;
    text-align:center;
}
.header-img img {
    position: relative;
    width: auto;
    margin-top: -35px;
}
.contact_us .border_radius {
    border-radius: 10px;
    background: #fff;
    padding: 0;
    margin: 50px;
}
.contact_us .border_radius form {
    position: relative;
    width: 100%;
    padding: 10px 40px 15px 40px;
}
.contact_us .border_radius form input {
    position: relative;
    width: 100%;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 2px solid #009dff;
    line-height: 45px;
}
.contact_us .border_radius form hr {
    position: relative;
    border-bottom: 2px solid #009dff;
    margin: 7px 0px 0px 0px;
}
input#gridCheck {
    width: auto;
}
label.if_you {
    margin: 0;
    position: absolute;
    margin-top: -10px;
}
.contact_us .form-check {
    position: relative;
    display: block;
    margin-top: 13px;
    padding-left: 1.25rem;
}
button.submit-btn {
    height: 45px;
    display: block;
    width: auto;
    line-height: 45px;
    padding: 0px 25px;
    border: none;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
    background: #009dff;
    margin: 0 auto;
}
.social-media-area {
    position: relative;
    width: 100%;
    padding: 10px 40px;
}
.social-media-area ul {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    list-style: none;
}
.social-media-area ul li{
    position: relative;
    width: 33%;
    float:left;
    margin-bottom:10px;
}
.social-media-area ul li img {
    position: relative;
    height: 25px;
    width: auto!important;
}
.blog-side-left{
    position:relative;
    width:100%;
    background:#fff;
    padding:15px;
}
.blog_vlog {
    position: relative;
    width: 100%;
    margin: 15px;
}
.blog-side-right{
    position:relative;
    width:100%;
    background:#fff;
    padding:15px;
}
h1.blog-head {
    position: relative;
    width: 100%;
    background: #0c0c0c;
    font-size: 22px;
    color: #fff;
    padding: 5px 15px;
}
.blog-box {
    position: relative;
    width: 100%;
    text-align: justify;
}
.blog-box h2 {
    font-size: 20px;
    text-align: left;
    line-height: 24px;
    font-weight: 600;
}
p.blog_post_date {
    position: relative;
    width: 100%;
    background: #f5f7f8;
    padding: 0px 15px;
    font-weight: 500;
    text-align: left;
    font-size: 16px;
    line-height: 45px;
    border-top: 3px solid #666;
}
.blog-side-right ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.blog-side-right ul li{
    position:relative;
    width:100%;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
.blog-side-right ul li a {
    position: relative;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0px;
    line-height: 20px;
}
.blog-side-right ul li span{
    position:relative;
    text-decoration:none;
    font-size:14px;
    display:inline-block;
    margin-bottom:10px;
    line-height:24px;
}



.developers-slide .owl-nav {
    position: absolute;
    z-index: 9;
    top: 20%;
    width: 100%;
}
.developers-slide .owl-nav {
    position: absolute;
    z-index: 9;
    top: 20%;
    width: 100%;
}
.developers-slide .owl-nav {
    position: absolute;
    z-index: 9;
    top: 28%;
    width: 100%;
}
.developers-slide .owl-nav button.owl-prev {
    position: absolute;
    left: -30px;
    height: 100px;
    width: 50px;
    background: #f5f7f8;
}
.developers-slide .owl-nav button.owl-next {
    position: absolute;
    right: -30px;
    height: 100px;
    width: 50px;
    background: #f5f7f8;
}
img.developer-pic1 {
    margin-bottom: 15px;
}
.categories-item img {
    position: relative;
    width: 100%;
    padding: 10px;
    background: #f5f7f8;
    border-radius: 6px;
}
.categories-item {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.categories-item span {
    position: relative;
    font-size: 16px;
    color: #000;
}




.text-lft:after {
    content: '';
    position: absolute;
    right: -24px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 25px solid #DC1C24;
    border-top: 45px solid transparent;
    border-bottom: 0px solid transparent;
    z-index: 1;
    bottom: 0px;
}

.property-details{
    position:relative;
    width:100%;
    padding:10px 0px 0px 10px!important;
}
.property-logo {
    position: relative;
    width: 100%;
    min-height:90px;
}
.property-logo img {
    top: 50%;
    position: absolute;
    width: auto;
    transform: translate(0%, -50%);
}
.property-featured258 {
    position: relative;
    width: 100%;
}
.property-featured258 {
    position: relative;
    width: 100%;
}
p.property_location258 {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}
p.property_area258 {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}
p.property_name258 {
    font-size: 24px;
    margin: 0px;
    padding: 0;
    font-weight: 600;
}
p.property_name258 span{
    font-size: 24px;
    margin: 0px;
    padding: 0;    
    font-weight: 400;
}
.property-details-box {
    position: relative;
    width: 100%;
    padding: 5px;
    text-align: left;
}
.property-details-box ul {
    position: relative;
    width: 100%;
    display: inline-block;
}
.property-details-box ul li {
    position: relative;
    float: left;
    line-height: 10px;
}
.property-details-box ul li span{
	font-size: 14px;
	font-weight: 500;
}
.property-details-box ul li span.seprator{
	padding: 0px 10px;
}
.rera-id-section{
    position: relative;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    background: #f5f7f8;	
}
.rera-id-section p{
	font-size: 14px;
	margin:0px;
	padding:0px;
}
.rera-id-section p span{
	font-size: 14px;
	font-weight: 600;	
}
.contact-us-area {
    position: relative;
    padding: 50px 0px;
    width: 100%;
    background: url(../Images/background-contact-us.jpg)100% 100% no-repeat;
    background-size: cover;
}
.contact-us-area .section-title h2 {
    color: #fff;
    margin: 0;
}
.contact-us-area .section-title {
    position: relative;
    width: 100%;
    text-align: center;
}
.contact-form4u {
    position: relative;
    width: 100%;
    padding: 15px 0px 0px 0px;
    margin: 0 auto;
}
.contact-form4u input.btn-submit {
    background: #d65353;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    line-height: 36px;
    width: 100%;
    border: none;
}
.about-us-section {
    position: relative;
    width: 100%;
    padding: 60px 0px;
    background: #f7f7f7;
}
.about-text {
    position: relative;
    width: 100%;
    text-align: center;
}
.read_more4u {
    text-decoration: none;
    background: transparent;
    border: none;
    color: #d65353;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 24px;
    position:relative;
}
i.fa.fa-angle-double-right {
    color: #d65353;
    margin-left: 4px;
    top: 1px;
    position: relative;
    margin-top: 1px;
}
.read_more4u:focus {
    outline:none;
}
.property-price258 {
    position: relative;
    width: 100%;
    text-align: right;
}
p.property_furnished_unfurnished {
    font-weight: 500;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}
p.property_total_price {
    font-weight: 600;
    font-size: 32px;
    margin: 0px;
    padding: 0px;
}
p.property_onwards {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}
.bxslider img{
    width:100%;
}
#more {
    display: none;
}
.project-property-featured-section {
    position: relative;
    width: 100%;
    background:#fff;
    padding: 30px 0px;
}
.project-property-featured-box {
    position: relative;
    width: 100%;
    background: #fbfbfb96;
    margin-bottom: 25px;
}
.project-property-featured-icon{
    position: relative;
    width: 100%;
    text-align:center;
}
.project-property-featured-icon img{
    position: relative;
    width:70px;
    text-align:center;
}
.project-property-featured-type{
    position: relative;
    width: 100%;
    text-align:center;  
}
.project-property-featured-type h4{
    font-size:24px;
    text-align:center;
}
.project-property-featured-type h4 {
    font-size: 22px;
    text-align: center;
    width: 100%;
    margin: 20px 0px 10px 0px;
    background: #f7f7f7;
    padding: 5px 0px;
}
.project-specification-section {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 30px 0px;
}
.project-aminities-section{
    position:relative;
    width:100%;
    padding:30px 0px;
}
.project-specification-section .section-heading h1:after {
    width: auto;
}
.project-aminities-section .section-heading h1:after {
    width: auto;
}
.project-other-specification-section{
    position: relative;
    width: 100%;
    text-align: center;
    padding:30px 0px;
}
.project-floor-plans-section{
    position:relative;
    width:100%;
    padding:30px 0px;
}
.project-floor-plans-section .section-heading h1:after {
    width: auto;
}
.common-floor-plan-slider {
    position: relative;
    width: 100%;
    height: 280px;
    overflow-y: clip;
    overflow-x: scroll;
}
.common-floor-plan-slider .owl-nav {
    position: absolute;
    z-index: 99;
    top: 30%;
    width: 100%;
}
.common-floor-plan-slider .owl-nav button.owl-prev {
    position: absolute;
    left: 0;
    width: 30px!important;
    background: #d65353!important;
    height: 40px;
    z-index: 9;
}
.common-floor-plan-slider .owl-nav button.owl-next {
    position: absolute;
    right: 0;
    width: 30px!important;
    background: #d65353!important;
    height: 40px;
    z-index: 9;
}
.plot-area4all{
    position:relative;
    width:100%;
    padding:50px 0px;
}
.plot-area4all .section-heading h1:after {
    position: absolute;
    content: '';
    width: auto;
    height: 3px;
    background: #000;
    left: 0;
    right: 0px;
    margin: 0px auto;
    z-index: 1;
    bottom: -16px;
}
/*==========================================
Gallery Section
==========================================*/
.gallery-section{
	position: relative;
	width: 100%;
	background: #f7f7f7;
	padding-top: 45px;
}
.gallery-tabs {
    position: relative;
    width: 100%;
}
.gallery-tabs .gallerytab {
    overflow: hidden;
    text-align:center;
}
.gallery-tabs .gallerytab button {
    background-color: inherit;
    border: none;
    outline: none;
    width:225px;
    background:#fff;
    font-size: 20px;
    cursor: pointer;
    padding: 7.5px 16px;
    transition: 0.3s;
}
.gallery-tabs .gallerytab button.active {
    background-color: #4dc7f6;
}
.gallery-tabs .gallerycontent {
    display: none;
    padding: 6px 0px;
    border-top: none;
}
.galler-img-box {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.galler-img-box img {
    width: 100%;
}
.gallery-section .section-heading h1:after {
    width: auto;
}
.download-browser-section{
    position:relative;
    width:100%;
    padding:25px 0px;
}
.browser-download{
    position:relative;
    width:100%;
    text-align:center;
}
.browser-download a {
    position: relative;
    width: auto;
    background: #000;
    color: #fff;
    padding: 0px 25px;
    display: inline-block;
    margin: 0 auto;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
}

.accordion .fa {
  margin-right: 0.5rem;
}
.accordion button, .accordion button:hover, .accordion button:focus{
  text-decoration: none;
}
.video-gallery-section{
    position: relative;
    width: 100%;
    padding:30px 0px;
}
.video-gallery-section .section-heading h1:after {
    width: auto;
}
.faq-accordian-section{
    position: relative;
    width: 100%;
    padding:30px 0px;
    background:#fff;
}
.faq-accordian-section .section-heading h1:after {
    width: auto;
}
.construction-updated-pictures .cupcontent{
    position:relative;
    width:100%;
    display:none;
}
.construction-updates-slider .year-update-box {
    position: relative;
    width: 100%;
    text-align: center;
}
button.cuplinks {
    color: #000;
    background:transparent;
    border:none;
}
button.cuplinks.active {
    color: #f00;
}
button.cuplinks:focus {
   outline:none;
   box-shadow:none;
}
.construction-updates-slider .owl-nav {
    position: absolute;
    top: -15px;
    width: 100%;
}
.construction-updates-slider button.owl-prev {
    position: absolute;
    left: 50px;
}
.construction-updates-slider button.owl-next {
    position: absolute;
    right: 50px;
}
.construction-updates-slider{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
p.property_furnished_unfurnished {
    font-weight: 500;
    font-size: 14px;
}
.card-header h2{
    text-align: left!important;
}
.project-location-area .card-header {
    text-align: left;
    padding: 0px;
    background: transparent;
    border: navajowhite;
}
.card-body{
    position: relative;
    width: 100%; 
}
.card-body ul{
    position: relative;
    width: 100%;
    margin:0px;
    padding:0px;
    list-style:none;
}
.card-body ul li{
    position: relative;
    width: 100%;
    display:block;
}
.card-body ul li p{
    position: relative;
    margin:0px;
    padding:0px;
}
.card-body {
    position: relative;
    width: 100%;
    padding-top: 0;
}
.card-body i {
    font-size: 8px;
    top: -3px;
    position: relative;
}
.card {
    border:none!important;
}

.project-location-section {
    position: relative;
    padding: 15px 0px 30px 0px;
    width: 100%;
    background: #fff;
}
.construction-years-section{
    position: relative;
    padding:30px 0px;
    width: 100%;   
}
.construction-updated-pictures {
    position: relative;
    width: 100%;
}
.construction-updated-pictures img{
    position: relative;
    width: 100%;
}
.project-accordian-section{
    position: relative;
    padding:30px 0px;
    width: 100%;
    background: #fff    
}
.project-accordian-area {
    position: relative;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.project-accordian-img{
    position:relative;
    width:20%;
    float:left;
    margin-right:15px;
}
.project-accordian-area .card-body{
    padding:10px 0px;
    position:relative;
    width:100%;
}
.btn-toggle.optional {
    display: none;
}
/*================================
Top Header css start here
==================================*/
.plotNav {
    text-align: center;
    margin: 0px;
    padding: 0px;    
}
.plotNav li {
    display: inline-block;
    width: auto;
    height:60px;
    text-align: center;
    margin-right: 20px;
    text-align: center;
    padding: 15px 8px;
    position: relative;
}
.plotNav li.active:before {
    opacity: 1;
}
.plotNav li:before {
    position: absolute;
    content: '';
    left: -15px;
    width: calc(50% + 15px);
    height: 0;
    border-top: 62px solid #ECF1F3;
    border-left: 25px solid transparent;
    top: 0;
    opacity: 0;
}
.plotNav li.active:after {
    opacity: 1;
}

.plotNav li:after {
    position: absolute;
    content: '';
    width: calc(50% + 15px);
    top: 0;
    right: -15px;
    border-right: 20px solid transparent;
    border-bottom: 62px solid #ECF1F3;
    opacity: 0;
}
.plotNav li a {
    font-family: "Poppins";
    font-size: 17px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #161C31;
    z-index: 9;
    position: relative;
    text-decoration: none;
}



/*================================
Top Header css end here
==================================*/