* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: "Cairo", sans-serif;
}

html {
    font-size: 16px;
}

body {
    /* direction: rtl; */
    font-family: "Cairo", sans-serif;
    overflow-x: hidden;
    background-color: #e7f0ff;
}

.container {
    max-width: 1140px;
    margin: auto;
}

.w-full {
    width: 100% !important;
}

.d-flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.d-none {
    display: none;
}

:root {
    --mainColor: #459775;
    --secondColor: #e7f0ff;
    --yellowColor: #f95f07;
}
header{
    background-color: var(--mainColor);
    margin-bottom: 20px;
}
button {
    border: none;
    outline: none;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}


/* Scrollbar styles */


/* Firefox */

* {
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 5px;
}

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

 ::-webkit-scrollbar-thumb {
    background: var(--mainColor);
    border-radius: 10px;
}

 ::-webkit-scrollbar-thumb:hover {
    background: #233b83;
}

.popup-search .popup-tags::-webkit-scrollbar,
.tags::-webkit-scrollbar {
    width: 5px;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

nav {
    background-color: var(--secondColor);
    padding: 12px 0px;
}

nav .nav {
    justify-content: space-between;
}

.nav .info {
    gap: 18px;
}

.nav .info p {
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.11em;
    color: var(--mainColor);
}

.nav .info p a {
    color: var(--mainColor);
}

.nav .contact-us {
    gap: 8px;
}

.nav .contact-us .social {
    gap: 12px;
}

.nav .contact-us .social a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--mainColor);
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav .contact-us p {
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    color: #38343d;
    cursor: pointer;
}

.nav .contact-us .lang {
    background-color: transparent;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: var(--mainColor);
    margin-inline-start: 8px;
    cursor: pointer;
}

.nav .contact-us .lang svg {
    margin-inline-start: 6px;
}

header {
    /* background-image: url(../images/bg-header.png);
    padding-top: 24px;
    background-size: cover;
    padding-bottom: 100px; */
    display: inline-block;
    width: 100%;
}

header .header {
    padding-top: 15px;
    padding-bottom: 15px;
}

.bg_search_div {
    /* background-image: url(../images/bg-header.png); */
    background-size: cover;
    padding-bottom: 160px;
    padding-top: 200px;
}

.home header {
    position: relative;
    z-index: 999;
}

.header_bg {
    display: inline-block;
    width: 100%;
    height: 110px;
}

.header_bg {
    background-color: var(--mainColor);
}

.home .header_bg {
    background-color: transparent;
}

.lang:hover {
    opacity: 0.8;
}

.home .page-body {
    padding-top: 0;
}

.navbar {
    background-color: var(--mainColor);
    padding: 24px 0px;
    margin-bottom: 31px;
}

.navbar .navmenu {
    margin-bottom: 0px;
}

.menu-items {
    gap: 16px;
}

.menu-items .menu-item a {
    color: var(--secondColor);
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    border: none;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    transition: 0.3s;
}

.menu-items .active-item a {
    background-color: var(--secondColor);
    color: var(--mainColor);
}

.menu-items .menu-item a:hover {
    background-color: var(--secondColor);
    color: var(--mainColor);
}

.add-property {
    background-color: var(--yellowColor);
    border-radius: 8px;
    padding: 10px 40px;
    cursor: pointer;
    border: solid 1px var(--yellowColor);
    transition: 0.3s;
}

.add-property:hover {
    background-color: transparent;
}

.add-property:hover a,
.add-property:hover a svg path {
    color: var(--yellowColor);
    fill: var(--yellowColor);
}

.add-property a {
    gap: 8px;
    color: var(--mainColor);
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
}

.navmenu {
    /* margin-bottom: 80px; */
}

.scroll-navmenu {
    position: fixed;
    padding: 24px 0px 16px;
    top: 0px;
    background-color: hsl(213deg 60% 22% / 70%);
    backdrop-filter: blur(12.5px);
    width: 100%;
    right: 0px;
    z-index: 9;
}

.fake-nav {
    display: none;
    height: 86px;
    color: transparent;
    margin-bottom: 80px;
}

.search_tit {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
}

.search_tit h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 75px;
}

.search .tabs {
    justify-content: space-between;
    margin-bottom: 24px;
}

.search .tab {
    padding: 16px 25px;
    background: #f1f1f1;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: var(--mainColor);
    cursor: pointer;
    margin-inline-end: 8px;
}

.search .active-tab {
    background-color: var(--mainColor);
    color: #fff;
    font-weight: 700;
}

.search-link {
    opacity: 0;
    position: absolute;
}

.inner-search {
    grid-column: 2 / span 10;
    background: #f9fdff;
    border: 1px solid #c7e6f4;
    border-radius: 16px;
    padding: 16px;
}

.inner-search .inpur {
    position: relative;
}

.dropdown-wrapper__content,
.dropdown-wrapper__price {
    position: absolute;
    inset-inline-end: 0px;
    z-index: 9;
    background: #f9fdff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 16px;
    top: 55px;
    display: none;
}

.dropdown-wrapper__price {
    inset-inline-end: unset;
    inset-inline-start: 0px;
}

#dropdown-wrapper__price .dropdown-wrapper__price-inputs {
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 19px;
}

#dropdown-wrapper__price .dropdown-wrapper__price-inputs select {
    padding: 16px 49px;
    border: none;
    background-color: var(--secondColor);
    color: var(--mainColor);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 4px;
}

#dropdown-wrapper__price .given-input input {
    padding: 0px;
    border-radius: 4px;
    appearance: auto;
}

#dropdown-wrapper__price .given-input {
    margin-bottom: 27px;
}

.recovery {
    color: #1e6fcf;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    border-top: 1px solid #c7e6f4;
    background-color: unset;
    width: calc(100% + 32px);
    margin-inline-start: -16px;
    cursor: pointer;
}

.bed-and-bath-selector {
    position: relative;
}

body .chip-filter__input {
    padding: 0 !important;
    width: 100%;
    height: 100%;
}

.content-tabs .inner-search-input::after {
    content: "";
    width: 9px;
    height: 14px;
    background: url(/assets/img/arrow.svg) no-repeat center center transparent;
    position: absolute;
    inset-inline-end: 14px;
    top: 19px;
    z-index: 100;
}

.content-tabs .inner-search-input.city::after {
    background: url(/assets/img/search.svg) no-repeat center center transparent;
    width: 20px;
    height: 20px;
    top: 16px;
}

.dropdown-wrapper__price {
    min-width: 300px;
}

li.price-selector {
    padding: 16px 16px;
    border: none;
    background-color: var(--secondColor);
    color: var(--mainColor);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    height: 48px;
    overflow: hidden;
}

.price-selector .chip-filter__input:checked~label {
    position: absolute;
    width: 100%;
    right: 0;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
}


/* 
.content-tabs .btn-search {
    position: relative;
    padding: 16px 46px 16px 16px;
}

.content-tabs .btn-search:hover::after {}

.content-tabs .btn-search::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(/assets/img/searchbtn.svg) no-repeat center center transparent;
    position: absolute;
    inset-inline-end: 14px;
    top: 10px;
    right: 10px;
} */

.bed-and-bath-selector__field {
    margin-bottom: 16px;
}

.bed-and-bath-selector__field__title {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    color: var(--mainColor);
}

.chip-filter__input {
    position: absolute;
    inset-inline-end: 0px;
    top: 0px;
    height: 0px;
    width: 0px;
    opacity: 0;
}

.chip-filter__input:checked~label {
    background-color: var(--mainColor);
    color: #fff;
}

