@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.btn:focus {
    box-shadow: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    box-shadow: 0;
}

a:focus,
a:hover {
    text-decoration: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6 {
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
}

a {
    transition: all ease-in-out 0.5s;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

ul li {
    list-style: none;
}

p {
    margin: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

figure {
    margin: 0;
}

img {
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.form-group .form-control:focus {
    box-shadow: none;
    border-color: #D4D4D4;
    color: #6E6E6E;
}

.wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

header { 
    border-bottom: 0.1px solid #E4E4E4;
}
.top-header {
    background-color: #E4E4E4;
    padding: 10px 0;
}
.socail-detail {
    margin-right: 0;
    max-width: 1338px;
    width: 100%;
    margin: 0 auto;
}
.socail-detail ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.socail-detail li {
    display: flex;
    margin: 0 13px;
    align-items: center;
}
.socail-detail li:last-child{
    margin-right: 0;
}
.socail-detail li a {
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    margin-left: 7px;
    display: flex;
    align-items: center;
}

.header-bottom{
    padding: 0 20px;
}
.navbar {
    padding: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-brand span {
    color: #707070;
    font-size: 20px;
    font-weight: 400;
    margin-left: 10px;
    display: inline-block;
}

.navbar-nav {
    margin-right: 52px;
}
.navbar-nav .nav-item {
    position: relative;
    transition: all 0.5s ease-in-out;
}
.navbar-nav .nav-item .nav-link {
    color: #202020;
    font-size: 16px;
    padding: 23px 24px;
    font-weight: 400;
    position: relative;
}
.navbar-nav .nav-item.active .nav-link {
    background-color: #F5F5F5;
}
.navbar-nav .nav-item.active .nav-link:after{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}
.navbar-nav .nav-item .nav-link:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.header-right {
    display: flex;
    align-items: center;
}
.navbar-nav .nav-item:hover .submenu{
    display: block;
}
.submenu{
    position: absolute;
    top: 71px;
    left: 0;
    width: 244px;
    display: none;
    z-index: 100; 
    background-color: #F5F5F5;

}
.submenu ol li a{
    border-bottom: 1px solid #D4D4D4;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 24px;
    display: flex;
    align-items: center;
}
.submenu ol li a:hover{
    background-color: #202020;
    color: #fff;
}

.login-detail ul {
    display: flex;
    align-items: center;
}

.login-detail ul li:last-child {
    padding-right: 0;
}

.login-detail ul li {
    padding: 0 7.5px;
    position: relative;
}

.login-detail ul li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 21px;
    background-color: #79797b;
}

.login-detail ul li:first-child:after {
    display: none;
}

.login-detail ul li a {
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.left-bar {
    display: flex;
    align-items: center;
}
.back-btn-main{
    margin-bottom: 20px;
}
.back-btn { 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #5D5D5D;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    text-decoration: underline; 
}

.back-btn:hover {
    color: #5D5D5D;
    border-color: #f1583b;
}

.back-btn img {
    width: 11px;
    margin-right: 7px;
}

.pages-links {
    display: flex;
}

.pages-links li {
    margin-right: 13px;
    position: relative;
}

.pages-links li a {
    color: #202020;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}

.pages-links li:last-child a {
    font-weight: 500;
}

.pages-links li a:after {
    position: absolute;
    line-height: 18px;
    font-size: 13px;
    content: "/";
    left: -9px;
    top: 4px;
}

.pages-links li:first-child a:after {
    display: none;
}

.pages-links li a:hover {
    color: #f1583b;
}

.right-bar {
    display: flex;
    align-items: center;
    margin-bottom: 56px;
}

.bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right-bar li {
    margin-right: 20px;
}
.right-bar li a img{
    height: 20px;
}

.right-bar li:last-child {
    margin-right: 0px;
}
.right-bar .dropdown-menu{
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #e6e6e6; 
    min-width: 100px;
    width: 100%;
    left: auto !important; 
    right: -23px !important; 
    padding: 10px 0 5px;
    margin: 13px 0 0 0; 
}
.right-bar .dropdown-menu:after {
    position: absolute;
    content: "";
    top: -11px;
    right: 22px;
    width: 25px;
    height: 12px;
    background: url(../images/arrow-shape-icon.png) no-repeat;
}
.right-bar .dropdown-menu .dropdown-item{
    color: #202020;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 0;
}
.right-bar .dropdown-menu .dropdown-item:hover{
    background-color: transparent;
    color: #202020 !important;
}
.bootm-bar {
    padding: 15px 0;
}

.right-bar li a {
    display: block;
}

.dropdown-toggle::after {
    display: none;
}

.right-bar .dropdown-menu a {
    font-size: 16px;
    line-height: 21px;
    color: #202020;
    display: flex;
    padding: 2px 10px;
    margin-bottom: 9px;
}

.right-bar .dropdown-menu a:hover {
    color: #fff !important;
    background-color: #f1583b;
}

.right-bar .dropdown-menu a:hover img {
    transition: all ease-in-out 0.5s;
    filter: brightness(100);
}

.dropdown-item.active,
.dropdown-item:active {
    color: #202020 !important;
    text-decoration: none;
    background-color: #F3F3F3;
    border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active img {
    filter: brightness(100);
}

.right-bar .dropdown-menu a img {
    width: 20px;
    transition: all ease-in-out 0.5s;
    margin-right: 7px;
}
.dropdown-item{
    color: #717171;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 5px 10px;
}
.dropdown-menu {
    border-radius: 0;
    height: auto;
    padding: 0;
    margin: -2px 0 0 0;
}

#exampleModalLong .modal-dialog {
    max-width: 100%;
    margin: 0;
}

#form .modal-dialog {
    max-width: 413px;
    margin-top: 80px;
}

.modal-content {
    background: #000000;
    border: none;
    border-radius: 0;
}

.select-catgory span.c-label {
    position: absolute;
    font-size: 14px;
    margin-left: 12px;
    margin-top: 15px;
}

.c-status .filter-option-inner-inner {
    color: transparent;
}

.head-model {
    display: flex;
}

.head-model li a {
    font-size: 18px;
    line-height: 24;
    color: #F9F9F9;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
}

.head-model a.active {
    background-color: #707070;
}

.head-model a:hover {
    background-color: #707070;
}

.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.close-model {
    padding-right: 19px;
}

.bootm-bar-model {
    background-color: #404040;
    display: flex;
    align-items: center;
    padding: 9px 20px 7px;
}

.bootm-bar-model p {
    font-size: 18px;
    line-height: 24px;
    color: #E2E2E2;
    margin-right: 50px;
}

.schedule-btn {
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    width: 225px;
    height: 54px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.schedule-btn:hover {
    background-color: #525252;
    border-color: #525252;
    color: #fff;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    height: 56px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 34px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 34px;
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: none;
}

.inner-slider {
    /*max-width: 937px;*/
    margin: 0 auto;
    width: 100%;
    padding: 25px 0 52px;
    position: relative;
}
.gallery-top .swiper-slide{
    text-align: center;
}
.gallery-thumbs .swiper-slide {
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 45px;
}

.inner-slider .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 40px;
}

.inner-slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 40px;
}

.gallery-thumbs { 
    max-width: 900px;
    margin: 41px 0 0 70px; 
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 3.5%;
    color: #fff;
    font-size: 16px;
    bottom: 50px;
    font-weight: 400;
}

.resize-box {
    position: absolute;
    right: -130px;
    bottom: 40px;
}

.resize-box a {
    width: 28px;
    height: 28px;
    border: 2px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
}

.resize-box li {
    margin-bottom: 3px;
}

.details-sec {
    padding: 44px 0 0px;
}

.details-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 38px;
    margin-bottom: 33px;
}

.details-head-left span {
    /* margin-bottom: 8px;
    display: block;
    font-size: 14px;
    line-height: 19px; */
    /* color: #707070; */
}

.details-head-left h3 {
    margin-bottom: 10px;
    color: #202020;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.details-head-left p {
    margin-bottom: 10px;
    line-height: 21px;
    font-size: 14px;
    color: #707070;
}

.rom-details {
    display: flex;
}

.rom-details li {
    margin-right: 15px;
    position: relative;
}

.rom-details li:last-child {
    margin-right: 0;
}

.rom-details li a {
    line-height: 21px;
    font-size: 14px;
    color: #202020;
}

.rom-details li:after {
    position: absolute;
    line-height: 21px;
    font-size: 16px;
    color: #202020;
    content: "|";
    right: -10px;
    top: 0px;
}

.rom-details li:last-child:after {
    display: none;
}

.form-details-btn {
    line-height: 21px;
    font-size: 14px;
    text-decoration: underline;
    color: #202020;
}

.form-details-btn:hover {
    color: #202020;
    text-decoration: underline;
}

.vdieo-btn {
    width: 140px;
    height: 40px;
    border: 1px solid #707070;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 21px;
    font-size: 14px;
    color: #202020;
}

.vdieo-btn:hover {
    color: #202020;
    border-color: #f1583b;
}

.vdieo-btn img {
    margin-right: 9px;
}

.details-head-right {
    display: flex;
    align-items: flex-end;
    max-width: 480px;
    width: 100%;
    justify-content: space-between;
}
.details-head-right .media {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.discription-one {
    margin-bottom: 34px;
}

.discription-one h4 {
    font-size: 18px;
    color: #202020;
    margin-bottom: 22px;
    font-weight: 700;
}

.discription-one p {
    font-size: 14px;
    color: #202020;
    margin-bottom: 20px;
}
.discription-one a{
    color: #202020;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}

.property-colum {
    display: flex;
    justify-content: space-between;
}

.property-details {
    width: 45%;
    font-size: 14px;
}

.property-details li {
    border-bottom: 1px solid #DEDEDE;
    padding: 15px 0px;
}

.property-details li:first-child {
    border-top: 1px solid #DEDEDE;
}

.table thead th {
    border: none;
    font-weight: 500;
}

.table td {
    border: none;
    font-weight: 400;
    border-bottom: 1px solid #DEDEDE;
}

.table td,
.table th {
    color: #202020;
    font-size: 14px;
    line-height: 19px;
}

.table {
    margin-bottom: 27px;
}

.broker-text {
    display: block;
    margin-bottom: 21px;
    color: #6E6E6E;
    font-size: 14px;
    line-height: 19px;
}

.main-area-map {
    padding-left: 15px;
}

.main-details {
    padding-right: 15px;
}

.viewmap {
    position: relative;
    margin-bottom: 24px;
    margin-left: 15px;
}

.viewmap a {
    font-size: 14px;
    line-height: 19px;
    color: #202020;
    text-decoration: underline;
    position: absolute;
    bottom: 15px;
    display: block;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.my-form {
    background-color: #F5F5F5;
    border: 1px solid #E8E8E8;
    padding: 30px 38px 43px;
    border-radius: 10px;
}

.head-form {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.head-form img {
    width: 120px;
    object-fit: cover;
    margin-right: 42px;
}
.head-text{
    flex: 1;
    width: 100%;
}
.head-text h4 {
    margin-bottom: 10px;
    color: #202020;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

.head-text span {
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #7C7C7C;
}

.head-text p {
    font-size: 14px;
    font-weight: 500; 
    color: #000000;
}

.my-form h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #202020;
}

.my-form .form-group {
    margin-bottom: 10px;
}
.form-text{
    margin: 30px 0px 0 0;
}
.form-group .form-control {
    border-radius: 0;
    color: #6E6E6E;
    font-size: 14px;
    padding-left: 16px;
    height: 40px;
    border: 0.5px solid #BCBABA;
    box-shadow: none;
}
.form-group .form-control::placeholder{
    color: #6E6E6E;
}
.form-group .textarea {
    height: 90px;
    resize: none;
}

.submit-btn {
    cursor: pointer;
    height: 45px;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    background-color: #000;
    transition: all ease-in-out 0.5s;
}

.submit-btn:hover {
    background-color: #525252;
}

div#sidebar {
    margin-left: 15px;
}

.viewmap img {
    width: 100%;
    border-radius: 10px;
}

.price-history {
    border-bottom: 0.10000000149011612px solid rgb(112 112 112 / 10%);
    padding-bottom: 48px;
}

.hill-sec {
    padding: 25px 0 46px 0;
}

.hill-brand img {
    width: 100%;
    object-fit: cover !important;
    aspect-ratio: 300 / 200;
}

.property-img {
    width: 100%;
    /* height: 220px !important; */
    object-fit: cover !important;
    height: 100%;
}

.rating {
    position: absolute;
    top: 5px;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    z-index: 20;
}

.rating a.active img.simple-star {
    display: none;
}

.rating a.active img.hover-star {
    display: block;
}

.rating img.hover-star {
    display: none;
}

.rating img {
    width: auto;
}

.hill-brand {
    margin-bottom: 0;
}

.heading {
    margin-bottom: 42px;
    color: #202020;
    font-size: 20px;
    line-height: 26px;
}
.hill-body{
    padding: 7px 10px 0 10px;
}
.body-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.body-head h4 {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
}

.body-head li {
    font-weight: 400;
    color: #000000;
    font-size: 14px;
}

.hill-inner {
    display: flex; 
    margin: 7px -5px 8px;
    white-space: nowrap;
}
.hill-inner li { 
    position: relative;
    padding: 0 5px;
}
.hill-inner li:first-child:after{
    display: none;
}
.hill-inner li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #9F9F9F;
    width: 1px;
    height: 13px;
}
.hill-inner a {
    font-weight: 400;
    font-size: 14px;
    width: auto; 
    margin: 0; 
    color: #000000;
}



.hill-body p {
    font-size: 14px;
    font-weight: normal;
    color: #727272;
    line-height: 19px;
}

.label {
    background-color: #000000;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    display: flex;
    align-items: center;
    ;
    min-width: 105px;
    padding: 0 10px 0 15px;
}

.label:hover {
    color: #FFFFFF;
}

.label.green {
    background-color: #2DA76A;
}

a.label.solid {
    min-width: 59px;
}

.top-row {
    margin-bottom: 39px;
}

.headingtwo {
    margin-bottom: 20px;
}
.hill-sec-list .headingtwo {
    margin-top: 50px;
}
.hill-sec-list  .form-btns {
    margin-top:50px;
}

/* .sale-rent {
    display: flex;
    margin-bottom: 50px;
    width: 122px;
}

.sale-rent a {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #707070;
    color: #202020;
    font-size: 14px;
    font-weight: 500;
}

.sale-rent li {
    width: 50%;
}

.sale-rent li.active a {
    color: #fff;
    border-color: #202020;
    background-color: #202020;
} */

.sale-rent {
    list-style: none;
    padding: 0;
    display: flex;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden; /* ensures border-radius applies to inner elements */
    width: fit-content;
    margin-bottom: 20px;
}

.sale-rent li {
    margin: 0;
    padding: 0;
    flex: 1;
}

.sale-rent li a {
    display: block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    border-right: 1px solid #ccc;
    font-weight: 500;
    cursor: pointer;
}

.sale-rent li:last-child a {
    border-right: none; /* remove border from last */
}

.sale-rent li.active a {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.drop-form {
    background-color: #F5F5F5;
    padding: 20px 25px 47px;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 166px;
    display: none;
    margin: 0 -15px;
}

a.close-form {
    display: block;
    text-align: right;
    margin-bottom: 22px;
}

.drop-form .form-group {
    margin-bottom: 20px;
}

.drop-form .form-group label {
    display: block;
    margin-bottom: 12px;
    color: #202020;
    font-size: 15px;
    line-height: 20px;
}

.drop-form .form-group .form-control {
    color: #202020;
    height: 40px;
    background-color: #DEDEDE;
    border-color: #DEDEDE;
    background-clip: inherit;
}

.form-control::-webkit-input-placeholder {
    /* Edge */
    color: #202020;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #202020;
}

.form-control::placeholder {
    color: #202020;
}

.inner-form {
    display: flex;
}

.inner-form select.form-control {
    padding: 0 25px 0 0;
    text-align: right;
    text-align-last: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.inner-form select.form-control {
    background-image: url("../images/down-arrow.svg");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}

.value-box {
    display: flex;
    justify-content: space-between;
    color: #202020;
    font-size: 17px;
    height: 40px;
    line-height: 23px;
    border-radius: 30px;
    background-color: #ECECEC;
    align-items: center;
    padding: 0 22px;
}

.botm-form {
    margin-bottom: 37px;
}

.form-btns a {
    border: 1px solid #202020;
    width: 292px;
    margin: 0 20px;
    border-radius: 5px;
    height: 40px;
    color: #202020;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.form-btns {
    display: flex;
    justify-content: center;
}

.form-btns .get-btn {
    background-color: #202020;
    color: #fff;
}

.form-btns a:hover {
    background-color: #202020;
    color: #fff;
}

.form-btns .get-btn:hover {
    background-color: transparent;
    color: #202020;
}

.hill-sec .form-btns a {
    width: 100px;
    /* height: 45px; */
    padding: 10px;
    margin: 0;
}

.forset-section {
    padding-bottom: 18px;
    padding-top: 45px;
}

.head-forest {
    text-align: center;
    position: relative;
    margin-bottom: 28px;
}

.head-forest:after,
.head-forest:before {
    top: 69%;
    height: 1px;
    background-color: #202020;
    width: 40%;
    content: "";
    position: absolute;
    left: 0;
}

.head-forest:after {
    right: 0;
    left: auto;
}

.forest-text h4 {
    margin-bottom: 15px;
    color: #202020;
    font-size: 25px;
    line-height: 33px;
}

.forest-text span {
    margin-bottom: 15px;
    display: block;
    color: #202020;
    font-size: 20px;
    line-height: 26px;
}

.forest-text p {
    margin-bottom: 16px;
    color: #202020;
    font-size: 20px;
    line-height: 26px;
    display: flex;
    justify-content: center;
}

.forest-text p span {
    display: inline-block;
    padding: 0 18px;
}

.social-media {
    display: flex;
    justify-content: center;
}

.social-media li {
    margin-right: 18px;
}

.social-media li:last-child {
    margin-right: 0px;
}

.social-media li a {
    display: block;
}

footer {
    background-color: #e6e6e6;
    padding: 33px 0 25px;
    text-align: center;
}

.footer-links {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

.footer-links li a {
    color: #585858;
    font-size: 13px;
    line-height: 18px;
}

.footer-links li a:hover {
    color: #f1583b;
}

footer p {
    margin-bottom: 15px;
    color: #585858;
    font-size: 13px;
    line-height: 18px;
}

footer p img {
    margin-right: 6px;
}

footer a {
    display: block;
    text-align: right;
    color: #202020;
    font-size: 13px;
    font-weight: 400;
}

footer p:last-child {
    margin-bottom: 7px;
}

.footer-inner {
    max-width: 1482px;
    margin: 0 auto;
    width: 100%;
}

.modal-open .modal {
    padding: 0 !important;
}

#apporal .modal-content {
    max-width: 413px;
    margin: 0 auto;
    width: 100%;
}

#apporal .my-form {
    background-color: #E8E8E8;
    padding: 30px 26px 35px
}

.apporal-head {
    background-color: #6A6A6A;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 17px;
    position: relative;
}

.off-box {
    position: absolute;
    right: 13px;
}

.off-box img {
    height: 18px;
}

.modal {
    padding-right: 0 !important;
}

#apporal .my-form label {
    font-size: 13px;
    color: #202020;
    margin-bottom: 6px;
    padding-left: 8px;
}

#apporal .my-form button.submit-btn {
    margin-top: 15px;
}

#apporal .my-form button.submit-btn {
    margin-top: 15px;
}

#apporal .my-form .form-control {
    background-color: #fff;
}

.modal-backdrop.show {
    opacity: 0.75;
}

#apporal .my-form select.form-control {
    background-image: url("../images/down-arrow.svg");
    background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}

.map-tab {
    width: 100%;
    height: calc(100vh - 150px);
    position: relative;
}

.map-sidebar {
    background-color: #fff;
    max-width: 402px;
    width: 100%;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 18px 12px 0;
}

.head-side h4 {
    font-size: 18px;
    font-weight: 700;
    color: #293943;
    margin-bottom: 3px;
}

.drop-arrow {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.drop-arrow img {
    width: 16px;
}

.map-sidebar .nav-pills .nav-link {
    font-size: 14px;
    color: #434d53;
    padding: 0 0;
}

#pills-tab1 li.nav-item {
    white-space: nowrap;
}

.map-sidebar .nav-pills .nav-link {
    font-size: 14px;
    color: #434d53;
    display: flex;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border: 1px solid transparent;
}

.map-sidebar .swiper-slide-active .nav-link {
    background-color: transparent;
    border: 1px solid;
}

.map-sidebar .swiper-button-next,
.map-sidebar .swiper-button-prev {
    width: 24px;
    height: 24px;
    background-color: #d7d7d7;
    border-radius: 100px;
}

.map-sidebar .swiper-button-next img {
    height: 14px;
}

.map-sidebar .swiper-button-prev img {
    height: 14px;
}

.map-sidebar .swiper-button-next {
    top: 89%;
}

.map-sidebar .swiper-button-prev {
    top: 89%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.menu-one {
    display: flex;
    border: 2px solid #d7d7d7;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.menu-left {
    display: flex;
    align-items: center;
}

.menu-left img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    margin-right: 14px;
}

.menu-left .menu-text-left ul li img {
    width: 14px;
    height: 14px;
    min-width: auto;
}

.menu-text-left ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 3px;
}

