/*=============================
    GLOBAL CSS START
=============================*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    display: inline-block;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    font-weight: 600;
}

p,
span {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    /*color: var(--paraColor);*/
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--paraFont);
}

img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    
}

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    border: 1px solid rgba(3, 26, 38, 0.10);
    resize: none;
}

input::placeholder,
textarea::placeholder {
    color: #031A2660;
}

button {
    border: none;
}

.container_large {
    max-width: 1550px;
    padding-left: 0;
    padding-right: 0;
}

.container_extra_large {
    max-width: 1750px;
}

:root {
    --colorPrimary: #5b30b0;
    --colorOrange: #F15A29;
    --colorBlue: #0080FF;
    --colorBlack: #031A26;
    --colorLightBg: #e86ed00b;
    --colorWhite: #ffffff;
    --paraColor: rgba(3, 26, 38, 0.60);
    --ratingColor: #FFA800;
    --paraFont: "Poppins", serif;
    --headingFont: "Poppins", serif;
}

.section_heading h2 {
    font-size: x-large;
    font-weight: 700;
    text-align: center;
}

.section_heading_left h2 {
    text-align: left;
}

.item_title {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--headingFont);
    color: var(--colorBlack);
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item_title:hover {
    text-decoration: underline;
}

.common_btn {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--paraFont);
    padding: 11px 28px;
    color: var(--colorWhite);
    background: var(--colorPrimary);
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.common_btn::after,
.common_btn_2::after {
    position: absolute;
    content: "";
    top: 0;
    left: -70%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 30%) 100%);
    transform: skewX(-25deg);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}

.common_btn_2:hover,
.common_btn:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.common_btn_2:hover:after,
.common_btn:hover:after {
    left: 115%;
}

.common_btn_2 {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--paraFont);
    padding: 5px 5px 5px 32px;
    color: var(--colorWhite);
    background: var(--colorBlue);
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.common_btn_2 i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: var(--colorBlue);
    background: var(--colorWhite);
    margin-left: 12px;
    border-radius: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.common_btn_2:hover i {
    color: var(--colorBlack);
}