.bed-and-bath-selector__fields {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bed-and-bath-selector label {
    padding: 8px;
    color: var(--mainColor);
    border-radius: 4px;
    background-color: #e7f0ff;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    display: block;
}

.bed-and-bath-selector label:hover {
    background-color: var(--mainColor);
    color: #fff;
}

.advanced-search {
    width: 100%;
    background-color: unset;
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.content-tabs {
    gap: 10px;
}

.content-tabs:last-child {
    margin-top: 16px;
}

.content-tabs .inner-search-input {
    position: relative;
    width: fit-content;
}

.content-tabs .inner-search-input:first-child {
    flex: 1;
}

.content-tabs .inner-search-input input,
.form-unit-search-mobile input,
.form-unit-search-mobile a,
.content-tabs .inner-search-input p,
.content-tabs .inner-search-input select {
    padding: 14px;
    border: solid 1px var(--mainColor);
    background-color: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: rgb(22 52 88 / 70%);
    appearance: none;
    outline: none;
    padding-inline-end: 40px;
    cursor: pointer;
}

.content-tabs .inner-search-input input::placeholder {
    color: rgb(22 52 88 / 70%);
}

.content-tabs .inner-search-input svg {
    position: absolute;
    inset-inline-end: 14px;
    top: 19px;
}

.content-tabs:last-child .inner-search-input svg {
    top: 20px !important;
}

.content-tabs-advanced .inner-search-input {
    display: inline-block;
    margin-inline-end: 16px;
}

.given-input {
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    gap: 11px;
    margin-top: 16px;
}

.given-input input {
    accent-color: var(--mainColor);
    width: 18px !important;
    height: 18px !important;
}

.given-input :is(label, input) {
    cursor: pointer;
}

.popup-search {
    width: 100%;
    padding: 52px 16px;
    height: 100%;
    background: rgba(231, 240, 255);
    backdrop-filter: blur(2px);
    position: fixed;
    inset-inline-end: 0px;
    top: 0px;
    z-index: 9999;
}

.btn-popup-result-search {
    background-color: var(--mainColor);
    color: #fff;
    padding: 16px 24px;
    border-radius: 10px;
    position: fixed;
    width: calc(100% - 32px);
    bottom: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.popup-search .popoup-input-search {
    margin-bottom: 16px;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.popup-search .popoup-input-search input {
    font-size: 18px;
    padding: 8px;
    border: solid 1px var(--mainColor);
    border-radius: 10px;
    font-weight: 600;
    color: var(--mainColor);
    background-color: transparent;
    width: 100%;
}

.popup-search .popoup-input-search .close-icon {
    position: absolute;
    top: 16px;
    inset-inline-end: 10px;
}

.popup-search .popoup-input-search i {
    background: var(--mainColor);
    border-radius: 10px;
    width: 50px;
    text-align: center;
    line-height: 71px;
    cursor: pointer;
    inset-inline-start: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-search .popup-title {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    color: var(--mainColor);
}

.popup-search .popup-tags,
.tags {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
}

.popup-search .popup-tags h6,
.tags h6 {
    border: 1px solid var(--mainColor);
    border-radius: 10px;
    padding: 7px 4px 7px 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}

.popup-search .popup-result-search {
    display: none;
    height: calc(100vh - 235px);
    overflow-y: scroll;
}

.popup-search .popup-result-search p {
    background-color: #fff;
    padding: 8px 16px;
    border-radius: 10px;
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 8px;
    border: 1px solid #bdd0ee;
}

.popup-search .popup-result-search p span {
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    color: #8b8b8b;
    display: block;
}

.content-tabs .inner-search-input:first-child input {
    padding-inline-end: 50px;
    cursor: text;
    width: 100%;
}

.content-tabs .inner-search-input:first-child svg {
    top: 16px;
}

.content-tabs .btn-search {
    padding: 10px 16px;
    border-radius: 10px;
    background-color: var(--mainColor);
    display: flex;
    cursor: pointer;
    border: solid 1px var(--mainColor);
    transition: 0.3s ease-in-out;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    justify-content: center;
    gap: 6px;
}

.content-tabs .btn-search:hover {
    background-color: transparent;
    color: var(--mainColor);
}

.content-tabs .btn-search svg path {
    transition: 0.3s ease-in-out;
}

.content-tabs .btn-search:hover svg path {
    stroke: var(--mainColor);
}

#services {
    background-color: var(--secondColor);
    padding: 5rem 0px;
}

#services .explain-service {
    padding: 34px;
    /* background-image: url(../images/explain-service.png); */
    border-radius: 20px;
    background-size: cover;
}

#services .explain-service h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 52px;
    color: #fff;
    margin-bottom: 24px;
    white-space: pre-line;
}

#services .explain-service p {
    margin-bottom: 38px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    white-space: pre-line;
}

#services .explain-service button {
    padding: 16px 24px;
    background-color: var(--yellowColor);
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid var(--yellowColor);
}

#services .explain-service button:hover {
    background-color: transparent;
}

#services .explain-service button:hover a {
    color: var(--yellowColor);
}

#services .explain-service button a {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: var(--mainColor);
}

.service .inner-service {
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: fit-content;
    padding: 57px 0px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.service .parent {
    border-radius: 20px;
    height: 100%;
}

.service .parent .inner-service {
    height: 100%;
    transition: 0.3s ease-in-out;
}

.service .parent:first-child {
    margin-bottom: 8px;
}

.parent {
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: fit-content;
    transition: 0.3s ease-in-out;
}

.parent:hover div {
    transform: scale(1.05, 1.05);
}

.service .service1 {
    /* background-image: url(../images/bg-service1.png); */
}

.service .service2 {
    /* background-image: url(../images/bg-service2.png); */
}

.service .service3 {
    /* background-image: url(../images/bg-service3.png); */
}

.service .service-content {
    /* position: absolute; */
    text-align: center;
    transition: 0.3s;
}

.service .inner-service h5 {
    color: #fff;
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: 700;
    line-height: 52px;
}

.service .inner-service p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.wishlist {
    width: 24px;
    height: 22px;
    background: url(../img/wishlist.png) no-repeat center center transparent;
    cursor: pointer;
    transition: 0.3s;
}

.wishlist.active,
.wishlist:hover {
    background: url(../img/wishlistactive.png) no-repeat center center transparent;
}

#propertys {
    padding: 5rem 0px;
    background-color: var(--mainColor);
}

.title {
    font-size: 40px;
    font-weight: 800;
    line-height: 75px;
    text-align: center;
}

.sub-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: center;
}

#propertys .title {
    color: #fff;
    margin-bottom: 34px;
}

#propertys ul {
    gap: 24px;
    justify-content: center;
    margin-bottom: 40px;
}

#propertys ul .property-item {
    color: #fff9;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
    text-align: center;
    transition: 0.3s;
}

#propertys ul .property-item:hover {
    color: var(--yellowColor);
}

#propertys ul .active-property-item {
    color: var(--yellowColor);
}

#propertys .all-propertys {
    margin-bottom: 40px;
}

.all-propertys .property {
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.all-propertys .inner_sec {
    background-color: #f5fcff;
    padding-top: 15px;
    padding-bottom: 16px;
}

.property_img {
    height: 260px;
    justify-content: center;
    border: none;
    width: 102%;
    overflow: hidden;
    margin-right: -1%;
}

.all-propertys .property img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    transform: scale(1);
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.all-propertys .property img:hover {
    transform: scale(1.03);
}

.all-propertys .inner-property {
    padding: 0px 16px;
}

.all-propertys .inner-property .fav {
    justify-content: space-between;
}

.all-propertys .inner-property .fav svg {
    cursor: pointer;
}

.all-propertys .inner-property .fav-active svg {
    fill: #e16f6f;
}

.all-propertys .inner-property .fav-active svg path {
    stroke: #e16f6f;
}

.all-propertys .property h6 {
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 8px;
}

.all-propertys .property h5 {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: -0.02em;
    color: var(--mainColor);
}

.all-propertys .property h5 span {
    font-size: 14px;
}

.all-propertys .property .prop_tit {
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 16px;
    transition: 0.3s;
}

.all-propertys .property .prop_tit:hover {
    color: var(--yellowColor);
}

.all-propertys .footer-inner-property {
    justify-content: space-between;
    border-bottom: 1px solid #c7e6f4;
    margin-bottom: 16px;
    padding-bottom: 16px;
    margin-top: 10px;
}

.all-propertys .footer-inner-property h6 {
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    gap: 5px;
    margin-bottom: 0px;
}

.all-propertys .footer-property {
    gap: 8.5px;
    padding: 0px 16px;
    /* margin-bottom: 16px; */
}

.all-propertys .footer-property button {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--mainColor);
    border-radius: 10px;
    padding: 11px 0px;
    width: 50%;
    transition: 0.3s;
}

.all-propertys .footer-property button:hover {
    background-color: var(--mainColor);
}

.all-propertys .footer-property button:hover a {
    color: var(--secondColor);
}

.all-propertys .footer-property button:hover svg path {
    fill: #fff;
}

.all-propertys .footer-property button a {
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    justify-content: center;
    gap: 8px;
}

.all-propertys .all-propertys {
    margin-bottom: 40px;
}

.swiper-property-mobile,
#team .swiper-team-mobile,
article .articles-mobile {
    display: none;
}

.show-all {
    border-radius: 10px;
    padding: 16px 24px;
    display: flex;
    margin: auto;
    width: 273px;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
}

.show-all a {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: var(--mainColor);
}

#propertys .show-all {
    background-color: var(--yellowColor);
    border: 1px solid var(--yellowColor);
}

#propertys .show-all:hover {
    background-color: transparent;
}

#propertys .show-all:hover a {
    color: var(--yellowColor);
}

#search-propertys {
    padding-bottom: 5rem;
    background-color: var(--secondColor);
}

#search-propertys .search-propertys .title {
    margin-bottom: 16px;
    color: var(--mainColor);
}

#search-propertys .search-propertys p {
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.search-propertys .property-type {
    background-color: var(--mainColor);
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0px;
    padding-bottom: 22px;
    cursor: pointer;
    color: #fff;
    transition: 0.3s;
    height: 171px;
}

.search-propertys .property-type h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
}

.search-propertys .property-type:hover {
    background-color: var(--yellowColor);
    color: var(--mainColor);
}

.search-propertys .property-type:hover svg path {
    fill: var(--mainColor);
}

#engaz {
    padding: 3.75rem 0px;
    background-color: #f1f6ff;
}