.menu-text-left h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 2px;
}

.menu-text-left span {
    font-size: 14px;
    color: #bebebe;
    line-height: normal;
    display: block;
}

.menu-text-left ul li {
    width: 14px;
    margin-right: 3px;
}

.menu-text-left p {
    font-size: 12px;
    color: #bebebe;
    line-height: normal;
}

.right-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    padding-right: 11px;
}

.map-tab-inner {
    overflow-y: scroll;
    height: 640px;
}

.street-img {
    height: calc(100vh - 150px);
}

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

.footer-links li {
    position: relative;
    margin-right: 18px;
}

.footer-links li:last-child {
    margin-right: 0px;
}

.footer-links li:after {
    content: "|";
    position: absolute;
    top: -3px;
    right: -10px;
}

.footer-links li:last-child:after {
    display: none;
}

.buy-map {
    height: 100%;
}

.buy-box {
    height: 100%;
    overflow-y: scroll;
    background-color: #fff;
    padding: 60px 15px 10px 17px;
}

.buy-box .col-lg-6 {
    padding: 0 7px 10px;
}

.buy-box .row {
    margin: 0 -7px;
}

.filter-main {
    padding: 10px 0px 0px;
    display: flex;
    justify-content: space-between;
}

.select-catgory {
    min-width: 150px;
}