@keyframes zoom_animi {
    from {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    to {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}

.read_btn {
    font-size: 15px;
    font-weight: 500;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.read_btn i {
    font-weight: 500;
    margin-left: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.read_btn:hover i {
    margin-left: 5px;
}

.form-check-input:checked {
    background-color: var(--colorBlue);
    border-color: var(--colorBlue);
}

.nextArrow,
.prevArrow {
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    text-align: center;
    background: var(--colorWhite);
    color: var(--paraColor);
    border: 1px solid #C6D8E1;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.nextArrow,
.nextArrow:hover,
.prevArrow:hover {
    background: var(--colorBlue);
    border-color: var(--colorBlue);
    color: var(--colorWhite);
}

/* breadcrumb start */
.breadcrumbs {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.breadcrumbs_overly {
    padding: 215px 0px 145px 0px;
    background: rgba(0, 0, 0, 0.607);
}

.breadcrumb_text {
    text-align: center;
}

.breadcrumb_text h1 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 22px;
    color: var(--colorWhite);
    text-transform: capitalize;
    text-align: center;
}

.breadcrumb_text ul li a {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    position: relative;
    text-transform: capitalize;
    padding-right: 14px;
    margin-right: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.breadcrumb_text ul li a:hover {
    color: #D584AC;
}

.breadcrumb_text ul li a::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: 10px;
    right: 0;
    background: var(--colorWhite);
    opacity: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.breadcrumb_text ul li a i {
    font-size: 18px;
    opacity: 1 !important;
    color: var(--colorWhite) !important;
    margin-right: 10px;
}

.breadcrumb_text ul li:last-child a::after {
    display: none;
}

.breadcrumb_text ul li:last-child a {
    color: var(--colorWhite) !important;
    opacity: 1;
}

/* breadcrumb end */
/*=============================
    GLOBAL CSS END
=============================*/

/*================================
    HOME PAGE 01 START
================================*/

/* main menu start */
.main_menu {
    position: fixed;
    width: 100%;
    height: 80px;
    padding: 0;
    z-index: 999;
    background: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    box-shadow: 0px 1px #38373713;
}

.main_menu .navbar-brand {
    padding: 0;
    margin: 0;
    width: 100px;
    padding-right: 20px;
    border-right: 2px solid rgba(255, 255, 255, 0.10);
}

.main_menu .navbar-nav {
    line-height: 80px;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--paraFont);
    color: var(--colorBlack);
    margin: 0px 20px;
    padding: 0;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link i {
    font-size: 16px;
    padding-left: 5px;
}

.main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    top: 50px;
    left: 0;
    width: 60%;
    height: 2px;
    opacity: 0;
    background: var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-nav .nav-item:hover .nav-link::after {
    width: 100%;
    opacity: 1;
}

.main_menu .navbar-nav .nav-item .nav-link.nav-link.active::after {
    width: 100%;
    opacity: 1;
}

.main_menu .droap_menu {
    position: absolute;
    width: 250px;
    max-height: 500px;
    top: 100%;
    left: 0;
    background: var(--colorWhite);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
    overflow-y: auto;
    line-height: 45px;
    opacity: 0;
    visibility: hidden;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    z-index: 999;
    transform: scaleY(.5);
    transform-origin: top;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
}

.droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: var(--colorWhite);
    width: 6px;
}

.main_menu .droap_menu::-webkit-scrollbar-thumb {
    background: #ddd;
}

.main_menu .droap_menu li a {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    color: var(--colorBlack);
    position: relative;
    padding: 0px 20px;
    border-bottom: 1px solid #eee;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .droap_menu li:last-child a {
    border-bottom: 0;
}

.main_menu .droap_menu li a::after {
    position: absolute;
    content: "\f061";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 10px;
    color: var(--colorBlack);
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
    padding-left: 25px;
}

.main_menu .droap_menu li a:hover::after,
.main_menu .droap_menu li a.active::after {
    opacity: 1;
    right: 20px;
}

.main_menu .navbar-nav .nav-item:hover .droap_menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.main_menu.menu_fix {
    left: 0;
    top: 0;
    z-index: 999;
    animation: menu_animate 2s;
    -webkit-animation: menu_animate 2s;
}

@keyframes menu_animate {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

.menu_right {
    gap: 20px;
}

.manu_btn {
    padding-right: 20px;
    border-right: 2px solid rgba(255, 255, 255, 0.10);
    padding-top: 6px;
}

.manu_btn .common_btn::after {
    background: linear-gradient(to right, rgb(255 255 255 / 63%) 0%, rgb(255 255 255 / 69%) 100%);
}

.manu_btn .common_btn:hover {
    background: #212529;
    color: var(--colorBlack);
}

.toggol_bar {
    width: 27px;
    margin-top: 4px;
    cursor: pointer;
}

.toggol_bar_1,
.toggol_bar_2 {
    width: 26px;
    height: 2px;
    display: block;
    margin: 5px 0px;
    background: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.toggol_bar_2 {
    width: 18px !important;
}

.toggol_bar:hover span {
    background: var(--colorPrimary);
}

.toggol_bar:hover .toggol_bar_1 {
    width: 18px;
}

.toggol_bar:hover .toggol_bar_2 {
    width: 18px !important;
    margin-left: 5px;
}

.menu_offcanvas {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.menu_offcanvas .btn-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    padding: 0;
    z-index: 1;
    border-radius: 0;
    border: 1.5px solid rgb(255 255 255 / 20%);
    background: var(--colorBlack);
    top: 25px;
    right: 25px;
    color: var(--colorWhite);
    opacity: 1;
    box-shadow: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.menu_offcanvas .btn-close:hover {
    background: var(--colorSecondary);
}

.menu_offcanvas .offcanvas-body {
    padding: 50px;
}

.menu_offcanvas .offcanvas_logo {
    display: inline-block;
    width: 200px;
    margin-top: 20px;
}

.menu_offcanvas .short_description {
    color: var(--colorWhite);
    line-height: 26px;
    opacity: .6;
    margin-top: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(254 254 254 / 26%);
    padding-bottom: 30px;
}

/* for small device start */
.navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--colorPrimary);
    padding: 0;
    color: var(--colorWhite);
    font-size: 16px;
    margin-right: 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    box-shadow: none !important;
    border-radius: 0;
    margin-top: -10px !important;
}

.navbar-toggler .close_icon {
    display: none;
}

.navbar-toggler.show {
    background: var(--colorPrimary);
}

.navbar-toggler.show .bar_icon {
    display: none;
}

.navbar-toggler.show .close_icon {
    display: block;
}

/* main menu end */


/* banner start */
.banner_area {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 65vh;
}

.banner_area div {
    height: 100%;
}

.banner_contant {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 31.5%;
}

.banner_text {
    margin-right: 150px;
    position: relative;
    margin-bottom: 75px;
    height: auto !important;
}

.banner_text h1 {
    font-size: 80px;
    font-weight: 600;
}

.banner_text p {
    font-size: 20px;
    margin-top: 15px;
    padding-right: 170px;
}

.banner_text::after {
    position: absolute;
    content: "";
    top: -30px;
    left: -55px;
    width: 98px;
    height: 55px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: zoom_animi 1s linear infinite alternate;
    -webkit-animation: zoom_animi 1s linear infinite alternate;
}

.banner_search {
    height: auto !important;
    width: 100%;
}

.banner_search .nav {
    display: inline-flex;
    background: var(--colorWhite);
}

.banner_search .nav li button {
    font-size: 15px;
    font-weight: 500;
    font-family: var(--paraFont);
    padding: 10px 22px;
    background: var(--colorWhite);
    color: var(--paraColor);
    text-transform: capitalize;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-right: 1px solid rgba(3, 26, 38, 0.10);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.banner_search .nav li:last-child button {
    border-right: none;
}

.banner_search .nav-link.active,
.banner_search .show>.nav-link {
    background: var(--colorBlack);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.banner_search .tab-content {
    height: auto;
    margin-top: 1px;
    padding: 35px;
    background: var(--colorWhite);
    width: 100%;
    position: relative;
    border-radius: 20px;
    border: #5b30b0;
    border-width: 1.8px;
    border-style: solid;
    box-shadow: 0px 30px 60px 0px rgba(3, 26, 38, 0.10);
}

.banner_search form {
    /*display: flex;*/
    flex-wrap: wrap;
    align-items: end;
    /* position: relative; */
}

.banner_search form ul {
    gap: 20px;
    width: 90%;
}

.banner_search form ul li {
    width: 23%;
}

.banner_search form ul li label {
    font-size: 14px;
    font-weight: 500;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 8px;
}

.banner_search form ul li input {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
}

.banner_search form ul li input::placeholder {
    font-size: 12px;
    font-weight: 500;
    font-family: var(--paraFont);
    color: var(--paraColor);
    text-transform: capitalize;
}

.banner_search .select2-container--default .select2-selection--single {
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid rgba(3, 26, 38, 0.10);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.banner_search .select2-container .select2-selection--single {
    height: 43px;
}

.banner_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
    font-size: 14px;
}

.banner_search .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
}

.banner_search .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 3px;
    right: 22px;
    border-bottom: 1px solid var(--paraColor);
    border-right: 1px solid var(--paraColor);
}

.banner_input_btn {
    padding: 10px 31px;
}

.adv_search_icon {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 22px;
    cursor: pointer;
    width: 30px;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
}

.adv_search_area {
    width: 100%;
    background: var(--colorWhite);
    height: auto !important;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 35px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    z-index: 9;
}

.adv_search_area.show_search {
    transform: scale(1);
    top: 115%;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.adv_search_area h3 {
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 20px;
}

.adv_search_area::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid var(--colorWhite);
    top: -19px;
    left: 35px;
}

.adv_search_area .adv_search_close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: var(--colorOrange);
    line-height: 31px;
    text-align: center;
    color: var(--colorWhite);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.adv_search_area .adv_search_close:hover {
    background: var(--colorBlack);
}

.adv_search_area .form-check {
    height: auto !important;
    margin-bottom: 20px;
}

.adv_search_area .form-check input {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.adv_search_area .form-check label {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
}

/* property start */
.single_property {
    margin-top: 25px;
}

.single_property_img {
    height: 280px;
    position: relative;
    overflow: hidden;
}

.single_property_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_property:hover .single_property_img img {
    transform: scale(1.05) rotate(2deg);
    -webkit-transform: scale(1.05) rotate(2deg);
    -moz-transform: scale(1.05) rotate(2deg);
    -ms-transform: scale(1.05) rotate(2deg);
    -o-transform: scale(1.05) rotate(2deg);
}

.single_property_img .feature_link {
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorWhite);
    background: var(--colorBlack);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_property_img .feature_link.feature {
    top: 60px;
    padding: 2px 15px;
    background: #813885;
}

.single_property_img .feature_link:hover {
    background: var(--colorPrimary);
    color: var(--colorBlack);
}

.single_property_img ul {
    position: absolute;
    top: 30px;
    right: 30px;
}

.single_property_img ul li a {
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 31px;
    text-align: center;
    margin-left: 5px;
    border-radius: 26px;
    color: var(--colorWhite);
    background: rgba(3, 26, 38, 0.20);
    backdrop-filter: blur(7px);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
}

.single_property_img ul li a:hover {
    background: var(--colorBlack);
}

.single_property_text {
    position: relative;
    margin: -60px 20px 0px 20px;
    background: var(--colorWhite);
    filter: drop-shadow(0px 24px 60px rgba(3, 26, 38, 0.14));
}

.single_property_top {
    padding: 22px 25px 25px 25px;
}

.single_property_top p {
    font-size: 14px;
    margin-top: 12px;
}

.single_property_top p i {
    font-size: 18px;
    margin-right: 8px;
    position: relative;
    bottom: -2px;
}

.single_property_top ul {
    gap: 15px;
    margin-top: 25px;
    justify-content: space-between;
}

.single_property_top ul li {
    color: var(--colorBlack);
    font-size: 15px;
    font-weight: 400;
}

.single_property_top ul li .price-style {
    padding: 7px;
    margin-right: -14px !important;
    border: none ;
}

.single_property_top ul li .price-style2 {
    padding: 7px;
    margin-right: -10px !important;
    border: none;
}

.single_property_top ul li span {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    line-height: 15px;
    padding: 6px;
    margin-right: 3px;
    /*border: 1px solid rgb(15 15 15 / 19%);*/
    /*border-radius: 50%;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.single_property_bottom {
    padding: 13px 25px;
    background: var(--colorWhite);
    border-top: 1px solid rgba(3, 26, 38, 0.10);
}

.single_property_bottom p {
    color: black;
}

.single_property_bottom p span {
    color: var(--colorBlack);
    margin-left: 5px;
}

.property_price {
    position: absolute;
    top: -18px;
    right: 15px;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--paraFont);
    color: var(--colorBlack);
    background: var(--colorPrimary);
}

/* property end */

/* partner start */
.marquee_animi {
    overflow: hidden;
}

/* partner end */


/* footer start */
.footer {
    background: #031A26;
}

.footer_description {
    position: relative;
    padding-bottom: 165px;
}

.footer_description::after {
    position: absolute;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 295px;
    height: 125px;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.footer_logo {
    width: 180px;
    height: 40px;
}

.footer_description p {
    line-height: 25px;
    margin-top: 18px;
    color: #fff;
    opacity: 0.7;
}

.footer_description ul {
    margin-top: 23px;
}

.footer_description ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    margin-right: 6px;
    color: var(--colorWhite);
    /* border: 1px solid rgba(255, 255, 255, 0.10); */
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.footer_description ul li a:hover {
    color: var(--colorBlack);
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.footer_shape_1 {
    width: 295px;
    height: 125px;
    margin-top: 50px;
}

.footer_link h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.footer_link ul li a {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--paraFont);
    padding-left: 15px;
    margin-top: 15px;
    color: var(--colorWhite);
    opacity: 0.7;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_link ul li a::after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 14px;
    color: var(--colorWhite);
    top: 1px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.footer_link ul li a:hover {
    padding-left: 20px;
    opacity: 1;
}

.footer_link ul li a:hover:after {
    left: 5px;
}

.footer_right {
    height: 100%;
    padding: 100px 0px 0px 100px;
    position: relative;
    z-index: 1;
}

.footer_right::after {
    position: absolute;
    content: "";
    /* width: 1000%; */
    height: 100%;
    background: var(--colorBlack);
    top: 0;
    left: 0;
    z-index: -1;
}

.footer_right h4 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
}

.footer_form_input input,
.footer_form_input textarea {
    margin-top: 40px;
    background: transparent;
    padding: 0px 10px 10px 0px;
    color: var(--colorWhite);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.footer_form_input input::placeholder {
    opacity: 0.6;
    color: var(--colorWhite);
}

.footer_form_input textarea::placeholder {
    opacity: 0.6;
    color: var(--colorWhite);
}

.footer_btn {
    margin-top: 35px;
}

.footer_btn:hover {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

.footer_btn::after {
    background: linear-gradient(to right, rgb(255 255 255 / 63%) 0%, rgb(255 255 255 / 69%) 100%);
}

.copy_right {
    padding: 28px 0px;
    background: #031A26;
}

.copyright_area p {
    font-size: 15px;
    font-weight: 400;
    color: var(--colorWhite);
    opacity: 0.7;
}

.copyright_area ul {
    gap: 15px;
}

.copyright_area ul li a {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    opacity: 0.7;
    border-right: 2px solid var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    line-height: 15px;
    padding-right: 15px;
}

.copyright_area ul li a:hover {
    color: var(--colorWhite);
    opacity: 1;
}

.copyright_area ul li:last-child a {
    border: none;
    padding: 0;
}

/* footer end */

/*================================
    HOME PAGE 01 END
================================*/

/*=============================
    HOME PAGE 02 START
=============================*/
/* property start */

.single_property_img .feature_link:hover {
    background: rgb(255, 140, 26);
    color: rgb(255, 140, 26);
}

/* property end */

/*=============================
    HOME PAGE 02 END
=============================*/

/* featured listing start */
.featured_listing .nextArrow,
.featured_listing .prevArrow {
    position: absolute;
    top: 50%;
    right: -52px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.featured_listing .prevArrow {
    right: auto;
    left: -52px;
}

/* featured listing end */

.footer_3 .footer_btn {
    background: var(--colorWhite);
    color: var(--colorBlack);
}

.footer_3 .footer_btn:hover {
    background: var(--colorOrange);
    color: var(--colorWhite);
}

/*=============================
    HOME PAGE 03 END
=============================*/
/*=============================
    CONTACT PAGE START
=============================*/
.contact_address h4 {
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
}

.contact_address ul {
    margin-top: 45px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.contact_address ul li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.contact_address ul li span {
    width: 46px;
    height: 46px;
    display: inline-block;
}

.contact_address_text {
    margin-left: 25px;
}

.contact_address_text p {
    font-size: 16px;
    font-family: var(--headingFont);
}

.contact_address_text a {
    font-size: 18px;
}

.contact_input {
    position: relative;
}

.contact_input input {
    margin-bottom: 20px;
}

.contact_input_icon {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.contact_input textarea {
    margin-bottom: 30px;
}

.contact_input .select2-container--default .select2-selection--single {
    margin-bottom: 20px;
    border: 1px solid rgba(3, 26, 38, 0.10);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.contact_map {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.contact_map iframe {
    width: 100%;
    height: 100%;
}

/*=============================
    CONTACT PAGE END
=============================*/
/*=============================
    PROPERTY GRID VIEW START
=============================*/
.property_grid_view .banner_search {
    margin-top: -100px;
}

/*=============================
    PROPERTY GRID VIEW END
=============================*/


/*=============================
    PROPERTY LIST VIEW START
=============================*/
.property_list_item {
    position: relative;
    margin: 20px 0px 43px 0px;
    background: var(--colorWhite);
    border: 1px solid rgba(3, 26, 38, 0.10);
}

.property_list_item .single_property_text {
    filter: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    margin: 0px 25px 0px 0px;
}

.property_list_item .single_property_bottom {
    padding: 20px 0px 0px 0px;
    width: 100%;
}

.property_list_item .single_property_top {
    padding: 0px 0px 20px 0px;
    width: 100%;
}

.property_list_item .property_price {
    border: 3px solid var(--colorWhite);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    right: 0;
}

.property_list_item .single_property_img {
    height: 290px;
    position: relative;
    overflow: hidden;
}

/*=============================
    PROPERTY LIST VIEW END
=============================*/


/*=============================
    PROPERTY LEFT SIDEBAR START
=============================*/
.property_sidebar {
    border-right: 1px solid rgba(3, 26, 38, 0.10);
    overflow: hidden;
}

.sidebar_wizerd {
    padding-right: 25px;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(3, 26, 38, 0.10);
}

.sidebar_wizerd .accordion-button,
.sidebar_wizerd h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.sidebar_search {
    padding-top: 0 !important;
}

.sidebar_search form {
    position: relative;
}

.sidebar_search form button {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--colorPrimary);
    color: var(--colorBlack);
    top: 5px;
    right: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sidebar_search form button:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.sidebar_dropdown .select2-container--default .select2-selection--single {
    border: 1px solid rgba(3, 26, 38, 0.10);
    border-radius: 0;
}

.sidebar_amenities {
    padding-bottom: 0 !important;
    border-bottom: 0;
}

.sidebar_amenities .form-check {
    margin-bottom: 20px;
}

.sidebar_amenities .form-check input {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.sidebar_amenities button {
    width: 100%;
    margin-top: 5px;
}

.sidebar_amenities .accordion-button {
    background: rgba(3, 26, 38, 0.04);
    padding: 10px 15px;
}

.sidebar_amenities .accordion-button::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 44px;
    text-align: center;
    line-height: 45px;
    content: "\f078";
    font-size: 12px !important;
    font-family: "font awesome 5 free";
    font-weight: 600;
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.sidebar_amenities .accordion-button:not(.collapsed)::after {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.property_right_sidebar .single_property,
.property_left_sidebar .single_property {
    margin-top: 0;
    margin-bottom: 25px;
}

.property_right_sidebar .property_sidebar {
    border-right: 0;
    border-left: 1px solid rgba(3, 26, 38, 0.10);
}

.property_right_sidebar .sidebar_wizerd {
    padding-right: 0;
    padding-left: 25px;
}

/*=============================
    PROPERTY LEFT SIDEBAR END
=============================*/
/*=============================
    PROPERTY DETAILS START
=============================*/
.property_details {
    background: #F3F5F9;
}

.single_property_details {
    padding: 40px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.single_property_details h4 {
    font-size: 28px;
    font-weight: 700;
}

.property_details_share {
    gap: 7px;
}

.property_details_share li a {
    width: 34px;
    height: 34px;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    color: var(--colorBlack);
    border-radius: 50%;
    border: 1px solid rgba(3, 26, 38, 0.10);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.property_details_share li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.property_details_address {
    margin-top: 15px;
}

.property_details_address ul {
    gap: 20px;
    align-items: center;
}

.property_details_address ul li {
    font-size: 14px;
    font-weight: 400;
    color: var(--paraColor);
}

.property_details_address ul li i {
    font-size: 16px;
    margin-right: 5px;
}

.property_details_address ul li span {
    font-size: 14px;
    padding: 4px 12px;
    font-weight: 500;
    font-family: var(--paraFont);
    color: var(--colorWhite);
    background: var(--colorPrimary);
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.property_details_address h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--paraFont);
    color: var(--colorBlack);
}

.flat_details {
    gap: 15px;
    margin-top: 20px;
}

.flat_details li {
    font-size: 15px;
    font-weight: 400;
}

.flat_details li span {
    display: inline-block;
    width: 30px !important;
    height: 30px !important;
    line-height: 15px;
    padding: 6px;
    margin-right: 3px;
    /*border: 1px solid rgb(15 15 15 / 19%);*/
    /*border-radius: 50%;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.property_dtls_decription {
    font-size: 16px;
    margin-top: 15px;
}

.property_apartment_details li {
    width: 33%;
    margin-top: 13px;
}

.property_apartment_details li p {
    font-size: 15px;
    font-family: var(--headingFont);
    color: var(--colorBlack);
}

.property_apartment_details li p span {
    margin-left: 10px;
    color: var(--paraColor);
}


.property_facilities ul {
    margin-top: 10px;
}

.property_facilities ul li {
    width: 25%;
    margin-top: 20px;
    position: relative;
    font-size: 15px;
    font-weight: 400;
    padding-left: 28px;

}

.property_facilities ul li::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(images/checkmark.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.apertment_layout {
    height: 765px;
    margin-top: 25px;
}

.apertment_map {
    margin-top: 30px;
    height: 400px;
}

.apertment_map iframe {
    width: 100%;
    height: 100%;
}

.apertment_video {
    height: 430px;
    margin-top: 30px;
}

.apertment_video iframe {
    width: 100%;
    height: 100%;
}

.apertment_form_input {
    margin-top: 25px;
}

.apertment_form_input label {
    font-size: 15px;
    font-weight: 700;
    font-family: var(--headingFont);
    text-transform: capitalize;
}

.apertment_form_input input {
    margin-top: 8px;
}

.apertment_form_input textarea {
    margin-top: 17px;
}

.apertment_form_input ul {
    gap: 10px;
    margin-top: 12px;
}

.apertment_form_input ul li {
    padding-right: 10px;
    border-right: 1px solid rgba(3, 26, 38, 0.20);
    line-height: 16px;
    cursor: pointer;
}

.apertment_form_input ul li:last-child {
    border-right: none;
}

.apertment_form_input ul li i {
    color: rgba(3, 26, 38, 0.20);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.apertment_form_input ul li:hover i {
    color: #FFA800;
}

.property_details_sidebar {
    padding: 40px;
    background: var(--colorWhite);
    box-shadow: 0px 1px 2px 0px rgba(3, 26, 38, 0.10);
}

.schedule_input {
    margin-top: 20px;
}

.schedule_input a {
    width: 100%;
    text-align: center;
}

.sales_executive {
    margin-top: 25px;
    padding: 60px 0px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sales_executive_img {
    width: 230px;
    height: 230px;
    margin: auto;
    display: block;
}

.sales_executive_img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.sales_executive_name {
    font-size: 24px;
    font-weight: 700;
    margin-top: 30px;
    color: var(--colorWhite);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sales_executive_name:hover {
    color: var(--colorPrimary);
}

.sales_executive p {
    font-size: 16px;
    margin-top: 5px;
    color: var(--colorWhite);
    opacity: 0.7;
    text-transform: capitalize;
}

.sales_executive ul {
    margin-top: 30px;
}

.sales_executive ul li {
    border-right: 2px solid #9b929252;
    line-height: 18px;
}

.sales_executive ul li a {
    font-size: 16px;
    padding: 0px 8px;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.sales_executive ul li:last-child {
    border-right: none;
}

.sales_executive ul li a:hover {
    color: var(--colorPrimary);
}

.property_details_bottom h4 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}

.property_details_large_img {
    height: 570px;
    overflow: hidden;
}

.property_details_large_img::after {
    position: absolute;
    content: "";
    background: rgba(3, 26, 38, 0.40);
    width: 100%;
    height: 99%;
    top: 0;
    left: 0;
}

.property_details_small_img {
    margin: 0px 5px;
    height: 90px;
    border: 1px solid #ffffff91;
}

.slick-slide.slick-current.slick-active.slick-center .property_details_small_img {
    border-color: var(--colorPrimary);
}

.single_bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin: 10px 0px;
}

.single_bar p {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 15px;
    font-weight: 400;
    width: 70px;
}

.related_property .single_property {
    margin: 25px 12px 15px 12px;
}

.related_property .single_property_text {
    filter: none;
    -webkit-filter: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/*=============================
    PROPERTY DETAILS END
=============================*/
.sidebar_menu_icon {
    position: absolute;
    top: 10px;
    right: -50px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: var(--colorBlue);
    color: var(--colorWhite);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: none;
}

.sidebar_menu_icon .dash_close_icon {
    display: none;
}

.dash_show_menu .sidebar_menu_icon {
    background: var(--colorOrange);
    right: -40px;
}

.dash_show_menu .sidebar_menu_icon .dash_close_icon {
    display: inline-block;
}

.dash_show_menu .sidebar_menu_icon .dash_bar_icon {
    display: none;
}

/*=============================
    DASHBOARD END
=============================*/
.search-area {
    width: 910px;
    /* Base width for larger screens */
    border-radius: 30px;

}


@media (max-width:1000px) {
    .search-area {
        width: 750px;
    }
}

@media (max-width : 995px) {
    .search-area {
        width: 623px;
    }
}

@media (max-width:768px) {
    .search-area {
        width: 450px;
    }

}

@media (max-width:520px) {
    .search-area {
        width: 430px;
    }
}

@media (max-width:500px) {
    .search-area {
        width: 410px;
    }
}

@media (max-width: 480px) {
    .search-area {
        width: 100%;
        /* Set to 100% for very small screens */
    }
}

.search-button {

    border-radius: 30px;
}

.sticky_sidebar {
    position: sticky;
    top: 20px;
}



/* Styles for parent-div */
.parent-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    /* Adjust the gap between child-divs as needed */
}

/* Styles for child-div */
.child-div {
    flex: 1 1 calc(50% - 20px);
    /* Adjust width for responsiveness */
    max-width: calc(50% - 20px);
    /* Adjust max-width for responsiveness */
    position: relative;
}

.child-div img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Styles for second-parent-div */
.second-parent-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    /* Adjust the gap between second-child-divs as needed */
    margin-top: 20px;
    /* Adjust margin as needed */
}

/* Styles for second-child-div */
.second-child-div {
    flex: 1 1 calc(50% - 20px);
    /* Adjust width for responsiveness */
    max-width: calc(50% - 20px);
    /* Adjust max-width for responsiveness */
    position: relative;
}

.second-child-div img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Media Query for Mobile Devices */
@media only screen and (max-width: 768px) {

    .child-div,
    .second-child-div {
        flex: 1 1 100%;
        /* Make child-divs occupy full width */
        max-width: 100%;
        /* Make child-divs occupy full width */
    }
}

/* Styles for child-div */
.child-div img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5px;
    /* Adjust margin as needed */
}

/* Styles for second-child-div */
.second-child-div img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5px;
    /* Adjust margin as needed */
}

/* Styles for child-div */
.child-div {
    position: relative;
}

.child-div img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Styles for second-child-div */
.second-child-div {
    position: relative;
}

.second-child-div img {
    max-width: 100%;
    height: auto;
    display: block;
}


.mt15 {
    margin-top: 15px;
}

.service-container {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-container .icon {
    margin-top: 5%;
    font-size: 38px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-container .number-icon .icon-2 {
    height: 70px;
    width: 70px;
    line-height: 80px;
    border-radius: 64% 36% 55% 45% / 76% 72% 28% 24% !important;
    border-color: #f89d36 !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-container .number-icon .icon-2 i {
    font-size: 30px;
}

.service-container .number-icon .number {
    position: absolute;
    top: 0;
    right: 70px;
    left: 0;
    height: 35px;
    width: 35px;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-container .number-icon .number span {
    line-height: 30px;
}

.service-container .content .number {
    font-size: 40px;
    color: #dee2e6;
}

.service-container .content .title {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-container.hover-bg {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-container.hover-bg .smooth-icon {
    position: absolute;
    bottom: -40px;
    right: -20px;
    font-size: 60px;
    color: #f8f9fa;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.service-container.hover-bg:hover {
    background-color: #f89d36;
}

.service-container.hover-bg:hover .content .title {
    color: #ffffff !important;
}

.service-container.hover-bg:hover .content .serv-pera {
    color: #fafafb !important;
}

.service-container.hover-bg:hover .smooth-icon {
    font-size: 100px;
    opacity: 0.2;
    bottom: -20px;
    right: 10px;
}

.service-container:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
    box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
}

.service-container:hover .icon {
    color: #f89d36;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.service-container:hover .number-icon .icon-2 {
    background-color: #f89d36;
    border-radius: 50% !important;
}

.service-container:hover .number-icon .icon-2 i {
    color: #ffffff !important;
}

.service-container:hover .number-icon .number {
    color: #ffffff;
    background: #f89d36 !important;
    border-color: #ffffff !important;
}

.service-container:hover .content .title {
    color: #f89d36;
}

.service-container a:hover,
.service-container a .title:hover {
    color: #f89d36 !important;
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.service-wrapper {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-wrapper .icon {
    width: 60px;
    height: 60px;
    line-height: 45px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-wrapper .content .title {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 500;
}

.service-wrapper .big-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.05;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-wrapper:hover {
    -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
    box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
    background: #ffffff;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    border-color: transparent !important;
}

.service-wrapper:hover .icon {
    background: #Ffc0cb !important;
    color: #ffffff !important;
}

.service-wrapper:hover .big-icon {
    z-index: -1;
    opacity: 0.1;
    font-size: 160px;
}

.text-custom {
    color: #0062ff !important;
}

.uim-svg {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: inherit;
    fill: var(--uim-color, currentColor);
}

.mobile-menu-icon-container {
    position: absolute;
    top: 22px;
    /* Adjust these values as needed */
    right: 80px;
    /* Adjust these values as needed */
    z-index: 1;
    /* Ensure the icon is on top of other elements */
}

/* Show the icon on mobile devices */
@media (max-width: 767px) {
    .mobile-menu-icon-container {
        display: block;
    }

    .mobile-menu-icon {
        display: block;
    }
}

/* Hide the icon on desktop devices */
@media (min-width: 768px) {
    .mobile-menu-icon-container {
        display: none;
    }
}

/* Default styles */
h3 {
    color: black;
    font-size: 33px;
    line-height: 38px;
}

h3 span {
    color: black;
    font-weight: 600;
    /*border-bottom: 1px solid black;*/
    font-size: 22px;
    line-height: 0.5;
    padding-bottom: 10px;
}

/* Media query for smaller screens */
@media only screen and (max-width: 768px) {
    h3 span {
        font-size: 19px;
    }
}

/* Media query for even smaller screens */
@media only screen and (max-width: 480px) {
    h4 {
        font-size: 24px;
        line-height: 22px;
    }

    h4 span {
        font-size: 16px;
    }
}

.price-text {
    background: #813885;
    color: #ffffff;
    padding: 10px 20px;
}


/* Banner area styles */
.banner_area {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 400px;
    /* Set the desired height value for larger screens */
    position: relative;
}

@media (max-width: 999px) {
    .banner_area {
        height: 400px !important;
    }

    .extra-padding {
        margin-top: 60px;
    }
}

/* Media query for screens smaller than 768px */
@media (max-width: 767px) {
    .banner_area {
        height: 400px;
        /* Adjust the height for even smaller screens */
    }
}

/* Search overlay styles */
.banner_search-overlay {
    position: absolute;
    top: 539px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0px 30px;
    border-radius: 5px;
    max-width: 100%;
    width: 100%;
}


/* Additional CSS styles */
.search-section {
    background-color: #f5f5f5;
    padding: 60px 0;
}

hr.new1 {
    border-top: 2px solid white;
}

/*=========================================================
      Banner Of Project Styling start
===========================================================*/
.home_page_banner {
    background-image: url("images/banner.jpg");
}

.villament_in_greater_noida_banner {
    background-image: url("imagesa/villament-in-greater-noida.jpg");
}

.villament_in_noida_banner {
    background-image: url("images/villament-in-noida.jpg");
}

.alyam_villas_banner {
    background-image: url("images/aalayam-villas.jpeg");
}

.angan_vatika_villas_banner {
    background-image: url("images/aangan-vatika.webp");
}

.about_us_banner {
    background-image: url("images/banner.jpg");
}

.amrapali_dream_valley_villas_banner {
    background-image: url("images/amrapali-dream-valley.jpg");
}

.amrapali_leisure_valley_villas_banner {
    background-image: url("imagesy/leisure-valley-villas.jpeg");
}

.aroma_villas_noida_extension_banner {
    background-image: url("images/aroma-villas.jpg");
}

.arsh_green_villas_banner {
    background-image: url("images/arshgreen-villa-banner.png");
}

.ashiyana_villas_banner {
    background-image: url("images/ashiyana-villas.jpg");
}

.ashoka_greens_villa_banner {
    background-image: url("images/ashoka-villas-noida-extension.jpeg");
}

.ats_pristine_golf_villas_banner {
    background-image: url("images/ats-pristine-golf-villas.jpg");
}

.avni_palm_villa_banner {
    background-image: url("images/Avni-Palm-Villa.jpg");
}

.balaji_green_villas_banner {
    background-image: url("images/balaji-green-villa-banner.jpg");
}

.contact_us_banner {
    background-image: url("images/banner.jpg");
}

.divine_residency_villas_banner {
    background-image: url("images/divine-residency-villa.jpg");
}

.duplex_villas_noida_extension {
    background-image: url("images/Avni-Palm-Villa.jpg");
}

.escon_pride_villas_banner {
    background-image: url("images/Escon-Pride-Villas.jpg");
}

.escon_villas_banner {
    background-image: url("images/esconvilla-about.jpg");
}

.extension_valley_villa_banner {
    background-image: url("images/extension-valley.jpg");
}

.faq_banner {
    background-image: url("images/new-faq-image.jpg");
}

.farm_house_for_sale_in_noida_banner {
    background-image: url("images/forest-farms-noida.jpg");
}

.freehold_villas_noida_extension_banner {
    background-image: url("images/sindhuja-valley-villa.jpg");
}

.gaur_yamuna_city_villa_banner {
    background-image: url("images/gaurs-krishna-villas.jpg");
}

.gaurs_krishna_villas_banner {
    background-image: url("images/gaur-krishana-villa.jpg");
}

.godrej_crest_villas_banner {
    background-image: url("images/godrej-crest-villas.jpg");
}

.godrej_evoke_villas_banner {
    background-image: url("images/Godrej-Golf-Links-Evoke.jpg");
}

.godrej_golf_links_exquisite_banner {
    background-image: url("images/godrej-exqusitie-images5.jpg");
}

.godrej_golf_link_villas_banner {
    background-image: url("images/godrej-golf-link-villas-project-large.jpg");
}

.green_villa_2_banner {
    background-image: url("images/gallery6.jpg");
}

.greno_green_villas_banner {
    background-image: url("images/greno-green-villas.webp");
}

.kamakhya_villas_banner {
    background-image: url("images/kamakhya-villas-images-4.jpg");
}

.kingson_green_villas_banner {
    background-image: url("images/kingson-green-villas-images1.jpg");
}

.kothi_bungalows_banner {
    background-image: url("images/kothi-noida.jpg");
}

.krishna_orchid_banner {
    background-image: url("images/krishna-orchid-villas-banner.webp");
}

.lotus_shrishti_villas_banner {
    background-image: url("images/lotus-srishti-villas-images3.jpg");
}

.lotus_villa_banner {
    background-image: url("images/lotus-villas-images6.jpg");
}

.mahagun_meadows_villas_banner {
    background-image: url("images/mahagum-villa-images1.jpg");
}

.mahagun_mirabella_villa_banner {
    background-image: url("images/mahagun-mirabella-villa.jpeg");
}

.noida_extension_banner {
    background-image: url("images/Authority-villa-noida-extension.png");
}

.novel_valley_noida_extension_banner {
    background-image: url("images/novel-valley-images-2.jpg");
}

.omaxe_palm_greens_villas_banner {
    background-image: url("images/Omaxe-Palm-Greens-Villas.jpg");
}

.orchid_villas_banner {
    background-image: url("images/orchid-valley-images7.jpg");
}

.paradise_greens_villas_banner {
    background-image: url("images/Paradise-Greens.jpg");
}

.villas_in_noida_banner {
    background-image: url("images/supertech-capetown-villa.gif");
}

.villas_in_noida_extension_banner {
    background-image: url("images/villa-in-noida-extension.jpg");
}

.villas_in_noida_expressway_banner {
    background-image: url("images/villa-in-noida-expressway.jpg");
}

.villas_in_greater_noida_banner {
    background-image: url("images/Sun-twilight-villas.jpg");
}

.villas_in_yamuna_expressway_banner {
    background-image: url("images/supertech-up-country.jpg");
}

.paramount_golfforeste_villas_banner {
    background-image: url("images/paramount-golfforeste-villas-images5.jpg");
}

.penthouse_in_noida_banner {
    background-image: url("images/penthouse-in-Noida.jpg");
}

.radhya_puram_villas_banner {
    background-image: url("images/radhaya-puram-villas.jpg");
}

.rise_forest_villas_banner {
    background-image: url("images/rise-forest-floors.jpg");
}

.rise_resort_villas_banner {
    background-image: url("images/Rise-resort-villas.gif");
}

.rise_sports_villas_banner {
    background-image: url("images/rise-sports-villa-images4.jpg");
}

.satya_villas_banner {
    background-image: url("images/satya-villas.jpg");
}

.signature_villas_banner {
    background-image: url("images/Signature-Villa.jpg");
}

.sindhuja_valley_villa_banner {
    background-image: url("images/sindhuja-valley-villa.jpg");
}

.sinduja_green_banner {
    background-image: url("images/sindhuja-greens-villa.jpg");
}

.sun_twilight_villas_banner {
    background-image: url("images/Sun-twilight-villas.jpg");
}

.sunshine_villas_banner {
    background-image: url("images/Sunshine-villas.jpg");
}

.supertech_capetown_villas_banner {
    background-image: url("images/supertech-cape-villas-images8.jpg");
}

.supertech_czar_villas_banner {
    background-image: url("images/supertech-czar-villas.jpg");
}

.supertech_golf_villas_yamuna_expressway_banner {
    background-image: url("images/supertech-golf-villas-images4.jpg");
}

.supertech_sports_city_banner {
    background-image: url("images/sports-city-villa.jpg");
}

.supertech_up_country_villa_banner {
    background-image: url("images/supertech-up-country.jpg");
}

.the_hemisphere_villas_banner {
    background-image: url("images/hemisphere-images2.jpg");
}

.trinity_primus_villas_banner {
    background-image: url("images/Trinity-primus-banner.jpg");
}

.trinity_triwoods_villas_banner {
    background-image: url("images/Trinity-Triwoods.webp");
}

.twin_clarus_banner {
    background-image: url("images/Twin-Clarus.jpg");
}

.vihaan_villas_banner {
    background-image: url("images/vihaan-villas.webp");
}

.windsor_valley_villas_banner {
    background-image: url("images/windsor-valley-villas.webp");
}

.villas_for_rent_in_noida_extension_banner {
    background-image: url("images/villa-for-rent-in-noida.webp");
}

/*=========================================================
      Banner Of Project Styling End
===========================================================*/
.justified-text {
    text-align: justify;
    color: var(--paraColor);
}

.featured-listing-construction-status-showing-style {
    padding-top: 6px;
    font-weight: 600;
    font-size: 13px;
}

.featured-listing-construction-status-showing-style-2 {
    padding-top: 6px;
    font-weight: 600;
    font-size: 12px;
}

.featured-listing-more-details-btn-style {
    margin-left: 9%;
    padding-top: 6px;
    font-size: 13px;
}

.featured_listing-more-details-btn-style-2 {
    margin-left: 4.3%;
    padding-top: 6px;
    font-size: 14px;
}

.featured_listing-more-details-btn-style-3 {
    margin-left: 4.3%;
    padding-top: 6px;
    font-size: 12px;
}

.construction-status-icon-style {
    height: 23px;
    width: 23px;
}

.iframe-height-width-style {
    width: 100%;
    height: 430px;
}

ul>li .bi {
    color: #1BD074;
}

.circle-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.phn-bottom {
    position: fixed;
    bottom: 100px;
    left: 25px;
    z-index: 9999;
}


.phn-bottom a {
    background: var(--colorPrimary);
    display: block;
    height: 49px;
    width: 49px;
    font-size: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 49px;
    font-weight: bold;
    transition: all 0.5;
    color: #2c3f58;
    box-shadow: 0px 3px 10px 0px #021227;
}

@media (max-width:768px) {
    .phn-bottom a {
        border-radius: 100%;
    }
}


/*--- Enquire Form --*/
.sidebar-contact-2 {
    position: fixed;
    top: 50%;
    right: -350px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 0px;
    background: #fff;
    box-shadow: 0 20px 50px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    transition: 0.5s;
    z-index: 9999;
}

.sidebar-contact-2 .toggle-2 {
    position: absolute;
    height: 40px;
    width: 160px;
    text-align: center;
    cursor: pointer;
    background: var(--colorPrimary);
    top: 40%;
    transform: rotate(270deg);
    left: -100px;
    font-size: 18px;
    font-weight: 600;
    color: white;
    line-height: 34px;
}

.toggle-2:before {
    content: '\f0e0';
    font-family: fontAwesome;
    font-size: 18px;
    margin: 5px;
    color: #fff;
}

.toggle-2.active:before {
    content: '\f00d';
}

.modal-form {
    padding: 15px;
}

.modal-form .form-footer {
    text-align: center;
    padding: 15px;
    border: 1px dashed gray;
}

.modal-form .form-footer p strong {
    font-size: 22px;
    margin-bottom: 5px;
    color: black;
    font-weight: 700;
}

.modal-form .form-footer p {
    font-size: 16px;
}

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.modal-form .form-control {
    border: 1px solid #b8b8b8;
    color: #696969;
    border-radius: 4px;
}


.form-control {
    border-radius: 0;
    padding: 8px 15px;
}

.sidebar-contact-2.active {
    right: 0;
}

.sidebar-contact-2.active .toggle {
    top: 60px;
    transition: 0.5s;
}

.modal-form .countryCode {
    color: #000;
    outline: none;
}

.countryCode {
    position: absolute;
    width: 100px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    height: 57%;
    border: 0;
    background-color: transparent;
    z-index: 1;
    color: #fff;
}

.countryCode~.form-control {
    padding-left: 120px;
}

.modal-form .send_btn.btn {
    background: var(--colorPrimary);
    color: white;
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 4px;
    margin: 0 auto;
    display: table;
}

.font-weight-for-listing-name {
    font-weight: 700;
}

#style-for-price {
    margin-left: 30%;
}

#style-for-price-2 {
    margin-left: 30%;
}

#style-for-price-3 {
    margin-left: 30%;
}

#style-for-price-4 {
    margin-left: 30%;
}

#style-for-price-5 {
    margin-left: 30%;
}

#style-for-price-6 {
    margin-left: 30%;
}

#style-for-price-7 {
    margin-left: 30%;
}

.call-anim-container {
    display: none;
    width: auto;
    height: 65px;
}

#call-anim-navbar {
    width: 100%;
    height: 100%;
}

@media (max-width:768px) {
    .call-anim-container {
        display: block;
        width: auto;
    }

    #call-anim-navbar {
        width: 100px;
        height: 65px;
    }
}

.iframe-style-for-map {
    width: 100%;
    height: 450px;
    border: none;
}

.iframe-style-for-videos {
    width: 100%;
    height: 450px;
}

.height-for-locations {
    height: 300px;
}

.height-for-faq-image {
    height: 480px;
}

.call-btn {
    background-color: var(--colorPrimary);
    padding: 0px 20px;
}

.call-btn>#call-btn-font-color {
    color: white;
}

.call-btn:hover {
    background-color: #10162E;
}

#call_btn_style_navbar {
    color: white;
    margin-bottom: 5px;
}

#call-animation-height-width {
    height: 50px;
    width: 50px;
}

#phone-icon-margin-right {
    margin-right: 5px;
}