#engaz .engaz {
    justify-content: space-between;
    flex-wrap: wrap;
}

#engaz .engaz .engaz-img {
    background-color: var(--mainColor);
    border-radius: 10px;
    /* height: fit-content;
  max-height: 589px; */
    transform: translateY(56px);
    margin-bottom: 56px;
}

#engaz .engaz .engaz-img img {
    display: block;
    transform: translate(-50px, -56px);
    width: 100%;
}

#engaz .engaz .engaz-content .engaz-title h4 {
    color: var(--mainColor);
    font-size: 36px;
    font-weight: 800;
    line-height: 67px;
}

#engaz .engaz .engaz-content .engaz-title p {
    color: var(--mainColor);
    font-size: 21px;
    font-weight: 800;
    line-height: 39px;
}

#engaz .engaz .engaz-content .engaz-title {
    margin-bottom: 24px;
}

#engaz .engaz .engaz-content .engaz-details {
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    color: #6a6a6a;
    max-width: 455px;
    margin-bottom: 24px;
}

#engaz .engaz .engaz-content ul li {
    gap: 11px;
    color: var(--mainColor);
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

#engaz .engaz .engaz-content ul {
    margin-bottom: 60px;
}

#engaz .engaz .engaz-content button {
    padding: 16px 24px;
    border-radius: 10px;
    background-color: var(--mainColor);
    cursor: pointer;
    border: solid 1px var(--mainColor);
    transition: 0.3s;
}

#engaz .engaz .engaz-content button:hover {
    background-color: transparent;
}

#engaz .engaz .engaz-content button:hover a {
    color: var(--mainColor);
}

#engaz .engaz .engaz-content button a {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
}

#projects {
    background-color: var(--secondColor);
    padding: 5rem 0px;
}

#projects .projects .title {
    margin-bottom: 16px;
    color: var(--mainColor);
}

#projects .projects p {
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 50px;
    text-align: center;
}

#projects .projects .project {
    position: relative;
    border-radius: 10px;
    max-height: 572px;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#projects .projects .project img {
    transition: 0.3s ease-in-out;
    display: inline-block;
    height: 100%;
}

#projects .projects .project:hover img {
    transform: scale(1.05, 1.05);
}

#projects .projects .project-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 10px;
    background: #1634584d;
    background-blend-mode: multiply;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    justify-content: center;
    flex-direction: column;
}

#projects .projects .project:nth-child(odd) {
    transform: translateY(70px);
}

#projects .projects .project-overlay h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 75px;
    color: #fff;
    text-align: center;
}

#projects .projects .project-overlay h6 {
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    color: #fff;
    text-align: center;
}

.all-projects {
    margin-bottom: 120px;
}

#projects .show-all {
    background-color: transparent;
    border: solid 1px var(--mainColor);
}

#projects .show-all:hover {
    background-color: var(--mainColor);
}

#projects .show-all:hover a {
    color: #fff;
}

#propertys-specialty {
    padding: 3.125rem 0px;
    background-color: #f1f6ff;
}

#propertys-specialty .title {
    margin-bottom: 16px;
    color: var(--mainColor);
}

#propertys-specialty .sub-title {
    margin-bottom: 50px;
    color: var(--mainColor);
}

#propertys-specialty .property-specialty {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

#propertys-specialty .property-specialty:hover img {
    transform: scale(1.05, 1.05);
}

#propertys-specialty .property-specialty img {
    width: 100%;
    display: block;
    transition: 0.3s ease-in-out;
}

#propertys-specialty .property-specialty .property-specialty-overlay {
    border-radius: 12px;
    background: rgba(22, 52, 88, 0.7);
    mix-blend-mode: multiply;
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    justify-content: center;
}

#propertys-specialty .property-specialty h5 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 45px;
    color: #fff;
}

#discover {
    padding: 3.125rem 0 5rem 0;
    background-image: url(../images/discover.png);
    background-size: cover;
    max-height: 350.6px;
}

#discover .title,
.sub-title {
    color: #fff;
}

#discover .title {
    margin-bottom: 16px;
}

#discover .sub-title {
    margin-bottom: 50px;
}

#discover .discover form {
    gap: 16px;
    justify-content: center;
}

#discover .discover-search {
    position: relative;
}

#discover .discover-search svg {
    position: absolute;
    top: 18px;
    inset-inline-end: 20px;
}

#discover .discover-search {
    background-color: #f9fdff;
    border-radius: 10px;
    padding: 10px 16px;
}

input {
    border: none;
    outline: none;
}

form input {
    padding: 13px 16px;
    border-radius: 10px;
    background-color: #f9fdff;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #5d8a9e;
}

#discover .discover form {
    align-items: flex-start;
}

#discover .discover form input {
    width: 465px;
}

#discover .discover form input {
    background-color: unset;
    border-radius: 0px;
    padding: 0px;
}

#discover .discover .result-line {
    height: 1px;
    width: calc(100% + 32px);
    background-color: #d7d7d7;
    margin: 15px 0px;
    margin-right: -16px;
}

#discover .discover .result-discover-search {
    display: none;
}

#discover .discover .result-discover-search p svg {
    position: unset;
}

#discover .discover .result-discover-search p {
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    color: var(--mainColor);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

form button {
    background-color: var(--yellowColor);
    color: var(--mainColor);
    text-align: center;
    /* padding: 16px 24px;
    border-radius: 10px; */
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    cursor: pointer;
    /* border: solid 1px var(--yellowColor); */
    transition: 0.3s;
}

form button.padd {
    padding: 16px 24px;
    border-radius: 10px;
    border: solid 1px var(--yellowColor);
}

form button:hover {
    background-color: transparent;
    color: var(--yellowColor);
}

#discover .discover form button {
    width: 177px;
}

#numbers {
    background-color: var(--secondColor);
    padding: 5rem 0px;
}

#numbers .numbers .number {
    background-color: #f1f6ff;
    justify-content: center;
    flex-direction: column;
    padding: 24px;
    border-radius: 10px;
    gap: 20px;
}

#numbers .numbers .number i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 82px;
    box-shadow: 0px 30px 30px rgba(146, 174, 187, 0.2);
}

#numbers .numbers .number h5 {
    font-size: 46px;
    font-weight: 800;
    line-height: 64px;
    letter-spacing: -0.02em;
    color: var(--mainColor);
}

#numbers .numbers .number h6 {
    font-size: 32px;
    font-weight: 700;
    line-height: 60px;
    color: var(--mainColor);
    text-align: center;
}

#search-area {
    background-color: var(--mainColor);
    padding: 3.75rem 0px;
}

#search-area .title {
    color: #fff;
    margin-bottom: 16px;
}

#search-area .sub-title {
    color: #fff;
    margin-bottom: 24px;
}

#search-area .search-area {
    border: solid 1px #fff;
    border-radius: 10px;
    padding: 24px 0;
    text-align: center;
    cursor: pointer;
}

#search-area .slick-slider-wrapper .search-area {
    margin: 8px;
}

#search-area .search-area:hover {
    border-color: var(--yellowColor);
}

#search-area .search-area:hover :is(p, span) {
    color: var(--yellowColor);
}

#search-area .search-area p {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
}

#search-area .search-area span {
    color: rgba(149, 149, 149, 1);
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

#search-area .swiper-property-navigation {
    gap: 7px;
    margin-top: 24px;
    justify-content: center;
}

#search-area .swiper-property-navigation span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    width: fit-content;
}

#search-area .swiper-property-navigation svg {
    cursor: pointer;
}

#propertys-specialty .propertys-specialty .property-specialty-second {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#propertys-specialty .propertys-specialty .property-specialty-second:first-child:hover img {
    transform: scale(1.05, 1.05);
}

#propertys-specialty .propertys-specialty .property-specialty-second .inner-second-property:hover img {
    transform: scale(1.05, 1.05);
}

#propertys-specialty .propertys-specialty .property-specialty-second .inner-second-property {
    background-color: var(--mainColor);
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
}

#propertys-specialty .propertys-specialty .property-specialty-second:first-child {
    background-color: var(--mainColor);
    display: block;
    cursor: pointer;
}

#propertys-specialty .propertys-specialty .property-specialty-second img {
    display: block;
    transition: 0.3s ease-in-out;
}

#propertys-specialty .propertys-specialty .property-specialty-second {
    border-radius: 12px;
}

#propertys-specialty .propertys-specialty .property-specialty-second .property-specialty-second-content {
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#propertys-specialty .propertys-specialty .property-specialty-second .property-specialty-second-content h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
}

#team {
    padding: 3.125rem 0px;
    background-color: #f1f6ff;
}

#team .team .title {
    color: var(--mainColor);
    margin-bottom: 50px;
}

#team .team .person {
    text-align: center;
    cursor: pointer;
}

#team .team .person .parent {
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    margin-bottom: 18px;
    transition: 0.3s ease-in-out;
}

#team .team .person:hover img {
    transform: scale(1.05, 1.05);
}

#team .team .person img {
    border-radius: 10px;
    transition: 0.3s ease-in-out;
}