.select-catgory2 .btn-light {
    padding-left: 50px !important;
}

.select-catgory span.tags-select {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    font-weight: 400;
    color: #000000;
    font-size: 14px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    color: #717171;
}

#formselector {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #000;
    display: inline-flex;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.filter-main .form-control {
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 0;
    border-left: 0;
    border-color: rgba(112, 112, 112, 0.21);
    color: #000000;
}

.select-img {
    position: absolute;
    right: 9px;
    top: 23px;
    height: 6px;
    pointer-events: none;
}

.form-control:focus {
    box-shadow: none;
}

#search {
    width: 100%;
    min-width: 400px;
}

#search input.form-control {
    padding-left: 52px;
    height: 50px;
}

/* .search-icon {
    position: absolute;
    top: 15px;
    left: 15px;
} */

.filter-input {
    display: flex;
    width: 100%;
    min-width: 882px;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 0;
    color: #717171;
    font-size: 15px;
    padding-left: 16px;
    border: 0.5px solid #D4D4D4;
    padding: 13.5px 12px;
    background-color: transparent;
    border-left: none;
    height: 50px;
    box-shadow: none;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{
    box-shadow: none;
}
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline: none !important;
    outline-offset: -2px;
}

.menu {
    min-width: 374px;
    width: 100%;
    padding: 20px 14px;
    display: none;
    justify-content: space-between;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0;
    align-items: flex-start;
    position: absolute;
    z-index: 9;
    box-shadow: 1px 1px 4px #1C1C1C29;
}