#team .team .person .content h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    color: var(--mainColor);
}

#team .team .person .content h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #38343d;
}

#review {
    background-color: var(--secondColor);
    padding: 5rem 0px;
}

#review .review .title {
    margin-bottom: 16px;
    color: var(--mainColor);
}

#review .review .sub-title {
    color: var(--mainColor);
    margin-bottom: 50px;
}

#review .review .review-swiper {
    width: 100%;
    background-color: var(--mainColor);
    padding: 0px 16px;
    border-radius: 10px;
}

#review .review .swip-slide,
#review .review .slider .content-slide {
    background-color: var(--mainColor);
    color: #f1f6ff;
    border-radius: 10px;
}

#review .review .swip-slide {
    justify-content: center;
    cursor: pointer;
}

#review .review .slider .content-slide {
    padding-top: 24px;
    padding-bottom: 48px;
}

#review .review .slider .content-slide .inner-content-slide svg {
    margin-bottom: 24px;
}

#review .review .slider .content-slide .inner-content-slide p {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #f1f6ff80;
    margin-bottom: 24px;
    max-width: 543px;
}

#review .review .slider .content-slide .inner-content-slide h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 45px;
    color: #f1f6ff80;
}

#review .review .slider .content-slide .inner-content-slide h6 {
    color: #f1f6ff80;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

#review .review .slider .swiper-slide-active .inner-content-slide :is(p, h5, h6) {
    color: #f1f6ff;
}

article {
    padding: 3.75rem 0px 5rem 0px;
    background-color: #151a21;
}

article .article {
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    /* transition: 0.2s; */
}

article .article:hover img {
    /* transform: scale(1.05, 1.05); */
}

article .title {
    color: #fff;
    margin-bottom: 16px;
}

article .sub-title {
    color: #fff;
    margin-bottom: 50px;
}

article .articles {
    margin-bottom: 50px;
}

article .articles .article img {
    margin-bottom: 16px;
    border-radius: 10px;
}

article .articles .article p {
    font-size: 20px;
    font-weight: 500;
    line-height: 37px;
    color: #fff;
    margin-bottom: 19px;
}

article .articles .article a {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #c7e6f4;
    gap: 8px;
}

article .show-all {
    background-color: var(--yellowColor);
    margin-bottom: 60px;
    transition: 0.3s;
    border: solid 1px var(--yellowColor);
}

article .show-all:hover {
    background-color: transparent;
}

article .show-all:hover a {
    color: var(--yellowColor);
}

article .news {
    padding: 30px 95px 40px 95px;
    background-color: #2c3643;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: fit-content;
    margin: auto;
}

article .news h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 16px;
}

article .news p {
    white-space: pre-line;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 24px;
}

article .news form {
    gap: 16px;
}

article .news form input {
    width: 260px;
}

#development {
    padding: 5rem 0px 3.75rem 0px;
    background-color: var(--secondColor);
}

#development .slide_img {
    display: flex;
    width: 100%;
    height: 135px;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

#development div img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    width: 100%;
}

#development .title {
    margin-bottom: 50px;
    color: var(--mainColor);
}

footer {
    background-color: #fff;
    padding: 3.125rem 0px;
}

footer img {
    margin-bottom: 7px;
    margin-bottom: 18px;
}

footer p {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #818181;
    max-width: 230px;
    margin-bottom: 18px;
}

footer .contact-footer ul li {
    gap: 10px;
    margin-bottom: 16px;
}

footer .contact-footer ul li h5,
footer .contact-footer ul li h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 1px;
    color: #38343d;
}

footer .contact-footer ul li h6 a {
    line-height: 15px;
    color: #818181;
}

footer .items-footer li:first-child {
    margin-bottom: 28px;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    color: #38343d;
}

footer .items-footer li {
    margin-bottom: 16px;
}

footer .items-footer li a {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    color: #818181;
    transition: 0.3s;
}

footer .items-footer li a:hover {
    color: var(--mainColor);
}

footer .contact-us-footer h6 {
    margin-bottom: 11px;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    color: #38343d;
}

footer .inner-contact-us-footer {
    gap: 16px;
    flex-wrap: wrap;
}

footer .inner-contact-us-footer .inner-contact-us-input {
    width: calc(50% - 8px);
    position: relative;
}

footer .inner-contact-us-footer .inner-contact-us-input svg {
    position: absolute;
    top: 13px;
    inset-inline-start: 8px;
}

textarea {
    resize: none;
    border: none;
    outline: none;
}

footer .inner-contact-us-footer .inner-contact-us-input input,
footer .inner-contact-us-footer .inner-contact-us-input textarea {
    width: 100%;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 12px 36px;
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
}

footer .inner-contact-us-footer .inner-contact-us-input input::placeholder,
footer .inner-contact-us-footer .inner-contact-us-input textarea::placeholder {
    color: var(--mainColor);
}

footer .inner-contact-us-footer .inner-contact-us-input textarea {
    max-height: 101px;
}

footer .inner-contact-us-footer button {
    background-color: var(--mainColor);
    padding: 16px 24px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    transition: 0.3s;
    border: solid 1px var(--mainColor);
    cursor: pointer;
}

footer .inner-contact-us-footer button:hover {
    background-color: transparent;
    color: var(--mainColor);
}

footer .top-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding-bottom: 30px;
    margin-bottom: 26px;
}

footer .bottom-footer {
    margin: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: #818181;
}

article .articles .article img,
#team .team .person img,
#engaz .engaz .engaz-img img,
#projects .project img {
    width: 100%;
    display: block;
}

.btn-responsive-menu {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: var(--secondColor);
    border-radius: 8px;
    padding: 8px 16px;
    color: var(--mainColor);
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    cursor: pointer;
}

#nav-mobile {
    background: rgba(22, 52, 88, 0.7);
    backdrop-filter: blur(12.5px);
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: 9;
    height: 100%;
    padding-top: 15px;
    display: none;
}

#nav-mobile .menu-items {
    width: 100%;
    order: 3;
    flex-direction: column;
    height: calc(100vh - 86px);
    align-items: center;
    justify-content: center;
}

#nav-mobile .menu-items li button {
    padding: 8px 16px;
    border-radius: 8px;
    background-color: var(--yellowColor);
}

#nav-mobile .menu-items li button a {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    color: var(--mainColor);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.page-title {
    margin-bottom: 31px;
}

.page-title h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #818181;
    gap: 5px;
}

.page-title h6 span:last-child {
    font-weight: 700;
    color: var(--mainColor);
}

.property-title {
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: 700;
    line-height: 67px;
    color: var(--mainColor);
}

.search-for-unit {
    background-color: #f5fcff;
    padding: 16px;
    border-radius: 10px;
    border: solid 1px #c7e6f4;
}

.search-for-unit h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: var(--mainColor);
    justify-content: space-between;
    margin-bottom: 24px;
}

.search-for-unit input,
.search-for-unit select,
.search-for-unit textarea {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #999999;
    border: solid 1px #c7e6f4;
    appearance: none;
    outline: none;
}

.search-unit-select {
    position: relative;
}

.search-unit-select svg {
    position: absolute;
    inset-inline-end: 13px;
    top: 20px;
}

.search-for-unit input::placeholder {
    color: #999999;
}

.search-for-unit .given-input {
    margin-top: 0px;
    margin-bottom: 8px;
}

.search-for-unit .given-input input {
    appearance: auto;
}

.search-unit-btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    transition: 0.3s ease-in-out;
    border: solid 1px;
    cursor: pointer;
}

.search-unit-btn:first-child {
    background-color: var(--mainColor);
    color: #fff;
    border-color: var(--mainColor);
}

.search-unit-btn:first-child:hover {
    background-color: transparent;
    color: var(--mainColor);
}

.search-unit-btn:last-child {
    background-color: transparent;
    color: var(--mainColor);
    border-color: var(--mainColor);
}

.search-unit-btn:last-child:hover {
    background-color: var(--mainColor);
    color: #fff;
}

.results-search-unit-header {
    justify-content: space-between;
    margin-bottom: 24px;
}

.results-search-unit-header h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
}

.results-search-unit-header h6 span {
    font-weight: 700;
}

.results-search-unit-header div {
    gap: 8px;
}

.results-search-unit-header-button {
    padding: 12px 8px;
    border-radius: 10px;
    border: solid 1px var(--mainColor);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.results-search-unit-header-button svg path {
    transition: 0.2s;
}

.results-search-unit-header-button.main_btn {
    color: var(--mainColor);
    background-color: transparent;
}

.results-search-unit-header-button.main_btn:hover,
.results-search-unit-header-button.main_btn:hover svg path {
    color: #fff;
    fill: #fff;
    background-color: var(--mainColor);
}

.results-search-unit-header-button.secont_btn {
    background-color: var(--mainColor);
    color: #fff;
}

.results-search-unit-header-button.secont_btn:hover,
.results-search-unit-header-button.secont_btn:hover svg path {
    background-color: transparent;
    fill: var(--mainColor);
    color: var(--mainColor);
}

.results-search-unit-header-button:last-child {
    padding: 12px;
    background-color: transparent;
}

.results-search-unit-header-button:last-child:hover,
.results-search-unit-header-button:last-child:hover svg path {
    fill: #fff;
    background-color: var(--mainColor);
}

.results-search-unit .tags {
    margin-bottom: 30px;
}

.results-search-unit .tags h6 {
    padding: 7px 10px 7px 14px;
    color: var(--mainColor);
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
}

.results-search-unit .all-propertys {
    margin-bottom: 60px;
}

.checkbox-container {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: var(--mainColor);
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 21px;
}

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

.checkmark {
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 6px;
    background-color: transparent;
    border: solid 1px var(--mainColor);
    inset-inline-start: 87px;
    top: -2px;
}

.checkbox-container:hover input~.checkmark {
    /* background-color: #ccc; */
}

.checkbox-container input:checked~.checkmark {
    background-color: transparent;
    border: solid 1px var(--mainColor);
}

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

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

.checkbox-container .checkmark:after {
    inset-inline-end: 7.5px;
    top: 4px;
    width: 3px;
    height: 7px;
    border: solid var(--mainColor);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.active-property {
    border: solid 1px var(--mainColor);
}

.pagination {
    justify-content: space-between;
    margin-bottom: 80px;
}

.pagination .pages {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pagination .pages li {
    border: 1px solid var(--mainColor);
    border-radius: 10px;
    padding: 16px 18px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: var(--mainColor);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.pagination .pages li a {
    color: inherit;
}

.pagination .pages .current-page {
    background-color: var(--mainColor);
    color: #fff;
}

.pagination .pages li:hover {
    background-color: var(--mainColor);
    color: #fff;
}

.next-page a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9.5px;
    background-color: var(--mainColor);
    color: #fff;
    padding: 16px 24px 16px 16px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    transition: 0.3s ease-in-out;
    border: solid 1px var(--mainColor);
}

.next-page svg path {
    transition: 0.3s;
}

.next-page a:hover,
.next-page a:hover svg path {
    background-color: transparent;
    color: var(--mainColor);
    stroke: var(--mainColor);
}

#hidden-popup-unit-search {
    cursor: pointer;
}

.unit-search {
    position: relative;
}

.popup-unit-search {
    position: fixed;
    bottom: 30px;
    background-color: var(--mainColor);
    padding: 15px;
    inset-inline-end: 12.5%;
    border-radius: 10px;
    z-index: 99;
    right: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.popup-unit-search.down {
    bottom: -190px;
}

html[dir="rtl"] .popup-unit-search {
    right: auto;
    left: 0;
}

.popup-unit-search-title {
    justify-content: space-between;
    margin-bottom: 16px;
}

.popup-unit-search-title :is(h3, span) {
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
}

.popup-unit-search-title span {
    display: flex;
    gap: 13px;
    align-items: center;
    cursor: pointer;
}

.popup-unit-search-images {
    gap: 8px;
    margin-bottom: 16px;
}

.popup-unit-search-image {
    border: 1px dashed var(--secondColor);
    border-radius: 10px;
    width: 130px;
    height: 110px;
    overflow: hidden;
    cursor: pointer;
}

.popup-unit-search-image:hover img {
    transform: scale(1.05, 1.05);
}

.has_image {
    border-color: transparent;
}

.popup-unit-search-image img {
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.popup-unit-search-footer {
    align-items: flex-end;
    justify-content: space-between;
}

.popup-unit-search-footer h5 {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    cursor: pointer;
}

.popup-unit-search-footer-buttons {
    gap: 11px;
}

.popup-unit-search-footer-buttons button {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    border: solid 1px var(--secondColor);
    cursor: pointer;
    transition: 0.3s ease-in-out;
    padding: 13px 10px;
    min-width: 125px;
}

.popup-unit-search-footer-buttons button:first-child {
    background-color: var(--secondColor);
    color: var(--mainColor);
}

.popup-unit-search-footer-buttons button:first-child:hover {
    background-color: transparent;
    color: var(--secondColor);
}

.popup-unit-search-footer-buttons button:last-child {
    background-color: transparent;
    color: var(--secondColor);
}

.popup-unit-search-footer-buttons button:last-child:hover {
    background-color: var(--secondColor);
    color: var(--mainColor);
}

.unit-search .form-unit-search-mobile {
    display: none;
    padding: 16px 0;
    /* background-color: #c7e6f4; */
}

.form-unit-search-mobile :is(input, a) {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    background-color: transparent;
    color: var(--mainColor);
}

.pagination_mobile {
    display: none;
}

.blog_img_cont {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.blog_img_cont {
    max-width: 100%;
    max-height: 500px;
}

.blog_desc {
    font-family: 'Cairo';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 25px;
}

.top_section {
    width: 100%;
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.blog_index {
    background: #E7F0FF;
    border-radius: 10px;
    width: 250px;
    padding: 8px;
    flex: none;
}

.index_tit {
    font-family: 'Cairo';
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: var(--mainColor);
    margin-bottom: 6px;
}

.blog_index ul {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    padding: 0 6px;
    margin-bottom: 8px;
}

.blog_index li {
    font-family: 'Cairo';
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: var(--mainColor);
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog_index li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--mainColor);
    border-radius: 5px;
}

.blog-title {
    font-family: 'Cairo';
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: var(--mainColor);
    margin-bottom: 24px;
}

.big_tit {
    font-family: 'Cairo';
    font-weight: 700;
    font-size: 36px;
    line-height: 67px;
    color: #163458;
}

@media only screen and (min-width: 768px) {
    #projects .projects .project {
        height: 100%;
    }
}

@media only screen and (max-width: 1255px) {
    html {
        font-size: 12px;
    }
    .container {
        padding: 0px 32px;
    }
    .inner-search {
        grid-column: span 12;
    }
    .content-tabs {
        justify-content: space-between;
    }
    .content-tabs .inner-search-input input {
        width: 100%;
    }
    #engaz .engaz .engaz-img,
    #engaz .engaz .engaz-content {
        width: calc(50% - 50px);
    }
    #engaz .engaz .engaz-img {
        height: fit-content;
    }
    .navmenu {
        display: flex !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .hide-responsive {
        display: none;
    }
    .btn-responsive-menu {
        display: flex;
        gap: 11px;
    }
    #services .explain-service h4 {
        white-space: unset;
    }
}

@media only screen and (max-width: 992px) {
    .inner-search {
        grid-column: span 12;
    }
    .content-tabs .inner-search-input:first-child input {
        padding-inline-end: unset;
    }
}

@media only screen and (max-width: 768px) {
    .property_img {
        height: 180px;
        overflow: hidden;
        background-color: #fff;
    }
    .bg_search_div {
        padding-bottom: 40px;
        padding-top: 120px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    .search_tit {
        margin-bottom: 25px;
    }
    .content-tabs .inner-search-input,
    .content-tabs .btn-search {
        display: none;
    }
    .content-tabs .inner-search-input:first-child {
        display: block;
    }
    .content-tabs .inner-search-input {
        width: 25% !important;
    }
    .content-tabs .inner-search-input:first-child {
        width: 100% !important;
    }
    .content-tabs {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .content-tabs .inner-search-input :is(input, select) {
        width: 100%;
    }
    .container {
        padding: 0px 24px;
    }
    html {
        font-size: 6px;
    }
    #engaz .engaz .engaz-img {
        width: calc(100% - 56px);
    }
    #engaz .engaz .engaz-content,
    #engaz .engaz .engaz-content .engaz-details,
    .content-tabs {
        width: 100%;
    }
    article .news {
        width: auto;
    }
    .search-for-unit {
        display: none;
    }
    .page-title {
        display: none;
    }
    .form-unit-search-mobile {
        display: block;
    }
}

@media only screen and (max-width: 576px) {
    .content-tabs .inner-search-input:first-child input {
        font-size: 18px;
    }
    .content-tabs .inner-search-input {
        position: relative;
    }
    .content-tabs .inner-search-input::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 99;
    }
    .slick-slider-wrapper {
        direction: ltr;
    }
    #discover .discover-search {
        width: 100%;
    }
    .d-grid {
        gap: 8px !important;
    }
    #team .team-web,
    article .articles {
        display: none;
    }
    #propertys .all-propertys-mobile,
    .swiper-property-mobile,
    #team .swiper-team-mobile,
    article .articles-mobile {
        display: block;
    }
    #search-area .swiper-property-mobile .swiper-property-navigation {
        justify-content: space-between;
    }
    #propertys .property,
    article .article {
        padding-bottom: 1px;
        opacity: 0.7;
    }
    #propertys .swiper-slide-active .property,
    article .swiper-slide-active {
        opacity: 1;
    }
    #propertys .swiper-slide,
    article .swiper-slide {
        width: 72%;
    }
    article .articles .article p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    article .articles .article img {
        margin-bottom: 8px;
    }
    article .articles .article a {
        font-size: 16px;
        line-height: 16px;
    }
    article .show-all {
        display: none;
    }
    article .news {
        display: none;
    }
    article .articles {
        margin-bottom: unset;
    }
    #propertys .inner-property {
        padding: 0px 8px;
    }
    #propertys .property img {
        margin-bottom: 8px;
        /* height: 143px; */
    }
    #propertys .property h6,
    #propertys .property h5 {
        margin-bottom: 4px;
    }
    #propertys .property h6 {
        font-size: 12px;
        line-height: 22px;
    }
    #propertys .property p {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 8px;
    }
    #propertys .footer-inner-property {
        justify-content: start;
        column-gap: 16px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
    #propertys .footer-property {
        padding: 0px 8px;
        margin-bottom: 8px;
    }
    #propertys .footer-property button {
        padding: 10px 0px;
    }
    #propertys .footer-property button a {
        font-size: 12px;
        gap: 4px;
    }
    #propertys .show-all {
        display: none;
    }
    .service .inner-service {
        padding: 8px;
        height: 100%;
    }
    .service .inner-service:first-child {
        padding: 16px;
    }
    .service .service-content h5 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 8px;
    }
    .service .service-content p {
        font-size: 12px;
        line-height: 22px;
    }
    .inner-search {
        grid-column: span 12;
    }
    .hide-mobile {
        display: none;
    }
    .pagination_mobile {
        display: grid;
        margin-bottom: 20px;
    }
    .results-search-unit .all-propertys {
        margin-bottom: 20px;
    }
    .content-tabs {
        gap: 8px;
    }
    .content-tabs .inner-search-input,
    .content-tabs .btn-search {
        display: none;
    }
    .content-tabs .inner-search-input:first-child {
        display: block;
    }
    .search .tabs {
        flex-wrap: wrap;
        gap: 24px;
    }
    .advanced-search {
        display: none;
    }
    .container {
        padding: 0px 16px;
    }
    .navmenu .logo {
        width: 50%;
    }
    .navmenu .logo img {
        width: 100%;
    }
    nav .mobile_hidden {
        display: none !important;
    }
    .title {
        font-size: 30px;
        line-height: 42px;
    }
    header .content-header h1,
    .search_tit {
        font-size: 24px;
        line-height: 44px;
    }
    .menu-items .menu-item a {
        font-size: 18px;
        line-height: 34px;
    }
    header .content-header p {
        font-size: 14px;
        line-height: 26px;
    }
    .search-propertys .property-type {
        padding: 10px 0px;
        height: fit-content;
    }
    .search-propertys .property-type svg {
        height: 40px;
        width: 100%;
        margin-bottom: 10px;
    }
    .search-propertys .property-type h6 {
        font-size: 14px;
        line-height: 24px;
    }
    #propertys ul .property-item {
        font-size: 12px;
        line-height: 12px;
    }
    #propertys .footer-inner-property,
    article .news form,
    #discover .discover form {
        flex-wrap: wrap;
    }
    #propertys .footer-inner-property h6:first-child,
    article .news form input,
    article .news form button,
    footer .inner-contact-us-footer button,
    #discover .discover form input,
    #discover .discover form button {
        width: 100%;
    }
    #engaz .engaz .engaz-img {
        transform: translateY(26px);
        margin-bottom: 26px;
        width: calc(100% - 26px);
        display: none;
    }
    #engaz .engaz .engaz-img img {
        transform: translate(-20px, -26px);
    }
    #engaz .engaz .engaz-content {
        background-image: url(../images/villa2.png);
        background-size: cover;
        border-radius: 10px;
        padding: 16px 8px;
        text-align: center;
        transform: translate(-16px, -16px);
    }
    #engaz .engaz .engaz-content .engaz-title {
        margin-bottom: 8px;
    }
    #engaz .engaz .engaz-content .engaz-title h4 {
        font-size: 20px;
        line-height: 37px;
        color: #fff;
    }
    #engaz .engaz .engaz-content .engaz-title p {
        color: #fff;
        font-size: 14px;
        line-height: 26px;
    }
    #engaz .engaz .engaz-content .engaz-details {
        font-size: 12px;
        line-height: 22px;
        color: #c7e6f4;
        margin-bottom: 8px;
    }
    #engaz .engaz .engaz-content ul {
        margin-bottom: 16px;
    }
    #engaz .engaz .engaz-content ul li {
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    #engaz .engaz .engaz-content ul li svg path {
        stroke: #fff;
    }
    #engaz .engaz .engaz-content button {
        background-color: var(--yellowColor);
        border: solid 1px var(--yellowColor);
    }
    #engaz .engaz .engaz-content button:hover {
        background-color: transparent;
    }
    #engaz .engaz .engaz-content button:hover a {
        color: var(--yellowColor);
    }
    #engaz .engaz .engaz-content button a {
        font-size: 14px;
        line-height: 14px;
        color: var(--mainColor);
    }
    #engaz {
        padding-left: 16px;
        padding-right: 16px;
    }
    #engaz .engaz {
        background-color: var(--yellowColor);
        border-radius: 10px;
        padding: 0px;
        margin-top: 16px;
        width: calc(100% - 16px);
        transform: translateX(8px);
    }
    #projects .projects .project-overlay h4 {
        font-size: 22px;
        line-height: normal;
    }
    #projects .projects .project-overlay h6 {
        font-size: 14px;
    }
    #propertys-specialty .property-specialty h5 {
        font-size: 16px;
        line-height: 29px;
    }
    #propertys-specialty .property-specialty .property-specialty-overlay {
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        top: 4px;
        inset-inline-end: 4px;
    }
    #discover .title {
        font-size: 24px;
        line-height: 45px;
        margin-bottom: 8px;
    }
    #discover .sub-title {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 26px;
    }
    #numbers .numbers .number {
        padding: 16px;
        gap: 8px;
    }
    #numbers .numbers .number h5 {
        font-size: 24px;
        line-height: 32px;
    }
    #numbers .numbers .number h6 {
        font-size: 16px;
        line-height: 30px;
    }
    #search-area .search-area {
        padding: 8px 0px;
    }
    #search-area .search-area p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 3px;
    }
    #propertys-specialty .propertys-specialty .property-specialty-second .property-specialty-second-content {
        padding: 8px;
    }
    #propertys-specialty .propertys-specialty .property-specialty-second .inner-second-property {
        display: block;
        width: 100%;
    }
    #propertys-specialty .propertys-specialty .property-specialty-second .property-specialty-second-content h5 {
        font-size: 12px;
        line-height: 22px;
    }
    #review .review .swip-slide {
        display: none;
    }
    #review .review .slider .content-slide .inner-content-slide {
        grid-column: span 12;
    }
    #review .review .review-swiper {
        padding: 0px;
        background-color: unset;
    }
    #review .review .slider .content-slide .inner-content-slide svg {
        width: 46px;
        height: 32px;
        margin-bottom: 8px;
    }
    #review .review .slider .content-slide .inner-content-slide p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    #review .review .slider .content-slide .inner-content-slide h5 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 3px;
    }
    #review .review .slider .content-slide .inner-content-slide h6 {
        font-size: 10px;
        line-height: 12px;
    }
    #review .review .slider .swiper-slide {
        padding: 8px;
        width: 72% !important;
    }
    #review .review .slider .swiper-slide-active .inner-content-slide {
        opacity: 1;
    }
    #review .review .slider .inner-content-slide {
        opacity: 0.7;
    }
    footer .contact-us-footer {
        grid-row-start: 1;
        margin-bottom: 8px;
    }
    footer .contact-footer {
        text-align: center;
    }
    footer .contact-footer p {
        max-width: unset;
    }
    footer .contact-footer ul {
        text-align: start;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-inline-end: 37px;
    }
    footer .items-footer li {
        margin-bottom: 16px;
    }
    footer .items-footer li:first-child {
        font-size: 16px;
        line-height: 22px;
        color: var(--mainColor);
        font-weight: 700;
        margin-bottom: 12px;
    }
}