.filter-input .dropdown-item.active,
.dropdown-item:active {
    color: #717171 !important;
    text-decoration: none;
    background-color: transparent;
}

.menufilter{
    display: flex;
    width: 100%;
}
.menu.active {
    display: flex;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.filter-input .dropdown-item.active,
.dropdown-item:active img {
    filter: none;
}

.filter-input .dropdown-item:focus,
.dropdown-item:hover {
    background-color: #F1F1F1;
}

.menu .position-relative {
    width: 48%;
}

.menu .dropdown-menu {
    border: none;
    padding-top: 5px;
}

.right-filter {
    /*min-width: 315px;*/
    width: 100%;
    display: flex;
}

.filter-one {
    width: 16.66%;
}

.filter-input .form-control {
    cursor: pointer;
}

.filter-main .form-control a {
    color: #000000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.menu .dropdown-menu {
    transform: translate3d(0, 0, 0) !important;
    position: static !important;
}

#status .bootstrap-select .bs-ok-default:after {
    content: '';
    display: none;
    width: 20px;
    height: 14px;
    border: none;
    background-image: url(../images/check-icon.svg);
    background-repeat: no-repeat;
    transform: none;
    margin: 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#status .bootstrap-select .dropdown-menu li a {
    padding-left: 60px;
}
.dropdown.bootstrap-select .dropdown-menu.inner li a .text{
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}
#status .bootstrap-select .dropdown-menu li a span.check-mark {
    width: 24px;
    height: 24px;
    border: 1px solid #D4D4D4;
    /*background-image: url("../images/checkbox.svg");*/
    position: absolute;
    display: inline-block;
    right: auto;
    top: 5px;
    left: 20px;
    background-size: contain;
}

.dropdown-menu {
    font-size: 14px;
    max-height: 350px;
}

#status .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: auto;
    top: 5px;
}

#status .bootstrap-select .dropdown-item.selected .bs-ok-default:after {
    display: inline-block;
}

.more-filter {
    box-shadow: -3px -3px 4px rgb(28 28 28 / 10%);
    width: 100%;
    max-width: 895px;
    position: fixed;
    background-color: #fff;
    z-index: 1;
    right: 15px;
    overflow-y: auto;
    height: calc(100vh - 140px);
    display: none;
}

.type-one {
    width: 33%;
}

.filter-inner {
    overflow-y: scroll;
    padding: 24px 18px 29px 20px;
    height: calc(100% - 80px);
}

.filter-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    padding: 10px 0;
}

.menu button.btn.dropdown-toggle.btn-light {
    border: 1px solid rgba(112, 112, 112, 0.21);
}

.more-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 35px;
}

.more-head a {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
    font-size: 18px;
}

.more-head a img {
    margin-left: 20px;
    width: 18px;
}

.container-check { 
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #717171;
    font-size: 14px;
    display: flex;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 24px;
}


/* Hide the browser's default checkbox */

.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: auto;
    height: 22px;
    width: 22px;
    background-color: transparent;
    border: 1px solid #707070;
    right: 0;
}


/* On mouse-over, add a grey background color */