@media only screen and (min-width:767px) and (max-width: 1000px) {
    .select_filter {
        display: none;
    }
}


/************************/


/* 
p {
    margin-bottom: 0;
}

button:focus {
    outline: none;
}

.nav .contact-us .social a {
    display: flex;
    justify-content: center;
    align-items: center;
} */


/*------------- Page Preloader --------------*/

#preloader {
    width: 100%;
    height: 100vh;
    background-color: #fffffffa;
    position: fixed;
    z-index: 9999;
    top: 0;
}

#preloader-circle {
    position: relative;
    width: 80px;
    height: 80px;
    top: 43%;
    margin: 0 auto;
}

#preloader-circle span {
    position: absolute;
    border: 8px solid var(--mainColor);
    border-top: 8px solid transparent;
    border-radius: 999px;
}

#preloader-circle span:nth-child(1) {
    width: 80px;
    height: 80px;
    animation: spin-1 2s infinite linear;
}

#preloader-circle span:nth-child(2) {
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
    animation: spin-2 1s infinite linear;
}

@keyframes spin-1 {
    0% {
        transform: rotate(360deg);
        opacity: 1;
    }
    50% {
        transform: rotate(180deg);
        opacity: 0.5;
    }
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes spin-2 {
    0% {
        transform: rotate(0deg);
        opacity: 0.5;
    }
    50% {
        transform: rotate(180deg);
        opacity: 1;
    }
    100% {
        transform: rotate(360deg);
        opacity: 0.5;
    }
}

.bg_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 9;
}