.container-check:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.container-check input:checked~.checkmark {}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.container-check input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.container-check .checkmark:after {
    /*    left: 3px;
        top: 1px;
        width: 4px;
        height: 7px;*/
    left: 4px;
    top: -3px;
    width: 5px;
    height: 11px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.more-body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.more-body .position-relative {
    width: 100%;
}

.more-body .filter-one {
    width: 24%;
}

.more-body .form-control {
    border: 0.5px solid #BCBABA;
}

.more-body .bootstrap-select>.dropdown-toggle {
    border: 0.5px solid #BCBABA;
}

.more-filter h3 {
    font-size: 18px;
    margin-bottom: 12px;
    padding-top: 15px;
}

.property-type {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px solid #707070;
    margin-bottom: 8px;
}

a.lsiting-btn:hover,
.save-btn:hover {
    color: #bc9429;
    cursor: pointer;
}

.filter-one.c-filter {
    width: 60% !important;
}

.dropup .dropdown-toggle::after {
    visibility: hidden;
}

.property-type span.checkmark {
    right: auto;
    left: 0;
}

.property-type label.container-check {
    padding-left: 35px;
    margin-bottom: 16px;
}

.more-filter .property-type:last-child {
    border-bottom: none;
}

.lsiting-btn {
    width: 199px;
    border: 1px solid #707070;
    background-color: #020202;
    color: #FFFFFF;
    font-size: 16px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 0;
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: #bc9429;
}

.form-control.border {
    border-color: #70707036 !important;
}

.more-filter.active {
    display: block;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #717171;
    background-color: transparent;
    border-color: #70707036;
}
ul.rating.label-2 {
    top: 45px;
}
.right-filter .clear-box {}

.right-filter .clear-box a {
    background-color: #797979;
    width: 179px;
    height: 39px;
    color: #FFFFFF;
    font-size: 16px;
    justify-content: center;
}

.right-filter .clear-box a img {
    margin-right: 12px;
}

.right-filter .clear-box a span {
    width: 25px;
    height: 25px;
    background-color: #fff;
    color: #717171;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    margin-left: 8px;
    font-size: 14px;
}

.save-btn {
    min-width: 100px;
    height: 50px;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.filter-main .form-control::-webkit-input-placeholder {
    /* Edge */
    color: #000;
}

.filter-main .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000;
}

.filter-main .form-control::placeholder {
    color: #000;
}

.filter-botm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 42px;
    position: absolute;
    right: 15px;
    bottom: -59px;
    z-index: 1;
    background-color: #fff;
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    z-index: 2;
}

.filter-botm .nav-item .nav-link {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
}

.filter-botm .nav-item .nav-link.active {
    background-color: transparent;
}

.filter-botm .nav-item .nav-link.active img.hover-icon {
    display: block;
}

.filter-botm .nav-item .nav-link.active img.simple-icon {
    display: none;
}

.filter-botm .nav-item .nav-link img.hover-icon {
    display: none;
}

.icon-filter {
    display: flex;
}

.icon-filter a {}

.icon-filter a .active-icon {
    display: none;
}

.icon-filter li {
    margin-left: 25px;
}

.icon-filter li.active .active-icon {
    display: inline-block;
}

.icon-filter li.active .inactive-icon {
    display: none;
}

.filter-botm span {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

#commercial .filter-one {
    width: 20%;
}

#commercial .filter-one {
    width: 30%;
}

#preconstruction {
    min-width: 540px;
}

#preconstruction .filter-one {
    width: 100%;
}

.result-filter {
    padding-bottom: 20px;
    padding: 60px 15px 0px;
}

.result-filter .row.no-gutters {
    margin: 0 -6px;
}

.result-filter .col-xl-2,
.result-filter .col-fhd-2 {
    padding: 0 6px 21px;
}

.pagenaion-box {
    display: flex;
    padding: 20px 10px 30px;
}

.pagenaion-box li {
    margin-right: 10px;
}

.pagenaion-box li a {
    padding: 4px 9px;
    font-size: 14px;
    border: 1px solid #707070;
    color: #000000;
    font-weight: 500;
}

.pagenaion-box li .dots {
    border: none;
}

.pagenaion-box li.active a {
    background-color: #000000;
    color: #fff;
}

.mobile-head {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.mobile-head li {
    width: 33.33%;
}

.mobile-head li a {
    height: 50px;
    border: 0.10000000149011612px solid #707070;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mobile-head li a img {
    display: block;
    width: 14px;
    margin-bottom: 4px;
}

.mobile-head li a span {
    display: block;
    font-size: 13px;
    color: #000000;
}

.body-mobile-filter {
    background-color: #F8F8F8;
    padding: 15px 15px 15px;
    position: relative;
    height: calc(100vh - 116px);
    overflow-y: auto;
}

.body-mobile-filter .form-group {
    margin-bottom: 20px;
}

.body-mobile-filter .form-group .form-control {
    color: #808080;
    height: 40px;
    padding-left: 12px;
    font-size: 12px;
}

.body-mobile-filter .bootstrap-select>.dropdown-toggle {
    border-radius: 0;
    color: #808080;
    font-size: 12px;
    border: 0.5px solid #BCBABA;
    padding: 8.5px 12px;
    background-color: #fff;
}

.body-mobile-filter .form-group label {
    margin-bottom: 9px;
    color: #202020;
    font-weight: 500;
    font-size: 14px;
}

.body-mobile-filter .select-img {
    top: 15px;
}

.body-mobile-filter .dropdown-item.active,
.dropdown-item:active img {
    filter: none;
}

.mobile-price {
    display: flex;
    justify-content: space-between;
}

.mobile-price .position-relative {
    width: 49%;
}

.mobile-price .dropup .dropdown-toggle::after {
    display: none;
}

.mobile-price .bed {
    width: 49%;
}

.mobile-price .bed .position-relative {
    width: 100%;
}

.body-mobile-filter .lsiting-btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    left: 0;
}

.mobile-filter {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 100%;
}

.side-arw {
    border: 0.5px solid #AEAEAE;
    width: 21px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    right: 0;
    background-color: #fff;
    top: 50%;
    transform: translate(0, -50%);
}
section.listing a.label {
    min-width: auto;
    padding: 0 10px 0 10px;
}
.side-arw img {
    width: 8px;
    height: 15px;
}

.mapp.active {
    max-width: 100%;
    flex: 100%;
}

#buy-hide.active {
    display: none;
}
/*
.dropdown.bootstrap-select.show-tick {
    z-index: 1;
}*/

.mapp,
.mapp-right {
    height: calc(100vh - 135px);
}

.filter-top-main {
    position: relative;
}

.mapp-right.active {
    display: none;
}

.more-filter {
    max-width: 650px;
}


/* HOME CSS */

.home-search {
    padding: 154px 0 190px;
    background-color: #e6e6e6;
    text-align: center;
    background-image: url(../images/img-pr1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.home-search:after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.31);
}
.home-search h1 {
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    z-index: 10;
}

.home-search form {
    max-width: 600px;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.home-search form .position-relative {
    flex: 1;
}

.home-search form .position-relative i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}

.home-search form .form-control {
    font-size: 14px;
    color: #808080;
    border-radius: 0;
    height: 60px;
    padding-left: 50px;
    border: none;
}
.home-search form a.btn-dark{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 60px;
}
.home-search form a.btn-dark span{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}
.home-search .input-group .btn-holder{
    display: flex;
    align-items: center;

}

.home-search form button {
    background-color: transparent;
    border: none;
    width: 60px;
    cursor: pointer;
    height: 100%;
}

.home-search form a.btn-dark {
    background-color: #000000;
}

.home-search form button.btn-white:hover,
.home-search form a.btn-dark:hover {
    background-color: #525252;
}

.home-search form button.btn-white {
    background-color: #FFFFFF;
}

.home-search form button.btn-white:hover img {
    filter: brightness(0) invert(1);
}

.listing {
    padding: 44px 0;
}

.listing h2 {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 34px;
}

.listing-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 60px;
}

.listing-filter li a {
    color: #202020;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    padding: 7px 30px;
    position: relative;
    display: inline-flex;
}

.listing-filter li a.active:after {
    content: '';
    height: 1px;
    background-color: #000;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}

.listing .form-btns a {
    width: 160px;
}

.listing .tab-content .row {
    margin: 0 -4.5px 40px;
}
.top-row{
    margin: 0 -4.5px;
}
.top-row [class*="col-"] {
    padding: 4.5px;
}


/* Latest Project */

.caption {
    text-align: center;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 60px;
}

.caption h2 {
    font-size: 35px;
    font-weight: 300;
}

.caption:after {
    content: '';
    width: 150px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: #000;
    margin: 0 auto;
}

.card-project {
    background-color: #F6F6F6;
}

.card-project .content {
    padding: 22px 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-project .content h4 {
    font-size: 21px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 24px;
}

.card-project .content p {
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}

.card-project .content a {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 202px;
    height: 44px;
    margin-top: 30px;
    color: #fff;
    background-color: #000;
}

.latest-project .card-project {
    margin-bottom: 30px;
}

.latest-project .card-project .img-holder {
    height: 100%;
}

.latest-project .card-project .img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.latest-project {
    padding: 15px 0 60px;
}

.market-place {
    background-color: #F6F6F6;
    padding: 44px 0;
}

.market-place h2 {
    font-size: 35px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px;
}

.market-place .form-btns a {
    width: 202px;
}

.market-place .form-btns {
    margin-top: 35px;
}

.how-buy {
    padding: 52px 0;
}

.content-text h2 {
    font-weight: 300;
    font-size: 35px;
    margin-bottom: 25px;
}

.content-text {
    text-align: center;
}

.content-text p {
    font-size: 15px;
    line-height: 20px;
    padding: 0 40px;
}

.content-text .search form .relative {
    flex: 1;
    position: relative;
}

.content-text .search form .relative img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 20px;
}

.content-text .search form .relative .form-control {
    padding-left: 44px;
    font-size: 14px;
    height: 44px;
}

.content-text .search form {
    max-width: 500px;
    margin: 0 auto;
    padding: 136px 30px;
}

.content-text .search {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 40px;
    border-radius: 10px;
}

.content-text .search form .btn-dark {
    font-size: 12px;
    width: 140px;
    cursor: pointer;
    background-color: #000000;
    border: none;
    border-radius: 5px;
}

.buy-sell .caption h2 {
    margin-bottom: 10px;
}

.buy-sell .caption {
    margin-bottom: 70px;
}

.buy-sell .caption p {
    font-size: 18px;
    line-height: 24px;
}

.buy-sell {
    background-color: #F6F6F6;
    padding: 58px 0;
}
.tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.tool-card {
    background: white;
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}


.tool-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 20px rgb(45 40 40 / 15%);
    border-color: #6e7378;
}

.tool-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.tool-card:hover .tool-icon {
    transform: scale(1.1);
}

.tool-title {
    font-size: 1.4rem;
    color: #5b5d62;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.tool-card:hover .tool-title {
    color: #212529;
}

.tool-card {
    animation: fadeInUp 0.6s ease forwards;
}

.tool-card:nth-child(1) { animation-delay: 0.1s; }
.tool-card:nth-child(2) { animation-delay: 0.2s; }
.tool-card:nth-child(3) { animation-delay: 0.3s; }
.tool-card:nth-child(4) { animation-delay: 0.4s; }
@media (max-width: 768px) {
    .hero-title {
        font-size: 2.2rem;
    }
    
    .container {
        padding: 20px;
    }
    
    .property-showcase {
        grid-template-columns: 1fr;
    }
    
    .tools-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.select-opt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.select-opt h2 {
    flex: 1;
}

.select-opt .cta-links {
    width: 145px;
    height: 32px;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    position: relative;
    color: #202020;
    font-size: 14px;
    font-weight: 400;
}

.select-opt {
    position: relative;
    padding-left: 145px;
}

.select-opt .cta-links i {
    margin-left: auto;
}

.select-opt .dropdown-menu {
    min-width: 100%;
    margin: 0;
    box-shadow: 2px 3px 6px rgba(0,0,0,0.29);
    border: 1px solid #E2E2E2;
    padding: 0; 
    top: 100% !important;
    transform: none !important;
    position: absolute;
    top: 0;
    right: 0;
}

.select-opt .dropdown-menu li a {
    padding: 6px 14px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
    color: #202020;
}

.select-opt .dropdown-menu li a:hover {
    background-color: #F1F1F1;
}

.card-graph {
    box-shadow: 0px 3px 6px #00000014;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    height: 100%;
}

.card-graph h4 {
    font-size: 16px;
    font-weight: 500;
    color: #6B6B6B;
    border-bottom: 1px solid #E1E1E1;
    padding: 12px 15px;
}

.card-graph ul {
    padding: 0 15px;
}

.card-graph ul li {
    border-bottom: 1px solid #E1E1E1;
    font-size: 16px;
    padding: 12px 0;
    font-weight: 300;
}

.card-graph ul li span {
    float: right;
    display: inline-flex;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 18px;
    background-color: #F2F2F2;
    color: #202020;
    font-size: 14px;
}

header .nav-item.dropdown .dropdown-menu {
    margin: 0;
    border: none;
    padding: 0;
    background-color: #F5F5F5;
    border-radius: 0;
}

header .nav-item.dropdown .dropdown-menu .dropdown-item {
    font-size: 16px;
    border-bottom: 1px solid #D4D4D4;
    padding: 10px 20px;
}

header .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #000;
}