.bg_overlay.show,
.show .bg_overlay {
    display: inline-block;
}

#bed-and-bath,
#price-inner-search {
    position: relative;
    z-index: 99;
}

.discover-search {
    position: relative;
    z-index: 99;
}

svg.swiper-property-button-prev.swiper-button-disabled,
.slick-disabled {
    opacity: 0.5;
}

body .select2-container--default .select2-selection--single {
    padding: 14px 10px;
    border: solid 1px var(--mainColor);
    background-color: #fff;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: rgb(22 52 88 / 70%);
    appearance: none;
    outline: none;
    padding-inline-end: 30px;
    cursor: pointer;
    height: 52px;
}

body .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: rgb(22 52 88 / 70%);
    appearance: none;
    outline: none;
    cursor: pointer;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.popup-search {
    display: none;
}

.popup-search.showSearch {
    display: inline-block;
}

.min-width_115 {
    min-width: 115px;
}

.min-width_115 .select2-container {
    width: 100% !important;
}

body.remove_scroll {
    overflow: hidden;
}

.relative {
    position: relative;
}

html[dir="ltr"] #search-area .swiper-property-navigation {
    flex-direction: row-reverse;
}


/*******unit search****/

body .search-for-unit .select2-container--default .select2-selection--single {
    border: solid 1px #c7e6f4;
    padding: 8px 12px;
    height: 44px;
}

.popup-unit-search-footer-buttons button svg {
    display: none;
}

.col-large-4.filter_section {
    position: sticky;
    top: 0;
    height: 600px;
    min-height: 200px;
    overflow: auto;
    position: sticky;
    top: 3%;
}

.comparison-unit .checkbox-container {
    margin-bottom: 5px;
    margin-top: 15px;
}

.gridview,
.grid_style .listview {
    display: none;
}

.grid_style .gridview,
.listview {
    display: flex;
}

.all-propertys.list_style .property {
    display: flex;
}

.all-propertys.list_style .col-large-6 {
    grid-column: span 12;
}

.all-propertys.list_style .wishlist {
    margin: 0 35px;
}

.all-propertys.list_style .comparison-unit {
    position: absolute;
    top: 9px;
    left: 48px;
    width: 83px;
    right: auto;
    display: inline-block;
}

.all-propertys.list_style .comparison-unit .com_label {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 15px;
    width: 30px;
    left: 17px;
}

.all-propertys.list_style .footer-property button {
    padding: 11px 0;
}

.all-propertys.list_style .footer-inner-property {
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
}

.all-propertys.list_style .property h5 {
    margin-bottom: 1px;
}

.all-propertys.list_style .property .prop_tit {
    line-height: 22px;
    margin-bottom: 9px;
    display: inline-block;
}

.all-propertys.list_style .property_img {
    width: 49%;
    margin: 0;
    overflow: hidden;
}

.all-propertys.list_style .inner_sec {
    width: 51%;
}

.mobile_text {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: var(--mainColor);
}

.prop_num {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #4185D8;
    margin: 0 3px;
}

.hide_desktop {
    font-weight: 500;
    font-size: 11px;
    line-height: 21px;
    color: var(--mainColor);
}

.mobile_only,
.bg_search {
    display: none;
}

.showPopupUnit {
    height: 30px;
    transition: all .5s ease-in-out;
}

.popup-unit-search-title span.show_popup,
.showPopupUnit .hide_popup {
    display: none;
}

.showPopupUnit .popup-unit-search-title span.show_popup {
    display: inline-block;
}

.showPopupUnit .popup-unit-search-title span svg {
    transform: rotate(180deg);
}

.notification_num {
    width: 20px;
    height: 20px;
    background: #FF5454;
    border-radius: 100px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#popup-search_unit {
    background: #f9fdff;
    padding: 0;
    height: 100%;
    overflow-y: scroll;
}

#popup-search_unit .popoup-input-search {
    width: 100%;
    display: inline-block;
}

.header_adv_search {
    justify-content: space-between;
    background: #E7F0FF;
    padding: 20px 18px;
}

.tite_adv_text {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: var(--mainColor);
    gap: 5px;
}

.mt_16 {
    margin-top: 16px;
}

.primary_btn {
    background-color: var(--mainColor);
    padding: 11px 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    transition: 0.3s;
    border: solid 1px var(--mainColor);
    cursor: pointer;
    width: 100%;
}

.secondry_btn.active {
    background-color: var(--mainColor) !important;
    color: #fff;
}

.tab_content {
    display: none;
}

.tab_content.activetab {
    display: inline-block;
    width: 100%;
}

.secondry_btn {
    padding: 11px 15px;
    border: solid 1px var(--mainColor);
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: var(--mainColor);
    appearance: none;
    outline: none;
    cursor: pointer;
    width: 100%;
}

.tite_unit_form {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    text-align: right;
    color: var(--mainColor);
    gap: 8px;
    margin-top: 15px;
    margin-bottom: 10px;
}

#popup-search_unit .bed-and-bath-selector {
    white-space: nowrap;
}

#popup-search_unit .bed-and-bath-selector__fields {
    overflow-x: auto;
    scrollbar-width: thin;
}

#popup-search_unit .select2-container {
    width: 100% !important;
}

.select2-dropdown {
    z-index: 99999 !important;
}

.field_cont {
    border-bottom: 1px solid #C7E6F4;
    padding-bottom: 20px;
}

.field_cont:last-child,
.field_cont.last {
    border-bottom: none;
}

#popup-search_unit .search-unit-buttons {
    margin-top: 20px;
}

.scroll_search_unit {
    /* height: calc(100vh - 122px);
    overflow-y: scroll; */
}

.dir_ltr {
    direction: ltr;
}

.gap_8 {
    gap: 8px;
}

.read_more {
    margin-top: 16px;
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #848FAC;
    transition: 0.3s;
}

.read_more:hover {
    /* color: var(--yellowColor); */
    text-decoration: underline;
}

.all-blogs .inner_sec {
    padding-bottom: 25px;
    background-color: #f5fcff;
    padding-top: 15px;
}