header .nav-item.dropdown .dropdown-menu li:last-child .dropdown-item {
    border: none;
}
/************** LOGIN MODAL **********/
.login-modal .modal-dialog{
    max-width: 383px;
    width: 100%;
    margin: .5rem auto;
}
.login-modal .modal-content{
    border: none;
    border-radius: 0;
    background-color: #fff;
}
.login-modal .modal-body{
    padding:70px 40px 75px;
}
.login-modal .modal-body form h4{
    text-align: center;
    color: #202020;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 500;
}
.login-modal .modal-body form .form-group{
    margin: 0 0 15px 0;
    position: relative;
}
.login-modal .modal-body form .form-group a.eyes-icon{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
}
.login-modal .modal-body form .form-group .form-control{
    border: 0.5px solid #BCBABA;
    border-radius: 1px;
    height: 50px;
    color: #202020;
    font-size: 13px;
    font-weight: 400;
    box-shadow: none;
}
.login-modal .modal-body form .form-group .form-control::placeholder{
    color: #202020;
}
.login-modal .modal-body form .form-group ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
}
.login-modal .modal-body form .form-group ul li .container-check{
    color: #707070;
    font-size: 13px;
    font-weight: 400;
    padding-left: 19px;
}
.login-modal .modal-body form .form-group ul li .checkmark {
    right: auto;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 2px solid #BFBFBF;
    border-radius: 4px;
}
.login-modal .modal-body form .form-group ul li a{
    color: #707070;
    font-size: 13px;
    font-weight: 400;
}
.login-modal .btn-default{
    border-radius: 1px;
    background-color: #202020;
    width: 100%;
    max-width: 300px;
    color: #FEFEFE;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
}
.login-modal .btn-default:hover{
    color: #fff;
}
.login-modal p{
    text-align: center; 
    color: #707070;
    font-size: 14px;
    font-weight: 500;
    margin-top: 30px;
}
.login-modal p a{
    color: #202020;
    text-decoration: underline;
}
.close-btn a {
    position: absolute;
    top: 15px;
    right: 15px;
}
.close-btn a img{
    filter: brightness(1.5%);
    height: 18px;
}
/******** CREAT ACCOUNT MODAL *******/
.creat-account-modal .modal-dialog{
    max-width: 760px;
}
.creat-account-left{
    border-radius: 1px;
    background-color: #F8F8F8;
    height: 100%;
    padding-left: 30px;
    padding-right: 23px;
    padding-top: 82px;
    padding-bottom: 82px;
}
.creat-account-left img{
    margin-bottom: 24px;
}
.creat-account-left p{
    color: #202020;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    text-align: left;
    margin: 0 0 15px 0;
}
.creat-account-left ul li{
    color: #202020;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
}
.creat-account-modal .modal-body {
    padding: 70px 40px 27px;
}
/******** FILTER MODAL *******/
.filter-modal .modal-dialog{
    max-width: 1150px;
    width: 100%;
}
.filter-modal .modal-content{
    border: none;
    border-radius: 10px;
    background-color: #fff;
}
.filter-modal .modal-body {
    padding: 30px;
}
.filter-modal-inner {
    /* padding-right: 100px;
    margin-bottom: 19px; */
}
.filter-modal-inner .relative {
    position: relative;
}
.filter-modal-inner .relative i{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 20px;
}
.filter-modal-inner .relative .form-control{
    border: 1px solid #D4D4D4;
    opacity: 1;
    color: #808080;
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    border-radius: 0; 
    padding-left: 51px;
}
.filter-modal-inner .relative .form-control::placeholder{
    color: #808080;
    font-weight: 400;
}
.filter-timing{
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.filter-timing .form-control{
    height: 40px;
    border: 1px solid #D4D4D4;
    max-width: 200px;
    margin-left: auto;
    display: flex;
    align-items: center;
    border-radius: 0; 
}
.filter-timing .container-check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 13px;
}
.filter-modal-bottom {
    margin-top: 15px;
}
.filter-modal-bottom .form-group label{
    color: #202020;
    font-size: 16px;
    font-weight: 500;
    display: block;
    /* margin: 0 0 5px 17px; */
}
.filter-modal-bottom .form-group {
    margin-bottom: 28px;
}
.filter-modal-bottom .form-group .bootstrap-select{
    border: 1px solid #D4D4D4;
    height: 40px;
}
.filter-modal-bottom .bootstrap-select>.dropdown-toggle{
    height: 40px;
    padding: 7.5px 12px;
    border: none;
}
.filter-modal-bottom .select-img {
    top: 18px;
    height: 6px; 
    filter: brightness(0.5);
}
.listing-btn{
    padding: 10px;
    background-color: #020202;
    border: 1px solid #707070;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #fff;
    border-radius: 5px;;
}
.listing-btn:hover{
    color: #FFF;
    cursor: pointer;
    background-color: #525252;
    border: none;
}
.filter-modal-bottom  .dropdown-item.active, .filter-modal-bottom  .dropdown-item:active img{
    filter: inherit;
}

.filter-modal-bottom .dropdown, .filter-modal-bottom .dropleft, filter-modal-bottom .dropright, .filter-modal-bottom .dropup {
    z-index: auto;
}
.filter-modal-bottom .filter-one {
    width: 100%;
}
.filter-modal-bottom .select-catgory span.c-label { 
    margin-top: 10px;
}
.filter-modal-bottom #status .bootstrap-select .dropdown-menu li a span.check-mark{
    top: 50%;
    transform: translate(0, -50%);
}
.filter-modal-bottom #status .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: auto;
    top: 50%;
    transform: translate(0, -50%);
}
/******** MARKET STATISTICS ****/
.market-trend-sec{
    border-bottom: 1px solid #F3F3F3;
    padding: 12px 0;
}
.market-trend-sec .media{
    align-items: center;
    justify-content: space-between;
}
.market-trend-sec h3{
    color: #202020;
    font-size: 22px;
    font-weight: 500;
}
.market-trend-sec ul{
    display: flex;
    align-items: center;
}
.market-trend-sec ul li{
    margin-left: 15px;
}
.market-trend-sec ul li .select-catgory .btn-light{
    border: 1px solid #F3F3F3;
    border-radius: 2px;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    width: 225px;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
    background-color: transparent;
    border-color: #F3F3F3; 
}
.market-trend-sec ul li .select-catgory .dropdown-menu{
    border: 1px solid #F3F3F3;
    border-radius: 2px;
    margin: -1px 0 0 0;
    padding: 0;
}
.market-trend-sec ul li .select-catgory .dropdown-menu li{
    margin: 0;
}
.market-trend-sec ul li .select-catgory .dropdown-menu li a{
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    padding: 9px 18px;
}
.market-trend-sec ul li .select-catgory .dropdown-menu li a.dropdown-item.active, .market-trend-sec ul li .select-catgory .dropdown-menu li a.dropdown-item:active{
    color: #707070 !important;
    filter: inherit;
    background-color: #F6F6F6;
}
.market-trend-sec ul li .select-catgory .dropdown-menu li a.dropdown-item:focus, .market-trend-sec ul li .select-catgory .dropdown-menu li a.dropdown-item:hover{
    background-color: #F6F6F6;
}
.neighbourhoods{
    margin: 30px 0 0 0;
}
.neighbourhoods .nav-pills .nav-item {
    margin-right: 24px;
}
.neighbourhoods .nav-pills .nav-item .nav-link{
    color: #AEAEAE;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 3px 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid transparent;
}
.neighbourhoods .nav-pills .nav-item .nav-link.active{
    background-color: transparent;
    color: #202020;
    border-bottom-color: #202020;
}
.neighbourhoods-current{
    padding: 35px 0 0 0;
}
.neighbourhoods-price{
    margin-bottom: 37px;
}
.neighbourhoods-price ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.neighbourhoods-price ul li{
    width: 33.3%;
    padding: 10px 10px;
}
.neighbourhoods-price ul li .neighbourhoods-price-box{
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    text-align: center;
    padding: 15px 15px 13px;
}
.neighbourhoods-price ul li .neighbourhoods-price-box h4{
    color: #202020;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1px;
}
.neighbourhoods-price ul li .neighbourhoods-price-box h4 img{
    margin-left: 5px;
}
.neighbourhoods-price ul li .neighbourhoods-price-box span{
    color: #202020;
    font-size: 14px;
    font-weight: 400;
}
.neighbourhoods-chart {
    margin-bottom: 50px;
}
.chart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chart-head .chart-head-left h4{
    color: #202020;
    font-size: 18px;
    font-weight: 400;
}
.chart-head-right .btn-light{
    border: 1px solid #F3F3F3;
    border-radius: 2px;
    height: 48px;
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    width: 199px;
}
.chart-head-right .select-catgory .dropdown-menu{
    border: 1px solid #F3F3F3;
    border-radius: 2px;
    margin: -1px 0 0 0;
    padding: 0;
}
.chart-head-right .select-catgory .dropdown-menu li{
    margin: 0;
}
.chart-head-right .select-catgory .dropdown-menu li a{
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    padding: 9px 18px;
}
.chart-head-right .select-catgory .dropdown-menu li a.dropdown-item.active, .chart-head-right .select-catgory .dropdown-menu li a.dropdown-item:active{
    color: #707070 !important;
    filter: inherit;
    background-color: #F6F6F6;
}
.chart-head-right .select-catgory .dropdown-menu li a.dropdown-item:focus, .chart-head-right .select-catgory .dropdown-menu li a.dropdown-item:hover{
    background-color: #F6F6F6;
}

.market-stat-page .my-form .form-group {
    margin-bottom: 15px;
}
.market-stat-page .my-form p{
    color: #202020;
    font-size: 13px;
    font-weight: 400;
    margin: 30px 0 0 0;
}
.spacer-div {
    height: 127px;
}
.market-stat-page .my-form p a{
    font-weight: 500;
    color: #202020;
    text-decoration: underline;
}
.chart-container {
    width: 500px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.market-stat-page .my-form {
    padding: 40px;
}
/******* SEARCH ADD ******/

.search-dd {
    width: 125%;
    height: 315px;
    overflow-y: auto;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    position: absolute;
    top: 100%;
    text-align: left;
    left: 0;
    z-index: 12;
    padding: 15px 0;
    display: none;
    border-radius: 5px !important;
}

.search-dd .city-names h5 {
    font-size: 14px;
    line-height: 20px;
    color: #202020;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 0 15px;
}

.search-dd .city-names h5 span {
    padding-right: 5px;
    position: relative;
    top: -3px;
}

.search-dd .city-names h5 span img {
    width: 20px;
    height: 20px;
}

.search-dd .city-list li {
    padding: 0 15px;
}

.search-dd .city-list li a {
    font-size: 14px;
    line-height: 34px;
    color: #202020;
    font-weight: 400;
    position: relative;
    top: auto;
    left: auto;
    transition: all ease-in-out 0.5s;
    display: flex;
    justify-content: space-between;
}

.search-dd .city-list li:hover {
    background-color: #f3f3f3;
    cursor: pointer;
}

.search-dd .city-list li a span {
}

.city-names {
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d4d4;
    padding-top: 20px;
}

.search-dd .city-names:first-child {
    padding-top: 0;
}

.search-dd .city-names:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.position-relative:hover .search-dd {
    display: none;
}
.form-back{
    border: 1px solid #707070;
    width: 80px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202020;
    font-size: 13px;
    font-weight: 400;
}
.forgot-password-text p{
    color: #202020;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    line-height: 16px;
}
.bootstrap-select .dropdown-toggle .filter-option{
    display: flex;
    align-items: center;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0; 
}
.type-check .bootstrap-select .dropdown-menu.inner li:first-child a{
    padding-left: 14px !important;
    pointer-events: none !important;
    cursor: default !important;
}
.type-check .bootstrap-select .dropdown-menu.inner li:first-child a span.check-mark{
    display: none !important;
}
.dropdown.bootstrap-select .dropdown-menu.inner li a{
    font-size: 14px;
    color: #717171;
    font-weight: 400;
    padding: 9px 20px;
}
.dropdown.bootstrap-select .dropdown-menu{
    border: 1px solid #D4D4D4;
    background-clip: inherit;
    box-shadow: 0px 3px 6px #00000029;
    padding-bottom: 5px;
}
.dropdown.bootstrap-select .dropdown-menu.inner{
    border: none;
    box-shadow: none;
}


.loader-main {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    background-color: #d9d3d3;
    flex-direction: column;
    top: 0;
    opacity: 0.6;
}

.loader-main.loader__up {
    visibility: hidden;
    opacity: 0;
    transition: var(--transition_05s);
    -webkit-transition: var(--transition_05s);
    -moz-transition: var(--transition_05s);
    -ms-transition: var(--transition_05s);
}

.loader .dot { width: 24px; height: 24px; background: #aeaeae; transform: rotate(45deg); display: inline-block; margin: 5px; animation: slide 1s infinite ease-in-out; }
.loader .dot:nth-child(1) { animation-delay: 0.1s; background: #3b3b3b; }
.loader .dot:nth-child(2) { animation-delay: 0.2s; background: #bc9429; }
.loader .dot:nth-child(3) { animation-delay: 0.3s; background: #aea07b; }
.loader .dot:nth-child(4) { animation-delay: 0.4s; background: #6f6e6e; }
.loader .dot:nth-child(5) { animation-delay: 0.4s; background: #705711; }


.results-info{
    padding: 3px 0px;
    text-align: end;
}   


/* .mapboxgl-popup-close-button{
    right: 9px !important;
    top: 5px !important;
    font-size: 25px;
} */
/* .property-popup h4{
    font-size: 16px;
    text-align: center;
    padding-bottom: 2px;
} */
/* .property-popup p{
    text-align: center;
} */
.details-banner-image{
    object-fit: cover;
    width:100%;
    height:360px !important;
}
.carousel_image{
    height: 316px ;
    max-width: 100%;
}

.help-block.error-help-block {
    color: red;
    font-size: 0.85rem;
    margin-top: 2px;
    display: block;
}

.has-error input {
    border-color: red;
}
.mapboxgl-popup-close-button{
    position: absolute !important;
    right: -7px !important;
    top: -8px !important;
    border: 0 !important;
    border-radius: 0 3px 0 0 !important;;
    cursor: pointer !important;
    background-color: black !important;;
    font-size: 21px !important;
    border-radius: 100px !important;;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: white;
}

.mapboxgl-popup-content{
    padding: 15px 10px 15px !important;
    border-radius: 5px !important;
}
.mapboxgl-popup-content h4{
    font-size: 14px !important ;
}


.market-place-dropdown{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Ensures responsiveness */
  padding: 10px 0;
}

.market-place-dropdown h2 {
  flex: 1;
  text-align: center;
  margin: 0;
}
.market-place-dropdown .dropdown {
  display: flex;
  gap: 10px; /* spacing between the two dropdowns */
}
.market-place-dropdown select {
  min-width: 150px;
}



.how-buy .content-text form{
    position: relative;
    max-width: 500px;
    width: 100%;
}
.how-buy .content-text form .relative{
    position: relative;
}
.how-buy .content-text form .relative .form-cntrol{
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    height: 50px;
    box-shadow: none;
    color: #7E7E7E;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    padding-left: 30px;
}
.how-buy .content-text form .relative .icon{
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0,-50%);
}
.how-buy .content-text form .relative .icon svg{
    font-size: 20px;
}
.how-buy .content-text form .btn-default{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 120px;
    width: 100%;
    border-radius: 0 4px 4px 0;
    /* height: 50px; */
}

.btn-default{
    border: 1px solid #202020;
    background-color: #202020;
    height: 45px;
    width: 100%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-default:hover{
    color: #fff;
}