.all-blogs .property {
    border-radius: 12px;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.all-blogs .property .blog_title {
    font-family: 'Cairo';
    font-weight: 500;
    font-size: 20px;
    line-height: 37px;
    color: var(--mainColor);
    transition: 0.3s;
}

.all-blogs .property .prop_tit:hover {
    color: var(--yellowColor);
}

.all-blogs .property img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    transform: scale(1);
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.all-blogs .property img:hover {
    transform: scale(1.03);
}

.all-blogs .inner-property {
    padding: 0px 8px;
}

.all-blogs {
    margin-bottom: 60px;
}

.search_btn_svg {
    background: var(--mainColor);
    border-radius: 10px;
    width: 50px;
    height: 50px;
    transition: 0.3s;
}

.search_btn_svg:hover {
    background: var(--yellowColor);
}

html[dir="rtl"] .search_btn_svg {
    margin-right: -30px;
}

html[dir="ltr"] .search_btn_svg {
    margin-left: -30px;
}

.cat_items {
    justify-content: space-between;
    transition: 0.3s;
}

.cat_items:hover .cat_tit {
    color: var(--yellowColor);
}

.cat_items:hover .cat_items_num {
    background-color: var(--yellowColor);
}

.cat_tit {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #848FAC;
    transition: 0.3s;
}

.cat_items_num {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    width: 31px;
    height: 31px;
    background: #848FAC;
    font-family: 'Cairo';
    font-weight: 700;
    font-size: 11px;
    color: #FFFFFF;
    transition: 0.3s;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_50 {
    margin-bottom: 50px;
}

.blog_cont .pagination_mobile {
    padding: 0;
}

@media only screen and (max-width: 1000px) {
    .card-blog-details {
        margin-top: 20px;
    }
    .top_section {
        flex-direction: column;
        align-items: start;
    }
    .select2-results__option {
        font-size: 14px;
    }
    body #popup-search_unit .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        color: var(--mainColor);
    }
    #popup-search_unit .search-unit-select svg {
        top: 17px;
    }
    body #popup-search_unit .select2-container--default .select2-selection--single {
        padding: 7px 10px;
        height: 40px;
        background-color: #f9fdff;
    }
    #popup-search_unit .secondry_btn {
        background-color: #f9fdff;
    }
    .filter_section,
    .desktop_only {
        display: none;
    }
    .items_section.col-large-8 {
        grid-column: span 12;
    }
    .mobile_only {
        display: flex;
    }
    .unit-search .form-unit-search-mobile {
        display: grid;
    }
    .search_mob_input {
        position: relative;
    }
    .search_mob_input::after {
        content: "";
        width: 22px;
        height: 22px;
        background: url(/assets/img/Combined-Shape.svg) no-repeat center center transparent;
        position: absolute;
        inset-inline-end: 14px;
        top: 15px;
        z-index: 100;
    }
    .header_bg {
        margin-bottom: 0;
    }
    .bg_search {
        background: #F9FDFF;
        margin-bottom: 16px;
        border: 1px solid #C7E6F4;
        display: inline-block;
        width: 100%;
        padding: 0 16px;
    }
    .unit-search .form-unit-search-mobile .col-large-6 a {
        padding: 9px 14px;
    }
    .results-search-unit-header-button.main_btn {
        background: #F9FDFF;
        border: 1px solid #C7E6F4;
    }
    #toggleItems {
        display: none;
    }
    h4.property-title,
    .page-title.container {
        display: none;
    }
    .popup-unit-search {
        padding: 0px;
        border-radius: 0;
    }
    .popup-unit-search-title,
    .popup-unit-search-images,
    .popup-unit-search-footer {
        padding: 0 10px;
    }
    .popup-unit-search-title {
        margin-bottom: 0;
    }
    .popup-unit-search-images {
        padding-bottom: 16px;
        padding-top: 16px;
        margin-bottom: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        background: #F9FDFF;
    }
    .popup-unit-search-image {
        width: auto;
        height: 90px;
    }
    .popup-unit-search-footer-buttons button {
        width: auto;
    }
    .popup-unit-search-title :is(h3, span) {
        font-size: 12px;
    }
    .popup-unit-search-footer {
        flex-direction: column;
        background: #F9FDFF;
    }
    .popup-unit-search-footer svg path {
        fill: #DA6969;
    }
    .popup-unit-search-footer h5 {
        justify-content: center;
        order: 1;
        width: 100%;
        color: #DA6969;
        margin: 10px 0;
    }
    .popup-unit-search-footer-buttons {
        order: 0;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .popup-unit-search-footer-buttons button {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
        background-color: transparent !important;
        color: var(--mainColor) !important;
        border: solid 1px var(--mainColor);
        border-radius: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        padding: 9px 14px;
    }
    .popup-unit-search-footer-buttons button svg {
        display: inline-block;
    }
    .popup-unit-search-footer-buttons button svg path {
        color: var(--mainColor);
        fill: var(--mainColor);
    }
    .popup-unit-search {
        transition: all .5s ease-in-out;
    }
    .showPopupUnit {
        height: 30px;
        transition: all .5s ease-in-out;
    }
    .popup-unit-search-title span.show_popup,
    .showPopupUnit .hide_popup {
        display: none;
    }
    .showPopupUnit .popup-unit-search-title span.show_popup {
        display: inline-block;
    }
    .showPopupUnit .popup-unit-search-title span svg {
        transform: rotate(180deg);
    }
    .notification_num {
        width: 20px;
        height: 20px;
        background: #FF5454;
        border-radius: 100px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container.unit-search {
        padding: 0;
    }
    .container.unit-search .results-search-unit-header,
    .container.unit-search .results-search-unit .tags {
        padding: 0 16px;
    }
    .container.unit-search .all-propertys .property {
        border-radius: 0;
        padding: 8px 16px;
        gap: 8px;
        background: #F9FDFF;
    }
    .container.unit-search .all-propertys .inner_sec {
        background-color: transparent;
        width: 64%;
        padding: 0;
    }
    .container.unit-search .all-propertys.list_style .property_img {
        width: 34%;
    }
    .container.unit-search .all-propertys .inner-property {
        padding: 0;
    }
    .container.unit-search .all-propertys .property h6 {
        font-size: 12px;
        margin-bottom: 0;
    }
    .container.unit-search .all-propertys.list_style .comparison-unit {
        top: -2px;
        left: 35px;
    }
    .container.unit-search .all-propertys .property h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .container.unit-search .all-propertys.list_style .property .prop_tit {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .container.unit-search .loc svg,
    .container.unit-search .size svg {
        width: 11px;
    }
    .container.unit-search .bath_room svg,
    .container.unit-search .bed_room svg {
        width: 19px;
    }
    .container.unit-search .all-propertys .footer-inner-property h6 {
        font-size: 14px;
    }
    dir_ltr .container.unit-search .all-propertys .footer-property {
        padding: 0;
    }
    .container.unit-search .all-propertys.list_style .footer-property button {
        padding: 6px 0;
    }
    .container.unit-search .all-propertys .footer-property button a {
        font-size: 12px;
    }
    .container.unit-search .all-propertys .footer-property button a svg {
        width: 18px;
    }
    .container.unit-search .all-propertys.list_style .footer-inner-property {
        margin-bottom: 8px;
        padding-bottom: 5px;
    }
    .container.unit-search .all-propertys .property img {
        height: 100%;
        transform: scale(1, 1);
    }
    #popup-unit-search {
        box-shadow: 5px 5px 40px 0px #163458;
    }
}

@media only screen and (min-width:700px) and (max-width: 1000px) {
    .container.unit-search .all-propertys.list_style .property .prop_tit {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .container.unit-search .all-propertys .property h5 {
        font-size: 19px;
        line-height: 35px;
    }
    .container.unit-search .all-propertys .footer-property button a {
        font-size: 15px;
    }
    .container.unit-search .all-propertys.list_style .footer-property button {
        padding: 9px 0;
    }
    .container.unit-search .all-propertys .footer-property button a svg {
        width: 22px;
    }
}

@media only screen and (max-width: 800px) {
    .realted_blogs .col-ipad-4 {
        grid-column: span 12;
    }
}

@media only screen and (min-width: 576px) {
    .hide_desktop {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .all-blogs {
        margin-bottom: 30px;
    }
    .hide_mobile {
        display: none;
    }
    .container.unit-search {
        padding: 0;
    }
    .container.unit-search .results-search-unit-header,
    .container.unit-search .results-search-unit .tags {
        padding: 0 16px;
    }
    .container.unit-search .all-propertys .property {
        border-radius: 0;
        padding: 8px 16px;
        gap: 8px;
        background: #F9FDFF;
    }
    .container.unit-search .all-propertys .inner_sec {
        background-color: transparent;
        width: 64%;
        padding: 0;
    }
    .container.unit-search .all-propertys.list_style .property_img {
        width: 34%;
    }
    .container.unit-search .all-propertys .inner-property {
        padding: 0;
    }
    .container.unit-search .all-propertys .property h6 {
        font-size: 12px;
        margin-bottom: 0;
    }
    .container.unit-search .all-propertys.list_style .comparison-unit {
        top: -2px;
        left: 35px;
    }
    .container.unit-search .all-propertys .property h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .container.unit-search .all-propertys.list_style .property .prop_tit {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .container.unit-search .loc svg,
    .container.unit-search .size svg {
        width: 11px;
    }
    .container.unit-search .bath_room svg,
    .container.unit-search .bed_room svg {
        width: 16px;
    }
    .container.unit-search .all-propertys .footer-inner-property h6 {
        font-size: 11px;
    }
    .container.unit-search .all-propertys .footer-property {
        padding: 0;
    }
    .container.unit-search .all-propertys.list_style .footer-property button {
        padding: 6px 0;
    }
    .container.unit-search .all-propertys .footer-property button a {
        font-size: 12px;
    }
    .container.unit-search .all-propertys .footer-property button a svg {
        width: 18px;
    }
    .container.unit-search .all-propertys.list_style .footer-inner-property {
        margin-bottom: 8px;
        padding-bottom: 5px;
    }
    .container.unit-search .all-propertys .property img {
        height: 100%;
        transform: scale(1, 1);
    }
}

.bg-about-welcome {
    margin-top: -30px;
}

.justify-content-between {
    justify-content: space-between;
}

.prop_type {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    width: 40px;
    height: 26px;
    border-radius: 4px;
    font-size: 10px;
}

.yellow_bg {
    background: var(--yellowColor);
    color: var(--mainColor);
}

.red_bg {
    background: #EB4A4A;
    color: #fff;
}

.project_tit {
    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    color: #163458;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    transition: 0.3s;
}

.project_tit:hover {
    color: var(--yellowColor);
}

.gap_6 {
    gap: 6px;
}

.mb_10 {
    margin-bottom: 10px;
}

.proj_location {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: var(--mainColor);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc( 100% - 60px);
}

.company_logo {
    width: 45px;
    height: 45px;
    border-radius: 100px;
}

.proj_company {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: var(--mainColor);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
}







.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-left:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-right:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-left:0;padding-right:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:.5rem;padding-right:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}
.fade {
    transition: opacity .15s linear;
}
.fade:not(.show) {
    opacity: 0;
}

.nav-tabs .nav-link{
    border: none;
    color: #fff9;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
    text-align: center;
    transition: 0.3s;
    padding: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: var(--yellowColor);
    background-color: transparent;
    border-color: transparent;
}
.tabs_head{
    gap: 24px;
    justify-content: center;
    margin-bottom: 40px;
}
.nav-tabs {
    border-bottom: none;
}