/* color variables */
:root {
    --bs-primary: #002554;
    --bs-tosca: #80c7bc;
    --bs-tosca-700: rgba(128, 199, 188, 0.24);
    --bs-white: #ffffff;
    --bg-black: #07100f;
    --text-white-800: rgba(255, 255, 255, 0.72);
    --text-white-500: #76777b;
    --text-white-600: rgba(255, 255, 255, 0.32);
    --text-grey: #4d5858;
    --border-grey: #dddddd;
    --en-font-family: "DINPro";
    --ar-font-family: "DIN Next LT W23";
}
/* EN Font family */
@font-face {
    font-family: "DINPro";
    src: url("/docs/default-source/dinpro/dinpro-regular.eot");
    src: url("/docs/default-source/dinpro/dinpro-regular.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/dinpro/dinpro-regular59e2ae8d-0c4c-4fd8-ba68-3c68808e44fc.woff2") format("woff2"),
        url("/docs/default-source/dinpro/dinpro-regulardf0df31e-865b-4d26-ac93-d629e790afa1.woff") format("woff"),
        url("/docs/default-source/dinpro/dinpro-regular24928ef8-ffca-49d2-91a1-1f01f8bcba0c.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro";
    src: url("/docs/default-source/dinpro/dinpro-blackb49cf269-2157-4df7-b4a6-73bd6f71ba7c.eot");
    src: url("/docs/default-source/dinpro/dinpro-blackb49cf269-2157-4df7-b4a6-73bd6f71ba7c.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/dinpro/dinpro-black52b67a17-883b-456d-a99d-62d56950038f.woff") format("woff2"),
        url("/docs/default-source/dinpro/dinpro-black52b67a17-883b-456d-a99d-62d56950038f.woff") format("woff"),
        url("/docs/default-source/dinpro/dinpro-black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro";
    src: url("/docs/default-source/dinpro/dinpro-bold.eot");
    src: url("/docs/default-source/dinpro/dinpro-bold.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/dinpro/dinpro-boldfe1c7ed9-31bc-4d71-9568-9495662a2b7d.woff2") format("woff2"),
        url("/docs/default-source/dinpro/dinpro-bold2069d869-8b14-4a39-86ba-072c6c005766.woff") format("woff"),
        url("/docs/default-source/dinpro/dinpro-bold2b2da484-661b-4dbe-ac1b-44db03164859.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro";
    src: url("/docs/default-source/dinpro/dinpro-light.eot");
    src: url("/docs/default-source/dinpro/dinpro-light.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/dinpro/dinpro-light0e680c95-c190-4463-b628-8722269cc290.woff2") format("woff2"),
        url("/docs/default-source/dinpro/dinpro-light5b776108-c118-4de6-a36d-92bab812005b.woff") format("woff"),
        url("/docs/default-source/dinpro/dinpro-lightecc4bffa-7fd1-4815-ae45-eef7221e0d91.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINPro";
    src: url("/docs/default-source/dinpro/dinpro-medium.eot");
    src: url("/docs/default-source/dinpro/dinpro-medium.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/dinpro/dinpro-medium62ceda65-a17a-4611-8c1c-29cbee9f4097.woff2") format("woff2"),
        url("/docs/default-source/dinpro/dinpro-mediumf40917b7-615b-4d61-85c0-75be645673d6.woff") format("woff"),
        url("/docs/default-source/dinpro/dinpro-mediume7ccd30a-a8e6-41a1-8280-56ec07a97a8c.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/* AR Font Family */
@font-face {
    font-family: "DIN Next LT W23";
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-black.eot");
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-black.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-black1d81ac2b-396c-4d1f-b2b7-0eaa3bbb0c19.woff2") format("woff2"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-black502b76d8-9f0b-4fe9-b4b1-ccd8217e74c3.woff") format("woff"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-black42569a2a-b7c2-4552-bef0-2a2c879e5244.ttf") format("truetype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-black438d1663-ca7a-4d1b-a74c-56da1a4d4346.svg#DINNextLTW23-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT W23";
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-bold.eot");
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-bold.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-bold533a4e32-8042-4ee8-a295-a12065de73f3.woff2") format("woff2"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-boldc00a1764-25fb-42e0-acde-b37b8d8fe529.woff") format("woff"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-bold45e2d180-6874-4645-ae9c-0cbe22897114.ttf") format("truetype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-boldcc2bd230-1483-4f12-8ec3-466708f78813.svg#DINNextLTW23-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT W23";
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-light.eot");
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-light.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-lightc26364d1-8aa0-4daa-b29f-6e0167b60dd9.woff2") format("woff2"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-lightfef0d41a-e846-41f9-8200-2d719f30431a.woff") format("woff"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-light39d8e3e8-86fe-4f4d-9012-77a9ec84fd63.ttf") format("truetype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-light8844f1eb-56fd-4441-b822-d58b16c6b01f.svg#DINNextLTW23-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT W23";
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-medium.eot");
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-medium.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-medium9748478e-3e5e-4031-97f2-e4a8bf54e997.woff2") format("woff2"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-mediumd4e47ea5-a144-4664-9eb2-28bbb878c02e.woff") format("woff"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-medium9ab937d6-8417-459d-96ef-75a8b0520004.ttf") format("truetype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-medium1117d760-efd6-48ad-96eb-7e8922ca5a87.svg#DINNextLTW23-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT W23";
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-regular.eot");
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-regular.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-regular664cda95-e8df-41d1-8b04-46f4ae84c64a.woff2") format("woff2"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-regulara698968d-3182-4c7f-8d31-cd000e7d23e9.woff") format("woff"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-regularc9e7a9f9-ccd5-4797-9d9d-5344f458ba75.ttf") format("truetype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-regularf3300081-4e8d-444c-9ba3-48a94d9c885c.svg#DINNextLTW23-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT W23";
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-ultralight.eot");
    src: url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-ultralight.eot?#iefix") format("embedded-opentype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-ultralightbe5e85e4-0d45-413c-89cb-4e1999dae745.woff2") format("woff2"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-ultralighte35a0d1b-16af-4afd-b37e-b82f992f5094.woff") format("woff"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-ultralightaf22caae-7e9f-4fcd-9bdd-e8874a5836e8.ttf") format("truetype"),
        url("/docs/default-source/din-nexte284a2-arabic/dinnextltw23-ultralightab995eb2-bdc8-463c-b25b-59ae9066431d.svg#DINNextLTW23-UltraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "brand";
    src: url("/docs/default-source/fontello-brand/brand.eot?46071576");
    src: url("/docs/default-source/fontello-brand/brand.eot?46071576#iefix") format("embedded-opentype"),
        url("/docs/default-source/fontello-brand/brandf3239f94-85e8-4bd8-b328-25383194eefe.woff2?46071576") format("woff2"),
        url("/docs/default-source/fontello-brand/brand7f81ac02-b2ab-4a81-811d-4e3bb2648d33.woff?46071576") format("woff"),
        url("/docs/default-source/fontello-brand/brand17605df9-ae30-4815-9bfe-0398896efd02.ttf?46071576") format("truetype"),
        url("/docs/default-source/fontello-brand/brand3997d4aa-5ad0-42a6-b878-4fba99417a4d.svg?46071576#brand") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'brand';
      src: url('../font/brand.svg?46071576#brand') format('svg');
    }
  }
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "brand";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-beg:before {
    content: "\e800";
}
.icon-email:before {
    content: "\e801";
}
.icon-twitter-new:before {
    content: "\e802";
}
.icon-calender:before {
    content: "\e803";
}
.icon-chevron_left:before {
    content: "\e804";
}
.icon-chevron_right:before {
    content: "\e805";
}
.icon-marker:before {
    content: "\e806";
}
.icon-close:before {
    content: "\e807";
}
.icon-hamburger:before {
    content: "\e808";
}
.icon-linkedin:before {
    content: "\e809";
}
.icon-instagram:before {
    content: "\e80a";
}
.icon-search:before {
    content: "\e80b";
}
.icon-ok:before {
    content: "\e80c";
}
.icon-slide-left-arrow:before {
    content: "\e80d";
}
.icon-long-right-arrow:before {
    content: "\e80e";
}
.icon-nav-arrow:before {
    content: "\e80f";
}
.icon-facebook:before {
    content: "\e810";
}
.icon-twitter:before {
    content: "\e811";
}
.icon-slide-right-arrow:before {
    content: "\e812";
}
.icon-thin-nav-arrow:before {
    content: "\e813";
}
.icon-tik-tok:before {
    content: "\e814";
}
.icon-upload:before {
    content: "\e815";
}
.icon-media-center:before {
    content: "\e816";
}
/* general css code */
* {
    box-sizing: border-box;
}
body {
    font-family: var(--en-font-family) !important;
    font-weight: normal;
    outline: none;
    scroll-behavior: smooth;
    font-size: 1em;
    line-height: 1.5;
    overflow-x: auto;
}
body.spinner-active{
    overflow: hidden;
}
body.scroll_hidden, body.menu_open.scroll_hidden {
    overflow: hidden !important;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
    font-family: var(--en-font-family);
}
h1 {
    font-size: 96px;
    font-weight: 700;
}
h2 {
    font-size: 64px;
    line-height: 1.15;
}
h3 {
    font-size: 48px;
    line-height: 1.2;
}
h4 {
    font-size: 36px;
    line-height: 1.3;
}
h5 {
    font-size: 24px;
    line-height: 1.42;
}
h6 {
    font-size: 20px;
}
a {
    color: var(--bs-primary);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    font-family: var(--en-font-family);
}
a:hover {
    text-decoration: underline;
    color: #49a798;
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
}
blockquote {
    background: #f2f2f2;
    padding: 20px;
    margin: 0 0 16px;
    border-left: solid 4px #008000;
}
td, th {
    padding: 12px;
    border: solid 1px var(--border-grey);
}
table {
    border-collapse: collapse;
    border: solid 1px var(--border-grey);
    margin: 0 0 16px;
}
::placeholder {
    color: var(--text-grey);
    opacity: 1;
}
.form-control, input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input, select {
    border-radius: 6px;
    background: var(--bs-white);
    padding: 12px 20px;
    height: 50px;
    border: 1px solid var(--border-grey);
}
.form-control:focus {
    border-color: var(--border-grey);
    outline: 0;
    box-shadow: none;
}
.form-check-input:focus, .form-select:focus {
    outline: 0;
    box-shadow: none;
}
textarea, textarea.form-control {
    height: 200px;
}
body .container-fluid {
    padding: 0 !important;
}
.container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* common css */
.property-slider .slick-list .slick-track {
    display: flex !important;
    align-items: center;
}
.bg-primary, .why-us-project-slider .property-slider .slick-dots li.slick-active, .news-slick-slider .slick-dots li.slick-active {
    background-color: var(--bs-primary) !important;
}
.bg-tosca {
    background-color: var(--bs-tosca) !important;
}
.bs-primary {
    color: var(--bs-primary) !important;
}
.text-tosca {
    color: var(--tosca) !important;
}
.text-dark-gray {
    color: var(--text-grey) !important;
}
.text-sm {
    font-size: 14px !important;
}
.text-navy{
    color: #002554;
}
.img-border-top-right-rd, .team-expert-img, .property-card .card-img-top {
    border-radius: 0 80px 0 0;
}
.img-border-bottom-left-rd {
    border-radius: 0 0 0 80px;
}
.border-top-left-radius {
    border-radius: 80px 0 0 0;
}
.border-bottom-section {
    border-bottom: 1px solid var(--bs-tosca-700);
}
.pt-64 {
    padding-top: 64px !important;
}
.pb-64 {
    padding-bottom: 64px !important;
}
.fs-xs, .site-footer .footer-social p {
    font-size: 12px;
}
.pt-30 {
    padding-top: 30px !important;
}
.pb-96 {
    padding-bottom: 96px !important;
}
.mb-32 {
    margin-bottom: 32px;
}
.pb-32 {
    padding-bottom: 32px;
}
.pt-96 {
    padding-top: 96px !important;
}
.lh-24{
    line-height:24px!important;
}
.section-padding {
    padding-top: 128px;
    padding-bottom: 128px;
}
body .sf-autocomplete .ui-menu-item-wrapper.ui-state-active {
    z-index: 2;
    color: #07100F;
    background-color: var(--bs-tosca);
    border-color: var(--bs-tosca);
}
.image_with_content .bs-gutter-x {
    --bs-gutter-x: 64px;
}
.main-container {
    max-width: 1920px;
    margin: 0 auto !important;
    width: 100%;
    overflow: hidden;
}
.content-container {
    max-width: 1500px;
    margin: 0 auto !important;
    width: 100%;
    padding: 0 45px;
}
.site-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none;
  }
.loader-layer-1,
.loader-layer-2 {
    position: absolute;
    width: 100%;
    height: 100%;
}
.loader-layer-1 {
    background: #002554;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader-layer-2 {
    background: #80C7BC;
    bottom: 0;
    z-index: 1;
}
.site-loader-logo {
    width: 100%;
    max-width: 220px;
}
.cursor-pointer, body .ui-menu-item-wrapper, .site-header .lang-switcher .en-lang, .site-header .lang-switcher .ar-lang, .form-check-input, input[type="radio"], select:hover {
    cursor: pointer;
}
.site-header .navbar-nav .nav-link.active::before, .site-header .navbar-nav .nav-link.show::before, .site-header .navbar-nav .nav-link:hover::before, .nav-item.dropdown.active a.nav-link:before, .site-header .header_search_form, .media-short .dropdown-menu, .job_single_page .info_content, .resumeModal .drag_upload_box .upload_files .col-10, .application-form .drag_upload_box .col-10 {
    width: 100%;
}
.project-banner-img img, .property-locaton-map img, .media-center-main img, .inquiry-now-frm {
    max-width: 100%;
}
.site-header a.navbar-brand, .site-header .close-btn, .site-header .menu-btn, .site-header .navbar_nav .menu_pattern, .site-header .manu-logo, .site-header .header_search_box button, .property-search-form .select-box:last-child::after, .property-search-form .search-button::before, .inner-banner .inner-banner-date, .inner-banner .location-address, .property-detail-outer .bg-vector, .display-mob, .overlay-container-mobile, .contact-form-main .sf-RadioButtons [role="alert"], .news-slider .slick-track::before, .news-slider .slick-track::after, .news-slider .slick-dots button:before, .inner_expertise_sec .expertise-box:after, .property-slider .slick-dots button:before, .search-results .search_page_sec>div:nth-child(2), .search-results .search_page_sec .link-secondary, .mobile-visible {
    display: none;
}
.inner-banner.inner-banner-open-positions{
    display: none!important;
}
.site-header .language-switcher label.form-label, .search-results h1[role="alert"]+div, .property-slider .slick-dots, .property-slider .slick-arrow{
    display: none !important;
}
.site-header .nav-item:hover .dropdown-menu, .desktop-visible {
    display: block;
}
.site-header .dropdown-menu.show {
    display: block !important;
}
.inner-bg-img, .overlay-img {
    z-index: -1;
}
.home-facts-section{
    --arc-animate-rotaion: -90deg;
}
html[dir="rtl"] .home-facts-section{
    --arc-animate-rotaion: 90deg;
}
.home-facts-section::before{
    transform: rotate(var(--arc-animate-rotaion));
    transform-origin: left bottom;
}
html[dir="rtl"] .home-facts-section::before{
    transform-origin: right bottom;
}
.home-facts-section .facts-section .facts_item.animate-border:after{
    transform: rotate(90deg);
}
.home-service-section .icon-with-text .card {
    height: 100%;
}
.property-details, .icon-with-text .card-body {
    padding: 0;
}
.icon-with-text{
    --bs-gutter-y: 48px;
}
.icon-with-text .serv-title:last-child,
.icon-with-text p:last-child{
    margin-bottom: 0;
}
.main_privacy_content ul li:last-child, .not-found-img {
    margin-bottom: 32px;
}
.property-gallery-slider ul.slick-dots li button:before, .property-gallery-slider button.slick-arrow:before, .media-search-box button:before, .news-slick-slider ul.slick-dots li button:before {
    content: none;
}
.property-overview .property-overview-lt{
    width:67.8%;
    border-right: 1px solid var(--bs-tosca-700);
    padding-right: 30px;
}
.property-overview .property-overview-rt{
    width:32.2%;
    padding-left: 0px;
}
/* common css ends */
/* Buttons css */
.common-btn, .btn, .news-slider.media-center-news .news-item .img-wrap .overlay a {
    border-radius: 96px;
    display: inline-flex;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
    align-items: center;
    padding: 16px 24px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.70;
}
.common-btn::before, .btn::before, .news-slider.media-center-news .news-item .img-wrap .overlay a::before {
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    transform: translateX(-100%) skew(-45deg);
    transform-origin: 0px 0px;
    transition: transform 1s cubic-bezier(0.07, 0.51, 0.12, 1) 0s;
    top: 0px;
    width: 150%;
    z-index: -1;
}
.news-item a .news-title:hover {
    text-decoration: underline !important;
}
.common-btn:hover, .btn:hover, .inner-banner li.breadcrumb-item a:hover, .application-form .submit-ot .btn:hover, .news-slider.media-center-news .news-item .img-wrap .overlay a:hover, .news-item a:hover {
    text-decoration: none;
}
.privacy-content a:hover {
    text-decoration: none !important;
}
.common-btn:hover::before, .btn:hover::before, .news-slider.media-center-news .news-item .img-wrap .overlay a:hover::before {
    transform: translateX(0px) skew(-45deg);
}
/* Dark outline layout button starts*/
.primary-outline-btn {
    background: transparent;
    color: #002554;
    border: 2px solid #002554;
}
.primary-outline-btn::before {
    background: #002554;
    color: rgb(255, 255, 255) !important;
}
.primary-outline-btn:hover {
    color: rgb(255, 255, 255) !important;
}
.download_profile .primary-outline-btn {
    color: #07100F;
    border: 2px solid #07100F;
}
.download_profile .primary-outline-btn::before{
    background: #07100F;
}
/* Dark button starts*/
.primary-btn, .contact-form-wrapper .contact-form-main .submit-ot .btn {
    background-color: #002554;
    border: 2px solid #002554;
    color: #fff;
}
.primary-btn:before, .contact-form-wrapper .contact-form-main .submit-ot .btn:before {
    background: #fff;
}
.primary-btn:hover, .contact-form-wrapper .contact-form-main .submit-ot .btn:hover {
    color: #002554;
    border-color: #002554;
    background-color: #002554;
}
/* Light btn*/
.light-btn, .application-form .submit-ot .btn, .login-sign-section .form-content-block .submit-ot .btn, .login-signup .submit-ot .btn, .open-positions .careers_cards .careers_item .primary-btn, .news-slider.media-center-news .news-item .img-wrap .overlay a, .loginSignupPopup .submit-ot .btn, .media-center-news .news-item .img-wrap .overlay .btn {
    background-color: var(--bs-white);
    border: 2px solid var(--bs-white);
    color: var(--bs-primary);
}
.light-btn:before, .application-form .submit-ot .btn:before, .login-sign-section .form-content-block .submit-ot .btn:before, .open-positions .careers_cards .careers_item .primary-btn:before, .news-slider.media-center-news .news-item .img-wrap .overlay a::before, .loginSignupPopup .submit-ot .btn::before, .media-center-news .news-item .img-wrap .overlay .btn::before {
    background: var(--bs-primary);
}
.light-btn:hover, .application-form .submit-ot .btn:hover, .login-sign-section .form-content-block .submit-ot .btn:hover, .login-sign-section .form-content-block .submit-ot .btn:hover, .open-positions .careers_cards .careers_item .primary-btn:hover, .news-slider.media-center-news .news-item .img-wrap .overlay a:hover, .loginSignupPopup .submit-ot .btn:hover, .media-center-news .news-item .img-wrap .overlay .btn:hover {
    color: var(--bs-white);
    border-color: var(--bs-white);
    background-color: var(--bs-white);
}
/* Light outline button starts*/
.light-outline-btn {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.light-outline-btn::before {
    background: #fff;
}
.light-outline-btn:hover {
    color: #002554;
}
.zoom-image {
    transition: transform 0.6s ease;
    transform: scale(1.3);
}
.zoom-image.zoom-out {
    transform: scale(1);
}
/* end of common button css */
/* header */
.site-header {
    border-bottom: 1px solid var(--text-white-600);
    position: absolute;
    z-index: 100;
    background: transparent;
    max-width: 1920px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.site-header .inner_header {
    padding: 0 64px;
}
.site-header span.icon-search::before {
    font-size: 25px;
    cursor: pointer;
    margin: 0;
}
.site-header nav.navbar {
    background: transparent !important;
    padding: 0;
    align-self: stretch;
}
.site-header .navbar-nav a.nav-link, .site-header .navbar-nav .dropdown-item {
    color: var(--bs-white);
    font-size: 16px;
    font-weight: 500;
    transition: border 0.3s ease;
    height: 100%;
    text-transform: capitalize;
    line-height: 1.5;
}
.site-header .navbar-nav .dropdown-item {
    font-weight: 400;
    color: var(--text-grey);
}
.site-header .navbar-nav .dropdown-item:hover, .site-header .navbar-nav .dropdown-item.active {
    color: var(--bs-primary);
}
.site-header .navbar-nav {
    gap: 64px;
    margin-left: 32px;
}
.site-header .dropdown-item {
    padding: 8px 12px;
    border-bottom: 1px solid var(--bs-white);
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
}
.site-header .dropdown-menu {
    margin: 0;
    border-radius: 8px;
    padding: 8px 0;
    position: absolute;
    left: 0;
    border: none;
    background: var(--bs-white);
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
        0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.site-header .dropdown-item.active, .site-header .dropdown-item:active {
    color: var(--bs-primary);
    text-decoration: none;
    background-color: var(--bs-tosca);
}
.site-header .dropdown-menu .dropdown-item:active > .page-icon-wrap, .site-header .dropdown-menu .dropdown-item:focus > .page-icon-wrap {
    background: white;
}
.site-header .header-logo {
    width: 164px;
}
.site-header .navbar-nav a.nav-link {
    padding: 36px 0;
}
.site-header .navbar-nav .nav-link {
    position: relative;
    text-decoration: none;
}
.site-header .navbar-nav .nav-item:hover:after {
    display: block;
}
.site-header .navbar-nav li:after {
    content: '';
    width: 100%;
    height: 4px;
    background: var(--bs-tosca);
    position: absolute;
    bottom: 0;
    display: none;
}
.site-header .navbar-nav .nav-item{
    position:relative;
}
.site-header .logo {
    border-right: 1px solid var(--text-white-600);
    padding-right: 32px;
}
.site-header .dropdown-item:hover, .site-header .dropdown-item:focus {
    background-color: var(--bs-tosca);
    color: var(--bs-primary);
}
.site-header .dropdown .dropdown-toggle::after {
    margin-left: 8px;
    border: 0;
    content: "\e813";
    font-family: brand;
    font-size: 7px;
}
.site-header .navrow {
    justify-content: space-between;
}
.site-header .header-buttons button, .site-header .header-buttons a.download_profile {
    padding: 10px 20px;
    border-radius: 35px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 500;
}
.site-header .header-buttons {
    gap: 32px;
}
.site-header button.btn.btn-outline-light {
    background: transparent;
    color: var(--bs-white);
}
.site-header .site-header-buttons .download-profile {
    padding-right: 32px;
    border-right: 1px solid var(--text-white-600);
}
.site-header .language-switcher select.form-select {
    background: transparent;
    border: 0;
    color: var(--bs-white);
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
}
.site-header .language-switcher select.form-select:focus, .pagination .page-link:focus {
    box-shadow: none;
}
.search-open-button.search_open {
    background: transparent;
    border: 0;
}
/* Css for Language switcher */
.site-header .lang-switcher {
    color: var(--bs-white);
    line-height: 1.6;
    display: flex;
    align-items: center;
}
html[dir="rtl"] .site-header .lang-switcher {
    flex-direction: row-reverse;
}
.site-header .lang-switcher span.active {
    color: var(--bs-white);
    font-weight: 700;
}
.site-header .lang-switcher span:hover {
    opacity: 0.8;
}
.site-header .lang-switcher .middle-border {
    border-color: var(--bs-white);
    border-right: 1px solid;
    opacity: 0.5;
    height: 19px;
}
/* Header Search Box css*/
.search_open .sf-autocomplete {
    z-index: 999;
    position: fixed;
}
.search_open .site-header .header_search_box {
    display: flex;
    transform: translatey(0);
    top: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: fixed;
    height: fit-content;
}
.site-header .header_search_box {
    position: absolute;
    inset: 0;
    background: var(--bs-white);
    z-index: 9;
    padding: 24px 64px;
    top: -100%;
    transition: 0.5s;
    transform: translatey(-100%);
}
.site-header .header_search_form>div {
    gap: 0 !important;
    margin: 0 !important;
}
.site-header .header_search_box input.form-control {
    padding: 13px 16px 13px 50px;
    border-radius: 0;
    border: 1px solid var(--border-grey);
    font-size: 14px;
    font-weight: 400;
    color: var(--text-white-500);
    height: auto;
}
.site-header .header_search_box input.form-control:focus {
    border-color: var(--border-grey);
    outline: 0;
    box-shadow: none;
}
.site-header .header_search_box .search_icon .right_search_icon {
    position: absolute;
    right: 75px;
    top: 50%;
    cursor: pointer;
    background-color: var(--bs-white);
    transform: translate(0, -50%);
}
.site-header .header_search_box .search_icon .left_search_icon {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translate(0, -50%);
}
.site-header .dropdown-menu .dropdown-item .page-icon-wrap {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-tosca-700);
    border-top-left-radius: 12px;
}
.site-header .dropdown-menu .dropdown-item .page-icon-wrap img {
    width: 100% !important;
    max-width: 16px;
    margin: 0 !important;
}
.site-header .header-buttons .download-profile {
    padding-right: 32px;
    border-right: 1px solid var(--text-white-600);
}
.site-header .navbar-nav .nav-item:not(.dropdown) > .nav-link.active:before {
    display: block;
}
.site-header .navbar-nav .nav-item:not(.dropdown) > .nav-link::before {
    content: '';
    width: 100%;
    height: 4px;
    background: var(--bs-tosca);
    position: absolute;
    bottom: 0;
    display:none;
}
.site-header .navbar-nav .nav-item:not(.dropdown):after {
    display: none;
}

.site-header .navbar-nav .nav-item:not(.dropdown):hover > .nav-link::before{
    display:block;
}

.site-header .navbar-nav .nav-item.dropdown.active:after {
    display: block;
}
/* Header Search Box css end */
/* Search result page style */
.search-results {
    color: var(--bs-white);
    padding: 64px 0 96px;
}
[role="alert"] {
    font-size: 16px;
    opacity: 0.72;
    line-height: 1.5;
}
[role="alert"] em, .search-results h1[role="alert"] em {
    font-weight: 700;
    word-break: break-word;
}
[role="alert"] em:after, [role="alert"] em:before {
    content: "''";
}
.results li:hover {
    background-color: var(--bs-tosca) !important;
}
/*Login-signup popup css start*/
.login-modal {
    width: 100%;
    height: auto;
    display: block;
    padding: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.92);
}
.loginSignupPopup .modal-dialog, .resumeModal .modal-dialog {
    max-width: 690px !important;
}
.login-modal .loginPopuplogo {
    margin: 0 auto;
    padding-bottom: 48px;
}
.login-modal h3 {
    font-size: 36px;
    color: var(--bs-primary);
    text-align: center;
    line-height: 1.27;
    font-weight: 700;
}
.modal-dialog {
    pointer-events: unset;
}
.commen_form p {
    background-color: var(--bs-white);
    padding: 24px;
    border-radius: 0 80px 0 0;
    text-align: center;
    margin-bottom: 0;
    color: var(--bs-tosca) !important;
    font-size: 24px !important;
    text-transform: capitalize;
    font-weight: 500;
}
.form-content-block .commen_form p {
    background: transparent;
    height: 100%;
}
label.form-label {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 6px;
    color: var(--bs-white);
}
.modal_heading h4 {
    color: var(--bs-white);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
}
.loginSignupPopup .submit-ot .btn {
    width: 100%;
    justify-content: center;
}
.modal-backdrop.fade.show {
    background: transparent;
}
.form-control {
    padding: 12px;
}
.login-sign-section .form-content-block .submit-ot .btn {
    width: 100%;
    justify-content: center;
}
.login-sign-section .login-col.bg-layer-top-right {
    background-image: none ;
}
.login-sign-section .inner-intro-section .intro-title .title-text {
    font-size: 36px;
    line-height: 1.28;
}
.login-form-img-wrap {
    max-width: 1016px;
}
.who-we-are-section .inner-intro-section {
    padding-left: 85px;
}
.famliy-shape .shape-right {
    position: absolute;
    width: 72px;
    height: 72px;
    bottom: 100%;
    right: 99%;
    transform-origin: right bottom;
}
html[dir="rtl"] .famliy-shape .shape-right{
    transform-origin:left bottom;
}
.contact-form-main .form-check, .resumeModal .form-check {
    position: relative;
    min-width: 56px;
    min-height: 32px;
}
.contact-form-main .form-check input[type="radio"]:before, .resumeModal .form-check input[type="radio"]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 96px;
    border: 2px solid var(--bs-tosca-700);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.form-content-block .contact-form-main .form-check input[type="radio"]:before, .resumeModal .form-check input[type="radio"]:before {
    border: none;
    background-color: var(--bs-tosca-700);
}
.contact-form-main .form-check input[type="radio"]:after, .resumeModal .form-check input[type="radio"]:after {
    content: "Yes";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    text-transform: uppercase;
}
.contact-form-main .form-check input[type="radio"], .resumeModal .form-check input[type="radio"] {
    background: transparent !important;
    border: 0 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    float: none;
    font-size: 14px;
    font-weight: 600;
}
.contact-form-main .form-check label, .resumeModal .form-check label {
    position: absolute;
    inset: 0;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.form-content-block .contact-form-main .form-check input[type="radio"]:checked:before, .resumeModal .form-check input[type="radio"]:checked:before {
    background: var(--bs-white);
    border-color: none;
}
.contact-form-main .form-check input[type="radio"]:checked:before {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}
.contact-form-main .form-check input[type="radio"]:checked:after, .resumeModal .form-check input[type="radio"]:checked:after {
    display: block;
    color: var(--bs-white);
}
.form-content-block .contact-form-main .form-check input[type="radio"]:checked:after, .resumeModal .form-check input[type="radio"]:checked:after {
    display: block;
    color: var(--bs-primary);
}
.contact-form-main .form-check:last-child input:after, .resumeModal .form-check:last-child input:after {
    content: "No";
}
/*Login-signup popup css ends*/
/* Banner Search Start */
.property-search-form {
    border-radius: 20px;
    overflow: hidden;
    background: #01060bb8;
    margin-top: 48px;
}
.property-select-section {
    flex-grow: 1;
    gap: 48px;
    padding: 24px 24px 24px 32px;
}
.property-search-form .select-box {
    flex: 1;
    position: relative;
}
.property-search-form .select-box::after {
    content: "";
    position: absolute;
    border: 1px solid var(--bs-white);
    height: 100%;
    right: -24px;
    top: 0;
    opacity: 0.5;
}
.property-search-form .form-label {
    font-size: 14px;
    color: var(--bs-white);
    font-weight: 500;
    display: block;
    margin-bottom: 16px;
    opacity: 0.5;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1.68px;
    line-height: 1.72;
}
.property-search-form .form-select {
    width: 100%;
    padding: 0px 20px 0px 0px !important;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
.property-search-form select.form-select option {
    background-color: black;
    padding: 5px;
}
.property-search-form .select-icon {
    position: relative;
}
.property-search-form .select-icon::before {
    content: "";
    background: url(/images/default-source/miskan/chevron-down.svg);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
    transform: translate(0, -50%);
    pointer-events: none;
}
.property-search-form .search-button, .property-search-form .search-button:hover {
    background-color: white;
    color: var(--bs-primary);
    padding: 18px 40px;
    border-radius: 0;
    border: none;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    justify-content: center;
    max-width: 181px;
}
.property-search-form .search-button .icon-search {
    margin-left: 16px;
}
.property-search-form .search-button .icon-search:before{
    margin:0;
}
html[dir="rtl"] .property-search-form .search-button .icon-search {
    margin-left: 0;
    margin-right: 16px;
}

/* Banner Search Start */
/* inner banner */
.inner-banner .breadcrumb {
    justify-content: center;
}
.inner-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.24) 9.55%, rgba(0, 0, 0, 0) 65.68%);
}
.inner-banner li.breadcrumb-item, li.breadcrumb-item a {
    color: var(--bs-white) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.inner-banner li.breadcrumb-item:before {
    color: var(--bs-white) !important;
}
.inner-banner-content, .inner-banner .content-container {
    position: relative;
    z-index: 9;
}
.inner-banner-content h1 {
    font-size: 64px;
    line-height: 1.16;
    margin-bottom: 16px;
    color: var(--bs-white);
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);
    font-weight: 700;
    margin-bottom: 0px;
}
.inner-banner-content .sf-Long-text {
    margin-top: 16px;
    margin-bottom: 16px;
}
.inner-banner-content .bg-white {
    padding: 12px;
    border-radius: 50%;
}
.inner-banner-news-media-centre .inner-banner-date .bg-white {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
}
.inner-banner-news-media-centre .inner-banner-date .icon-calender::before {
    margin: 0;
    font-size: 21px;
}
.inner-banner.inner-banner-our-projects {
    padding: 60px 0 0 0;
    min-height: 600px;
    align-items: center !important;
}
.inner-banner-content span:nth-child(2) {
    color: var(--bs-white);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
.inner-banner .icon-wrap {
    width: 48px;
    height: 48px;
    display: inline-flex;
    color: var(--bs-primary);
    background: var(--bs-white);
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.inner-banner .icon-wrap span {
    font-size: 22px;
}
.inner-banner {
    min-height: 400px;
    overflow: hidden;
    padding: 190px 0px 96px 0px;
}
.inner-banner li.breadcrumb-item a:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 2px solid var(--bs-white);
    margin-top: 0;
    bottom: 0;
}
.inner-banner li.breadcrumb-item a {
    position: relative;
} 
.inner-banner-news-media-centre .content-container {
    max-width: 1450px;
}
.projects-inner-banner .inner-banner {
    min-height: 504px;
}
/* inner banner */
/* Home page Css */
/*Google map css starts*/
.main-map {
    height: 746px;
    position: relative;
    margin-top: -1px;
}
.main-map #map {
    height: 100% !important;
}
.main-map .map-btn-overlay {
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-map .radio-button-group {
    padding: 16px !important;
    background-color: #01060bb8 !important;
    border-radius: 0px !important;
    gap: 8px;
}
.main-map .radio-button-group .radio-option label {
    height: auto;
    display: block !important;
    padding: 4px 16px;
    margin-left: 26px;
}
.main-map .radio-button-group .radio-option {
    display: flex !important;
    justify-content: center;
    vertical-align: middle;
    position: relative;
}
.main-map #property_options {
    gap: 8px;
}
label.property-tag-all {
    background: var(--bs-primary);
    color: var(--bs-white);
}
/*Google map css ends*/
/* Search result search bar Css start */
.search-result-section input[type="search"].form-control {
    padding: 13px 44px 13px 50px;
    border-radius: 6px;
    background: rgba(1, 6, 11, 0.70);
    border-color: rgba(1, 6, 11, 0.70);
    color: var(--bs-white);
    height: 60px;
}
.search-result-section input[type="search"].form-control:focus {
    color: var(--bs-white);
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.search-result-section.content-container {
    position: absolute;
    right: 50%;
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translate(-48%, 0);
}
html[dir="rtl"] .job_single_page .info_list .col span.job_info + span {
    direction: ltr;
}
html[dir="rtl"] .site-footer .footer_navbar ul{
    right: auto !important;;
}
html[dir="rtl"] .search-result-section input[type="search"] {
    padding: 13px 50px 13px 44px;
}
html[dir="rtl"] .search-result-section.content-container {
    right: auto !important;
}
.search-result-section input::placeholder {
    color: var(--bs-white);
}
.search-result-section button {
    position: absolute;
    font-size: 0;
    background: none;
    border: none;
    top: 30px;
}
.search-result-section button.btn:hover {
    background: none;
    border-color: transparent;
    top: 30px;
}
.search-result-section button.btn:hover::before {
    transform: none;
    top: 0;
    background: none;
}
.search-result-section button::before {
    font-family: 'brand';
    content: "\e80b";
    color: white;
    font-size: 20px;
    position: absolute;
    left: 16px;
    transform: none;
    width: auto;
    font-weight: 400;
}
html[dir="rtl"] .search-result-section button::before {
    left: 20px;
}
.search-result-section .search_result_cancel {
    position: absolute;
    right: 60px;
    cursor: pointer;
    z-index: 9999;
    transform: translateX(0) translateY(40%);
    top: 25px;
}
html[dir="rtl"] .search-result-section .search_result_cancel {
    left: 60px;
    right: auto;
}

/* .inner-banner.search-banner {
    overflow: hidden;
    padding: 85px 0px 96px 0px !important;
    align-items: center !important
} */

/* Search result search bar Css end */
/*Custom radio input design start*/
.custm-radio-input input[type="radio"] {
    display: none;
}
.custm-radio-input label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
}
.custm-radio-input label:before {
    content: '';
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--bs-tosca);
    background-color: transparent;
    transition: background-color 0.3s, border-color 0.3s;
}
.custm-radio-input input[type="radio"]:checked+label:before {
    background-color: var(--bs-tosca);
    border-color: var(--bs-tosca);
}
.custm-radio-input input[type="radio"]:checked+label:before {
    content: "✔";
    font-size: 8px;
    display: flex;
    color: var(--bs-primary);
    justify-content: center;
    vertical-align: middle;
}
.custm-radio-input label:hover:before {
    border-color: var(--bs-white);
}
/*Custom radio input design ends*/
.shape-right-mobile {
    position: absolute;
    right: -60px;
    border-top-right-radius: 100px;
    border-top-left-radius: 0;
    top: -72px;
    width: 72px;
    height: 72px;
    transform-origin: left bottom;
}
.our-mobile-app.section-padding {
    padding-top: 128px;
    margin-top: -1px;
}
.form-content-block select {
    border-radius: 6px 0 0 6px;
}
.form-content-block input.phone-input {
    border-radius: 0 6px 6px 0;
}
.form-content-block a {
    text-transform: capitalize;
    color: var(--bs-tosca);
}
/*  vector css starts */
.latest-news-stories {
    background-image: url("/images/default-source/miskan/right-top-layer-.svg"), linear-gradient(180deg, #002554 40.5%, #fff 100%);
    background-size: 51% auto, 100% auto;
    background-repeat: no-repeat;
    background-position: top right;
}
.why-us-comp-prj {
    background: linear-gradient(180deg, #002554 40.5%, #fff 100%);
}
.bg-layer-top-right {
    background-image: url("/images/default-source/miskan/right-top-layer-.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 45%;
}
.bg-layer-top-left {
    background-image: url('/images/default-source/miskan/left-top-layer.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 53%;
}
.our-team-section.bg-layer-top-right {
    background-image: url(/images/default-source/miskan/right__top-layer.svg);
}

.discover-benefits-sec.bg-layer-top-right {
    background-size: 45%;
    position: relative;
    background-position: top -16px right -54px;
}
.our-project-page.bg-layer-top-left {
    background-size: 40%;
}
.media-content.bg-layer-top-left {
    background-size: 46.5%;
}
/*  vector css ends */
.our-mob-app-content-block {
    border-bottom-right-radius: 80px;
    max-width: 690px;
    position: absolute;
    left: 10px;
    background: var(--bs-primary);
    padding: 80px 6rem 80px 0px;
    z-index: 1;
    margin-top: -1px;
}
.form-content-block {
    min-width: 720px;
    border-top-left-radius: 80px;
    top: 16%;
    background: var(--bs-primary);
    padding: 40px 0px 40px 96px;
    margin-left: calc(-720px + 334px);
    z-index: 2;
    position: relative;
}
.main_banner {
    min-height: 960px;
}
.main_banner img {
    height: 100% !important;
}
.main_banner .home-banner-bg-video{
    height: 100%;
    object-fit: cover;
}
.main_banner::before, .main_banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}
.main_banner::before {
    top: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 38.7%);
    z-index: 1;
}
.main_banner::after {
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 37, 84, 0) 74.48%, #002554 100%);
}
.facts-section {
    gap: 30px;
}
.facts-section .facts_item {
    border: 1px solid var(--bs-tosca-700);
    border-radius: 1px;
}
.facts-section .facts_item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid rgb(255 255 255 / 0%);
    border-radius: 50%;
    border-top-color: var(--bs-tosca);
    border-bottom: 3px solid;
    border-right: 3px solid;
    border-bottom-color: var(--bs-tosca);
    border-right-color: var(--bs-tosca);
    top: 0;
    transition: border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.facts-section .total-project:after {
    transform: rotate(-45deg);
}
.facts-section .total-project:hover:after {
    transform: rotate(-220deg);
}
.facts-section .project-value:hover:after {
    transform: rotate(-150deg);
}
.facts-section .total-built:hover:after {
    transform: rotate(45deg);
}
.facts-section .project-value:after, .facts-section .happy-families:after {
    transform: rotate(135deg);
}
.facts-section .happy-families:hover:after {
    transform: rotate(150deg);
}
.facts-section .total-built:after {
    transform: rotate(220deg);
}
.facts-section .card {
    padding: 0px 65px;
    height: auto;
    z-index: 99;
    border: none;
    background: transparent;
    top: 50%;
    transform: translate(0, -50%);
}
.facts-section .card img {
    position: relative;
    width: 40px;
    height: 40px;
}
.facts-section .card .card-body {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin-top: 16px;
}
.facts-section h5 {
    font-size: 64px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;
    color: var(--bs-white);
    line-height: 1.16;
}
.facts-section p {
    font-size: 16px;
    font-weight: 400;
    color: var(--bs-white);
    /* max-width: 180px; */
}
.rounded-right-top {
    border-top-right-radius: 80px;
}
.cust-btn {
    border-radius: 50px;
}
.text-base {
    font-size: 16px;
    line-height: 1.4;
}
.custom-mt-negative, .the-fact-sec, .map-section, .login-sign-section, .latest-news-stories, .the-fact-section, .expertise-section, .executive-section, .our-mission-section {
    margin-top: -1px;
}
.shape-right {
    width: 18px;
    height: 18px;
    border-top-left-radius: 100px;
}
.main_banner .content-container {
    z-index: 99;
}
.banner-content h1 {
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);
    margin-bottom: 32px;
}
.icon-with-text .card {
    background: transparent;
    border: none;
}
.icon-with-text img {
    margin-bottom: 24px;
    width: 74px;
    height: 74px;
}
.key-benefits-sec .icon-with-text img {
    width: 64px;
}
.icon-with-text .serv-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.42;
    margin-bottom: 16px;
    color: var(--bs-white);
}
.icon-with-text p {
    color: var(--text-white-800) !important;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}
.home-service-section .icon-with-text .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.discover-benefits-sec {
    padding-top: 199px !important;
}
.discover-benefits-sec .dicover-benefits::before {
    top: -291px;
}
.our-services.why-miskan::before, .contact_bg_sec.why-miskan::before {
    top: 0;
    background-position: top;
}
.home_news_slider .news-item .news-content a:hover {
    color: #002544;
}
.arc-vector:before {
    content: "";
    position: absolute;
    width: 13.3%;
    height: 291px;
    background-image: url("/images/default-source/miskan/arc-vector.svg");
    background-repeat: no-repeat;
    top: -169px;
    background-size: 100% auto;
    background-position: left bottom;
    transition: transform 0.5s;
}
.leadership-sec.arc-vector:before {
    top: 0px;
}
.discover-benefits-sec.arc-vector:before {
    top: -92px;
}
.contact_bg_sec:before {
    top: 0;
}
.our-partnership, .executive-director-img-sec {
    z-index: 1;
    position: relative;
}
.expertise-box .shape-squer {
    width: 18px;
    height: 18px;
}
.expertise-box span {
    color: var(--bs-primary);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    line-height: 1.5;
    display: block;
}
html[dir="rtl"] .expertise-box span {
    font-weight: 400;
}
.expertise-box {
    position: absolute;
    right: 0;
    bottom: -1px;
    max-width: 640px;
    width: 100%;
}
.expertise-box .expertise-content{
    background: var(--bs-white);
    padding: 49px 40px;
    border-radius: 20px 0 0 0;
    position: relative;
}
.expertise-box .expertise-content.background-primary {
    background-color: var(--bs-primary);
}
.expertise-box::before {
    content: "";
    position: absolute;
    width: 111.74px;
    height: 126.28px;
    z-index: 0;
    left: 0;
    top: 99%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/images/default-source/miskan/expertise-vector.svg);
}
.expertise-box:after {
    content: "";
    position: absolute;
    top: 207%;
    background-image: url(/images/default-source/miskan/project_vector.svg);
    width: 170px;
    height: 245px;
    background-repeat: no-repeat;
    background-size: contain;
    left: -93px;
}
.perfect-property {
    border-radius: 0px 80px 0px 0px;
}
.image_grid_box {
    padding-right: 105px;
}
.start_journey .inner_section h3 {
    font-size: 48px;
}
.property-partner {
    padding-left: 90px;
}
.property-partner a {
    display: inline-block;
    line-height: 1.7;
}
.login-signup .section-intro .title-text {
    font-size: 36px;
}
.flip-horizontal {
    transform: scaleX(-1);
}
/* latest news slider section overlay effect starts */
.news-slider.media-center-news .news-item .img-wrap .overlay {
    position: absolute;
    background: linear-gradient(226deg, #002554 0%, rgba(0, 37, 84, 0.00) 100%);
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 32px);
    height: 0;
    transition: .7s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.news-slider.media-center-news .news-item .img-wrap .overlay::after {
    content: "";
    width: 32px;
    height: 32px;
    border-top-right-radius: 96px;
    background-color: #80C7BC;
    position: absolute;
    right: -32px;
    top: -32px;
    transition: transform 0.7s ease-in-out;
    transform: rotate(-180deg);
    transform-origin: left bottom;
}
.news-slider.media-center-news .news-item:hover .overlay::after {
    transform: rotate(0deg);
    transform-origin: left bottom;
}
.news-slider.media-center-news .news-item:hover .overlay {
    height: calc(100% - 32px);
    opacity: 1;
}
/* latest news slider section overlay effect ends */
/* Home page Css ends */
/* Project page CSS start */
.property-card {
    background: transparent;
    position: relative;
    padding: 0 15px;
    margin-bottom: 48px;
}
.property-card .card-image .overlay {
    position: absolute;
    background: linear-gradient(226deg, #002554 0%, rgba(0, 37, 84, 0.00) 100%);
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 79px);
    height: 0;
    transition: 0.7s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.property-card > a:hover .card-image .overlay {
    height: calc(100% - 79px);
    opacity: 1;
    width: calc(100% - 79px);
}
.property-card > a:hover .card-image .overlay::after {
    transform: rotate(0deg);
    transform-origin: left bottom;
}
.property-card .card-image .overlay:after {
    width: 79px;
    height: 79px;
    border-top-right-radius: 96px;
    background-color: #80C7BC;
    position: absolute;
    right: -79px;
    content: "";
    top: -79px;
    transition: transform .7s ease-in-out;
    transform: rotate(-180deg);
    transform-origin: left bottom;
}
.property-hover-active .card-info li .card-info-outer .card-info-label{
    width: 40%;
}
.property-hover-active .card-info li .card-info-outer .card-info-item {
    width: 60%;
}
.property-hover-active .card-info li .card-info-outer {
    display: flex;
    width: 100%;
    gap: 4px;
}
.property-card a {
    text-decoration: none;
    color: var(--bs-white);
    position: relative;
}
.property-card .property-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 16px;
    font-size: 14px;
    font-family: var(--en-font-family);
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
}
.property-card .sold-tag {
    color: #c8102e;
    background: #fcd9df;
}
.property-card .soon-tag {
    background: #f4b81d;
    color: var(--bs-primary);
}
.property-card .card-info li {
    list-style-type: none;
    justify-content: center;
    width: 33.33%;
    padding: 0px 10px;
}
.property-card .card-info {
    display: flex;
    justify-content: center;
    margin-top: 34px;
    margin-bottom: 0;
}
.property-card .card-info-label {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    opacity: 0.5;
    color: var(--bs-white);
}
.property-card .card-info-item {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--bs-white);
}
.card-title, .job_single_page .job_content ol, .main_privacy_content p:last-child, .home_news_slider .news-slider.slick-slider, .years-of-exper-content .slick-dotted.slick-slider, .site-footer .footer_navbar li:last-child, .m-mb-32, .media-center-detail .bg-vector-2 img {
    margin-bottom: 0;
}
.property-card .card-image {
    position: relative;
    margin-bottom: 32px;
}
.property-card .card-image img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.property-card .card-title a {
    color: var(--bs-white);
    text-decoration: none;
}
ul.card-info li {
    display: block;
}
.card-info-outer span {
    display: block;
}
.property-card hr {
    margin: 24px 0;
    color: rgba(128, 199, 188, 0.90);
}
.special-property-cls .property-card hr {
    display: none;
}
.property-details .card-info-outer {
    display: flex;
    gap: 10px;
    align-items: center;
}
.background-primary {
    background-color: var(--bs-primary);
}
.property-card .card-info-outer {
    display: block;
    margin-top: 10px;
    height: 50px;
    position: relative;
}
.property-card .card-info-label,
.property-card .card-info-item {
    position: absolute;
    width: 100%;
}
.property-card .card-info-label {
    top: 0;
    inset-inline-start: 0;
}
.property-card .card-info-item {
    bottom: 0;
    inset-inline-start: 0;
}
.application-form-heading {
    margin-top: 32px;
    margin-bottom: 12px;
}
.job-application-form .section-padding {
    padding: 128px 0px;
}
.job-application-form iframe {
    min-height: 738px;
}
.job-application-form {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.job-application-form .content-container {
    z-index: 2;
    position: relative;
}
.our-project-listing{
    min-height: 400px;
}
.our-project-listing .spinner-outer{
    background: transparent;
}
.our-project-listing .our-properties-wrapper {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.our-project-listing .properties-list-main{
    padding-bottom: 48px;
}
/*** No results found ***/
.no-data-found {
    width: 100% !important;
}
.no-data-found .no-results-wrapper {
    min-height: 443px;
    text-align: center;
}
.no-results-wrapper h3 {
    margin-top: 32px;
    display: flex;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    line-height: 1.16;
    font-size: 64px;
    margin-bottom: 24px;
    font-weight: 700;
}
.no-results-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.no-results-wrapper p {
    color: var(--text-white-800);
    margin-bottom: 0;
}
.no-results-wrapper {
    background: transparent;
    border: 0;
    color: var(--bs-white);
    min-height: 246px;
    width: 100%;
    margin: 0;
    padding: 0;
}
/*** No results found ***/
.property-card .card-title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: rgba(var(--bs-white-rgb));
}
/* ------- propery details ------- */
.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: max-content;
}
.property-locaton-map {
    margin-top: 80px;
}
.inner-banner-content-single {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--bs-white);
    position: relative;
    z-index: 9;
}
.project-banner-img {
    position: absolute;
    left: 0;
    top: 0;
}
.property-detail, .inner-banner-content-single .breadcrumb-item.active {
    color: var(--bs-white);
}
.property-overview h3 {
    font-family: var(--en-font-family);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 32px;
}
.property-overview p {
    color: var(--text-white-800);
    position: relative;
    z-index: 9;
}
.property-info {
    gap: 20px;
    margin-bottom: 24px;
}
.property-info h4 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.5;
}
.property-detail {
    z-index: 99;
}
.property-details li {
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 100%;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--bs-tosca-700);
    list-style-type: none;
}
.property-details .card-info-outer {
    gap: 24px;
}
.property-details .card-info-outer .card-info-label {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 1.92px;
    text-transform: uppercase;
}
.property-details .card-info-outer .card-info-item {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.property-details-outer {
    padding-left: 30px;
    padding-bottom: 48px;
}
.property-overview-outer {
    padding-right: 18px;
}
.overview-vector {
    position: absolute;
    left: 0;
    top: 180px;
    z-index: -1;
}
html[dir="rtl"] .overview-vector {
    left: auto;
    right: 0;
}
.property-detail-outer {
    padding-bottom: 0;
    position: relative;
    z-index: 0;
}
.property-gallery-slider.slick-slider {
    margin-bottom: 110px;
}
.property-gallery-slider button.slick-arrow {
    background: var(--bs-white) !important;
    width: 48px;
    height: 48px;
    padding: 8px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -80px;
    top: unset;
    transform: none;
    border: 1px solid var(--border-grey);
}
.property-gallery-slider .slick-prev {
    right: 109px !important;
    left: unset;
}
.property-gallery-slider button.slick-arrow span {
    color: var(--bs-primary);
    font-size: 14px;
    width: 100%;
}
.available-tag {
    background: #7ec5ba;
    color: var(--bs-primary);
}
/*** pagination common **/
.pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}
.pagination li {
    width: 48px;
    height: 48px;
    border: 1px solid var(--border-grey);
    background: var(--bs-white);
    border-radius: 96px;
    font-family: var(--en-font-family);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li a {
    border: none;
    color: var(--text-grey);
    font-size: 16px;
    line-height: 24px;
}
.pagination li.active.page-item {
    background: var(--bs-tosca);
    border: 1px solid var(--bs-tosca);
}
.pagination li.active.page-item a {
    color: var(--bs-primary);
    background: transparent;
}
.pager-btn.prev:before, .pager-btn.next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.3s ease;
    color: var(--bs-primary);
    margin: 0px;
    z-index: 1;
}
.pager-btn.next:before {
    transform: translate(-50%, -50%);
}
.pager-btn.prev:before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.pager-btn {
    height: 48px;
    position: relative;
    width: 48px;
    background: var(--bs-white);
    border-radius: 50%;
    display: block;
}
.pagination-wrapper {
    justify-content: flex-start;
    display: flex;
    gap: 8px;
    padding-top: 48px;
}
.pager-btn:hover {
    text-decoration: none;
    background: var(--bs-tosca);
    border: 1px solid var(--bs-tosca) !important;
}
.pagination li a {
    background: transparent !important;
}
.pagination .page-link:hover {
    color: var(--bs-primary);
}
li.page-item:hover a {
    background: var(--bs-tosca);
}
li.page-item:hover {
    background: var(--bs-tosca);
    border: 1px solid var(--bs-tosca);
}
/*** pagination common **/
/***** media center listing page ******/
.media-content .media-center-news {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.media-content .media-center-news>* {
    flex: 0 0 auto;
    padding-right: calc(0.625* var(--bs-gutter-x));
    padding-left: calc(0.625* var(--bs-gutter-x));
    width: 100%;
    margin-top: calc(2 * var(--bs-gutter-x));
}
.searchButton:hover {
    background-color: #0056b3;
}
.results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background-color: var(--bs-white);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}
.results li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.results li:hover {
    background-color: #f9f9f9;
}
.clearIcon {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 13px;
    color: #999;
    display: none;
}
.clearIcon:hover {
    color: #555;
}
.dropdown-arrow {
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 10px;
    color: var(--text-grey);
    pointer-events: none;
}
.news-item .img-wrap {
    min-height: 268px;
    overflow: hidden;
}
.news-item .news-category {
    padding: 11px 24px;
    position: relative;
    color: var(--bs-primary);
    font-family: var(--en-font-family);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}
.news-item .news-content {
    padding-top: 24px;
}
.news-item .news-title {
    font-family: var(--en-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.34;
    margin-bottom: 16px;
    color: var(--bs-primary);
}
.news-listing .news-item .news-title {
    color: var(--bs-white);
}
.news-listing .news-item .news-date {
    color: var(--bs-white);
    opacity: 0.7;
}
.media-center-main {
    max-width: 930px;
}
.news-date {
    font-size: 16px;
    font-weight: 500;
}
.news-category {
    color: var(--bs-primary);
}
.media-search-box>div {
    margin: 0 !important;
    max-width: 450px;
    width: 100%;
    position: relative;
}
.media-search-box input {
    display: flex;
    padding: 13px 85px 13px 16px;
    font-family: var(--en-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-grey);
    border: 0;
    width: 100%;
}
.media-search-box input::placeholder {
    font-family: var(--en-font-family);
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    color: var(--text-grey);
}
.media-search-box {
    position: relative;
    z-index: 9;
}
.media-short .dropdown button {
    min-width: 210px;
    text-align: left;
    padding: 13px 16px;
    display: flex;
    padding: 13px 16px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: var(--text-grey);
    font-family: var(--en-font-family);
    font-size: 14px;
    font-weight: 400;
}
.media-short .dropdown-toggle::after {
    content: "";
    background-image: url("/images/default-source/miskan/chevron-down.svg");
    height: 100%;
    position: absolute;
    right: 16px;
    background-repeat: no-repeat;
    top: 0;
    width: 31px;
    background-position: center right;
    border: none;
}
.media-short {
    display: flex;
    justify-content: flex-end;
}
.media-short .dropdown-menu li a {
    color: var(--text-grey);
    font-family: var(--en-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.media-search-box button {
    display: block;
    position: absolute;
    font-size: 0;
    right: 0;
    background: none !important;
    border: none;
    top: 0;
    height: 100%;
}
.media-search-box button:after {
    content: "\e80b";
    color: var(--bs-primary);
    font-family: "brand";
    position: absolute;
    right: 16px;
    font-size: 24px;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.search-clear {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #999;
    display: none;
}
/* ------ media center detail ----- */
.media-content.single-media-page {
    padding-top: 64px !important;
}
.media-center-main {
    color: var(--bs-white);
    position: relative;
    z-index: 1;
}
.media-center-detail .media-hd::before {
    counter-increment: h4-counter;
    content: " " counter(h4-counter) ". ";
    font-weight: bold;
    color: var(--bs-white);
    display: block;
    flex-shrink: 0;
    width: 45px;
}
.media-center-detail .media-hd {
    font-weight: 700;
    padding-left: 14px;
    margin-bottom: 24px;
    font-size: 36px;
    line-height: 1.3;
    display: flex;
    color: var(--bs-white);
}
.media-center-detail .media-hdn {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 24px;
    color: var(--bs-white);
}
.media-center-detail ul {
    margin-bottom: 32px;
    padding-left: 25px;
}
.media-center-detail img {
    margin-bottom: 32px;
}
.media-center-detail blockquote {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-left: 4px solid var(--bs-tosca);
    background: var(--bs-tosca-700);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
    color: var(--text-white-800);
}
.media-center-detail p, .media-center-detail li {
    color: var(--text-white-800);
}
.media-center-detail p img {
    margin-top: 8px;
    margin-bottom: 16px;
    height: auto;
}
.media-center-detail .bg-vector-2 {
    position: absolute;
    left: 0;
    width: 15.2%;
    top: 17%;
}
.follow_outer a {
    color: var(--bs-white);
}
.follow_outer {
    border-top: 1px solid var(--bs-tosca-700);
    padding: 30px 0px 0px;
    margin-top: 32px;
}
.sortSelect {
    min-width: 210px;
    text-align: left;
    display: flex;
    padding: 13px 16px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    color: var(--text-grey);
    font-size: 14px;
    border-radius: 8px;
    font-weight: 400;
    line-height: 24px;
    appearance: none;
}
.sortSelect:after {
    margin-left: 8px;
    border: 0;
    content: "\e80f";
    font-family: brand;
    font-size: 7px;
    vertical-align: 2px;
}
/* ------ media center detail End----- */
/* Who we are CSS */
.shape-right-bottom {
    position: absolute;
    right: -113px;
    border-bottom-right-radius: 300px;
    border-top-left-radius: 0;
    bottom: -128px;
    width: 113px;
    height: 128px;
}
.our-vision-mision-content {
    padding: 64px;
    background-color: var(--bs-white);
}
.our-vision-mision-content ul {
    padding-left: 16px;
}
.our-vision-mision-content.inner-intro-section .intro-title .title-text {
    font-size: 58px;
}
.our-vision-mision-content p.text-dark-gray {
    color: var(--text-grey);
}
.our-vision-mission-section {
    bottom: 64px;
    left: 0;
    transform: translate(0, -64px);
    right: 0;
    margin: 0 auto;
}
.our-mission-section {
    padding: 205px 0 65px;
}
.our-vision-mission-img {
    position: absolute;
    z-index: -1;
    inset: 0;
    height: 100% !important;
}
.team-expert-content {
    border: 1px solid var(--border-grey);
    padding: 32px;
}
.team-expert-content .team-expert-name {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 0px;
}
.team-expert-content p {
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1.5;
}
.team-expert-row .col-lg-4 {
    margin-bottom: 30px;
    padding: 0px 15px;
}
.years-of-exper-block .pr-0 {
    padding-right: 0px;
}
.years-of-exper-block .pl-0 {
    padding-left: 0px;
}
.years-of-exper-block .exp-section-img {
    width: 100%;
    height: 100% !important;
}
.about-content h6 {
    font-weight: 700;
    line-height: 1.5;
}
/* Who we are CSS end*/
/* Contact us CSS Start*/
input[type="checkbox"], input {
    accent-color: var(--bs-primary);
}
.contact-detail-section .page-heading {
    line-height: 1.2;
}
.page-heading {
    line-height: 1.2;
    margin-bottom: 64px;
}
.contact-details-col-left {
    padding: 0px 30px 0px 0px;
    width: 51%;
}

.contact-details-col-right {
    width: 49%;
}
.contact-phone-email .contact-phone {
    padding-right: 15px;
}
.contact-phone-email .contact-email {
    padding-left: 15px;
}
.location-details .section-title {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
}
.location-details .section-desc {
    line-height: 1.5;
}
.location-details {
    padding-left: 72px;
}
.location-details p {
    opacity: 0.72;
    margin-bottom: 8px;
}
.location-details .directions {
    color: var(--bs-tosca);
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid;
}
.location-details .directions:hover {
    border-bottom: 0;
}
.contact-phone-email .phone, .contact-phone-email .email {
    border-top-right-radius: 32px;
    padding: 32px;
}
.phone .phone-details .heading, .email .email-details .heading {
    font-size: 20px;
    line-height: 1.5;
}
.phone .phone-details, .email .email-details {
    padding-left: 64px;
}
.phone .phone-details .phone-icon, .email .email-details .email-icon {
    width: 48px;
    height: 48px;
}
.icon-pattern {
    right: -16px;
}
.social-links {
    margin-top: 30px;
    padding: 23px !important;
}
.social-links .follow_box {
    padding-right: 44px;
}
.follow_box .social-icons span:before {
    margin: 0px;
    font-size: 20px;
}
.follow_outer.follow_box .social-icons span:before {
    width: 24px;
}
.follow_outer.follow_box .social-icons {
    gap: 32px !important;
}
.follow_box .social-icons .icon-email:before {
    font-size: 18px !important;
}
.follow_box.follow_outer a {
    color: var(--bs-white);
    line-height: 1.2;
}
.social-links .icon-pattern {
    right: -6px;
    bottom: -6px;
}
.contact-detail-section .social-links .icon-pattern {
    right: 16px;
    bottom: 16px;
}
.fs-xs {
    font-size: 12px;
    line-height: 24px;
}
.bottom-contact-shadow {
    bottom: 0;
    content: "";
    width: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 37, 84, 0) 70.5%, #ffffff 100%);
    height: 100%;
}
.contact_bg_sec {
    height: 100%;
    padding: 55px 0 55px;
}
.contact_bg_sec:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 37, 84, 0) 63.5%, #ffffff 100%);
    z-index: -1;
}
.contact-bg-img {
    position: absolute;
    z-index: -1;
    inset: 0;
    height: 100% !important;
    object-fit: cover;
}
.inquiry-now-frm .heading-md {
    font-size: 48px;
    margin-bottom: 16px;
    line-height: 1.2;
    color: var(--bs-primary);
}
/*form css start*/
.supported_block fieldset.choice_block {
    background: var(--bs-white);
    border-radius: 6px;
    display: block;
    padding: 13px 16px !important;
    gap: 10px;
    border: 1px solid var(--border-grey);
}
.choice_block .form-label {
    width: 70%;
    text-align: left;
}
.choice_block ul.list-unstyled {
    width: 30%;
    display: flex;
    justify-content: end;
}
.supported_block fieldset.choice_block .form-label {
    color: var(--text-grey);
    margin-bottom: 0 !important;
}
.supported_block fieldset.choice_block ul.list-unstyled {
    display: flex;
    margin: 0;
    gap: 10px;
}
.contact-form-main .supported_block fieldset.choice_block, .resumeModal .supported_block fieldset.choice_block {
    background: transparent;
    border: 1px solid var(--bs-tosca-700);
    display: block;
    align-items: center;
}
.contact-form-main {
    background: var(--bs-white);
    padding: 2px 48px 48px;
    max-width: 100%;
    margin-left: auto;
    margin-top: -3px;
}
.contact-form-main .form-control, .contact-form-main .form-select {
    border-radius: 6px;
    padding: 12px;
    font-size: 14px;
    border: 1px solid var(--border-grey);
    line-height: 24px;
    position: relative;
    z-index: 9;
}
.contact-form-main .form-label {
    margin-bottom: 6px;
    font-size: 14px !important;
    line-height: 24px;
    color: var(--text-grey);
    padding-right: 18px;
}
.contact-form-main .my-3:nth-child(1) {
    padding-left: 0px;
}
.contact-form-wrapper {
    max-width: 689px;
    margin-left: auto;
}
.contact-form-main .my-3, .login-modal .my-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}
.contact-form-main .form-check input {
    padding: 0 !important;
}
.form-content-block .contact-form-main {
    background: var(--bs-primary);
    padding: 0;
    max-width: 100%;
    margin-left: auto;
    margin-top: 0;
}
.form-content-block .contact-form-main .form-check label, .resumeModal .form-check label, .form-content-block .supported_block fieldset.choice_block .form-label, .resumeModal .supported_block fieldset.choice_block .form-label, .form-content-block .contact-form-main .form-label {
    color: var(--bs-white);
}
.contact-form-main .form-check label {
    color: var(--bs-primary);
}
.form-check {
    display: block;
    min-height: auto;
    padding-left: 0;
    margin-bottom: 0;
}
.contact-form-main .sf-RadioButtons {
    padding-bottom: 12px;
}
.contact-form-main .sf-RadioButtons strong {
    display: block;
    margin-bottom: 8px;
    width: 100%;
    color: var(--text-grey);
    padding-top: 12px;
}
.contact-form-main .sf-RadioButtons label {
    display: flex;
    align-items: center;
    gap: 10px;
    vertical-align: middle;
    width: max-content;
    color: var(--text-grey);
    cursor: pointer;
}
.contact-form-main .sf-RadioButtons label input[type="radio"], .home_news_slider .news-slider .news-item, .property-search-form select {
    height: auto;
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.contact-form-main .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-white);
}
/*form css end*/
.border-top-left-rd {
    border-top-left-radius: 80px;
}
.inquiry-now-otr {
    padding: 48px 48px 2px 48px;
}
/* Contact us CSS End*/
.client-logos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}
.client-logos .logo-items {
    border: 1px solid var(--bs-tosca-700);
    width: 100%;
    border-radius: 12px;
    background-color: var(--bs-primary);
}
.client-logos .logo-items img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.faqs-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    z-index: 1;
}
.faqs-section .accordion .accordion-item h6 button {
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 700;
    background-color: var(--bs-primary);
    box-shadow: none;
    border: 1px solid rgba(128, 199, 188, 0.32);
    border-radius: 8px;
    padding: 24px;
    line-height: 1.5;
    justify-content: space-between;
}
.faqs-section .accordion-item {
    background: transparent;
    border: none;
}
.faqs-section .accordion-item .accordion-body {
    padding: 24px 0 0 0;
}
.faqs-section .accordion-item .accordion-body p {
    margin: 0;
    color: var(--text-white-800);
    font-weight: 400;
    font-size: 16px;
}
.faqs-section .sf-Long-text {
    color: var(--text-white-800);
}
.faqs-section .accordion-item .accordion-button::after {
    background-image: url("/images/default-source/miskan/chevron__down.svg");
    width: 32px !important;
    height: 32px !important;
    background-size: contain;
    margin-left: 12px;
}
html[dir="rtl"] .faqs-section .accordion-item .accordion-button::after {
    margin-left: 0;
}
.faqs-section .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("/images/default-source/miskan/chevron-up.svg");
    transform: rotate(0deg);
}
.project-slider-wrapper {
    margin-left: calc((100% - 1410px) / 2);
    padding-left: 0;
    padding-top: 0;
}
.project-slider-wrapper .property-slider, .project-slider-wrapper .property-slider .property-card a {
    cursor: url("/images/default-source/miskan/pointer.svg") 50 50, auto;
}
.property-slider .property-card .card-info-label, .property-slider .property-card .card-info-item {
    color: var(--bs-primary);
    width: 100%;
    /* transition: 1s; */
}
.property-slider .property-card .card-info img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(94%) saturate(1851%) hue-rotate(200deg) brightness(92%) contrast(104%);
}
.property-card .card-info img {
    width: 32px;
    height: 32px;
}
.property-slider .property-card hr {
    color: var(--border-grey);
    opacity: 1;
}
.property-slider .property-card h2.card-title {
    color: var(--bs-primary);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    cursor: pointer;
}
.project-slider-wrapper .property-slider .property-card {
    padding: 0 44px;
}
.property-card .card-info li:nth-child(2) {
    border-left: 1px solid var(--border-grey);
    border-right: 1px solid var(--border-grey);
}
.property-gallery-slider .slick-slide img {
    padding: 0 15px;
}
/* Current Openings */
.current-openings .careers_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-bottom: 0px;
}
.current-openings .careers_cards .careers_item {
    border: 1px solid var(--border-grey);
    background-color: var(--bs-white);
}
.current-openings .careers_cards .careers_item .careers_item-title {
    color: var(--bs-primary);
}
.current-openings .careers_cards .careers_item .col {
    border-bottom: 1px solid var(--border-grey);
}
.current-openings .careers_cards .careers_item span.location, .current-openings .careers_cards .careers_item .experience {
    font-size: 16px;
    color: var(--bs-primary);
    line-height: 1.3;
}
.open-positions {
    display: flex;
    justify-content: center;
    align-items: center;
}
.carrer-benefits .open-positions{
    position: absolute;
    bottom: 96px;
    transform: translate(-50%,0);
    left: 50%;
    width: max-content;
}
.careers_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.careers_cards .careers_item {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 0px 0px 0px 40px;
    border: 1px solid rgb(128, 199, 188, 0.24);
    justify-content: space-between;
}
.careers_cards .careers_item:hover {
    border-color: var(--bs-tosca);
    transition: 0.5s;
}
.careers_cards .careers_item .careers_item-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    color: var(--bs-white);
    margin: 0;
}
.careers_cards .careers_item .careers_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.careers_cards .careers_item .col {
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--bs-tosca-700);
}
.careers_cards .careers_item span.location, .careers_cards .careers_item span.experience {
    color: var(--bs-white);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    line-height: 1.66;
    opacity: 0.5;
}
.current-openings .careers_cards .careers_item span, .careers_cards .careers_item span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
}
.current-openings .careers_cards .careers_item span {
    color: var(--bs-primary);
}
.careers_cards .careers_item span {
    color: var(--bs-white);
}
.job_single_page {
    padding-top: 64px;
}
.job_single_page .job_details {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.job_single_page .job_content {
    display: flex;
    padding-right: 30px;
    flex-direction: column;
    flex: 1 0 0;
    border-right: 1px solid var(--bs-tosca-700);
}
.job_single_page .information {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    min-width: 450px;
    max-width: 450px;
}
.job_single_page .job_single_page nav {
    color: var(--bs-white);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.job_single_page .breadcrumb-item+.breadcrumb-item::before {
    color: var(--bs-white);
}
.inner-banner li.breadcrumb-item, li.breadcrumb-item a, li.breadcrumb-item {
    color: var(--bs-white) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.job_single_page h1 {
    color: var(--bs-white);
    font-size: 64px;
    line-height: 1.16;
    margin: 0;
}
.job_single_page .job_content_title {
    color: var(--bs-white);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.42;
    margin: 32px 0 24px;
}
.job_single_page .job_content .white-btn-bg {
    margin-top: 32px;
}
.job_single_page p, .job_single_page li, .job_single_page {
    color: rgb(255, 255, 255, 0.72);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.job_single_page li ul {
    list-style: disc;
}
.job_single_page .job_content a {
    display: flex;
    padding: 18px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 96px;
    background-color: var(--bs-white);
    color: var(--bs-primary);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.job_single_page .information h5 {
    color: var(--bs-white);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    margin-bottom: 24px;
}
.job_single_page .info_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.job_single_page .info_list .col {
    display: flex;
    padding: 12px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--bs-tosca-700);
}
.job_single_page .info_list .col span.job_info {
    color: var(--bs-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    opacity: 0.5;
}
.job_single_page .info_list .col span {
    color: var(--bs-white);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}
.job_single_page .info_list .col span address {
    margin: 0;
}
.main_privacy_content {
    padding: 64px 0px 96px 0px;
    position: relative;
    z-index: 9;
}
.main_privacy_content span {
    margin-bottom: 24px;
    float: left;
    width: 100%;
    color: var(--bs-white);
    opacity: 0.72;
}
.main_privacy_content h5 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 1.4;
    color: var(--bs-white);
    font-weight: 700;
}
.main_privacy_content ul, .main_privacy_content ol {
    padding-left: 18px;
}
.main_privacy_content ul li, .main_privacy_content ol li {
    color: var(--bs-white);
    opacity: 0.72;
}
.main_privacy_content p {
    color: var(--bs-white);
    opacity: 0.72;
    margin-bottom: 32px;
}
/* 404 page css */
.not-found .content-container {
    padding: 241px 45px 145px;
}
.not-found h1 {
    font-size: 48px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.21;
}
.not-found p {
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.5;
}
.not-found .btn {
    padding: 16px 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 1.4px;
}
.property-gallery-slider button.slick-next {
    right: 45px;
}
.carrer-benefits, .years-of-exp {
    background: linear-gradient(180deg, #002554 40.5%, #fff 100%);
}
.carrer-benefits{
    padding-bottom: 156px;
}
.properties-list-main .pagination-wrapper {
    padding-top: 0;
}
.news-item .news-date {
    color: var(--bs-primary);
    font-size: 16px;
}
.news-slider .news-item:first-child {
    padding-left: 0;
}
.media-listing .news-slider .news-item:first-child{
    padding-left: calc(0.625 * var(--bs-gutter-x));
}
.news-slider .news-item:last-child {
    padding-right: 0;
}
.home_news_slider .news-item>a {
    display: flex;
    height: 100%;
    flex-direction: column;
    text-decoration: none;
}
.home_news_slider .news-item .news-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-slider .slick-track {
    display: flex;
    gap: 30px;
    justify-content: space-between;
}
.news-slider .slick-dots {
    bottom: 0;
    display: none;
}
.sectioninfo h4.heading-sm {
    font-size: 36px;
}
.vector-line-pattern {
    opacity: 0.16;
}
.news-slider-wrapper {
    margin-top: 64px;
}
.inner-banner-our-projects .location-address, .inner-banner-news-media-centre .inner-banner-date {
    display: flex;
    margin-top: 16px;
}
html[dir="rtl"] .inner-banner-our-projects .location-address{
    margin-top: 45px;
}

.location-address{gap: 12px !important;}
.property-slider .slick-dots li.slick-active, .property-gallery-slider .slick-dots li.slick-active {
    background: var(--bs-tosca) !important;
}
/*---- slider dots ------- */
.property-gallery-slider .slick-list.draggable {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1920px;
}
.property-gallery-slider ul.slick-dots {
    display: flex;
    bottom: -63px;
    width: max-content;
}
.property-gallery-slider .property-gallery-slider button.slick-arrow.slick-next {
    right: 0;
}
#propertySlider .slick-next, #propertySlider .slick-prev {
    top: 50%;
    transform: translate(0, -50%);
}
.our-project-listing .our-properties-wrapper>* {
    flex: 0 0 auto;
    width: 33.33333333%;
}
/* our projects slider */
.property-slider {
    margin-top: 80px;
    margin-bottom: 0 !important;
}
.property-slider .property-card {
    transform: none !important;
    margin-bottom: 0;
}
.project-slider ul.card-info li {
    align-items: center;
}
.property-slider .slick-list {
    margin: 0 -45px;
}
.property-slider .slick-dots li, .news-slick-slider .slick-dots li, .property-gallery-slider ul.slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--text-white-500);
    margin: 0 4px;
}
.news-slick-slider .slick-dots li, .property-gallery-slider ul.slick-dots li {
    background-color: var(--bs-white);
}
.project-slider-wrapper .property-slider .slick-list {
    padding: 0 8% 0 0 !important;
    margin-left: -45px;
}
.search-results h1[role="alert"] {
    font-weight: 400;
    margin-bottom: 0;
}
.search-results .search_page_sec .read-more {
    margin-top: 1rem;
    text-decoration: underline;
    color: #80C7BC !important;
    text-decoration-color: #80C7BC !important;
    text-underline-offset: 2px;
}
.search-results .search_page_sec .read-more:hover {
    text-decoration: none;
}
.search-results .search_page_sec .d-flex.gap-3.my-3 {
    margin: 0 !important;
    padding: 48px 0;
    border-bottom: 1px solid var(--bs-tosca-700);
    gap: 30px !important;
}
.search-results .search_page_sec>div:first-child {
    margin: 0 !important;
}
.search-results .search_page_sec .d-flex.gap-3.my-3 .flex-grow-1>div {
    font-weight: 400;
    color: var(--bs-white);
    opacity: 0.7;
}
.search-results .search_page_sec .d-flex.gap-3.my-3 h3 {
    margin-bottom: 1rem;
    font-size: 42px;
    line-height: 1.25;
}
.search-results .search_page_sec .d-flex.gap-3.my-3 h3 a {
    color: var(--bs-white);
}
.chat_content {
    z-index: 99;
    right: max(20px, min(calc(50% - 960px + 20px), calc(100vw - 60px)));
    bottom: 20px;
}
.chat_content .chat_box {
    background: var(--bs-tosca);
    box-shadow: 0px 8px 16px 0px rgba(128, 199, 188, 0.35);
    display: flex;
    width: 96px;
    height: 96px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.chat_content .chat_box img {
    width: 48px;
    height: 54px;
}
.home-banner-content p, .banner-content p {
    margin-bottom: 24px;
    padding: 0px 12px;
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.24);
    font-size: 24px;
}
.resid-info-vec, .resid-info-vec {
    bottom: -96px !important;
    right: 12px !important;
}

.years-of-exper-block .slider-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.years-of-exper-block .image-slider {
    padding: 0 !important;
    display: flex;
    align-self: stretch;
}
.years-of-exper-content {
    padding: 6.3% 4.55% 12.84%;
    /* display: flex;
    align-self: stretch;
    flex-direction: column;
    justify-content: center; */
}
.years-of-exper-content p {
    padding-bottom: 30px;
}
.years-of-exper-content .content-slider .slide-content h2 {
    margin-bottom: 32px;
}
.years-of-exper-content .content-slider .slide-content p {
    margin-bottom: 64px;
}
.history-slider .content-slider-dots .slick-dots li.slick-active button:before {
    opacity: 1;
    background: var(--bs-primary);
}
.history-slider .content-slider-dots .slick-dots li button:before, .news-slick-slider .slick-dots li button:before {
    font-family: slick;
    font-size: 0;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: "•";
    text-align: center;
    opacity: 1;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #d9d9d9;
}
.history-slider .dots-navigation {
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    align-items: center;
    margin-top: 5px;
    position: absolute;
    bottom: 17.3%;
    left: calc(50% + 4.55%);
}
.history-slider .content-slider-dots .slick-dots, .content-slider-dots .slick-dots {
    position: relative;
    bottom: 0;
    margin: 0;
    display: flex;
    gap: 10px;
}
.history-slider .content-slider-dots .slick-dots li {
    margin: 0;
    width: 12px;
    height: 12px;
}
.history-slider .content-slider-dots .slick-dots li button {
    padding: 0;
    width: 12px;
    height: 12px;
}
.history-slider .dots-navigation button.prev-slide, .dots-navigation button.next-slide {
    position: relative;
    border: none;
    background: var(--bs-primary);
    font-size: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.history-slider .dots-navigation button.prev-slide:before, .dots-navigation button.next-slide:before {
    font-size: 14px;
    position: absolute;
    font-family: "brand";
    opacity: 1;
    color: var(--bs-white);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.history-slider .dots-navigation button.prev-slide:before {
    content: "\e80d";
}
.history-slider .dots-navigation button.next-slide:before {
    content: "\e812";
}
.history-slider .imgWrap img {
    height: 100%;
    object-fit: cover;
    border-radius: 80px 0px 0px 0px;
}
.property-card .property_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.property-card .property_content .property_type {
    display: flex;
    padding-bottom: 8px;
    align-items: flex-start;
    gap: 16px;
    padding-left: 2px;
}
.property-card .property_content .property_type .miskan_logo {
    width: 85px;
}
html[dir="rtl"] .property-card .property_content .property_type {
    padding-left: 0;
    padding-right: 2px;
}
.property-card .property_content .villa_type {
    color: var(--bs-primary);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background: var(--bs-white);
    display: flex;
    height: 32px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    text-transform: uppercase;
    line-height: 1.75;
}
.property-card .property_content .property_price {
    display: flex;
    height: 32px;
    padding: 0px 12px 0px 34px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background: var(--bs-tosca);
    color: var(--bs-primary);
    text-align: center;
    font-family: var(--en-font-family);
    font-size: 14px;
    font-weight: 500;
    background-position: 12px center;
    background-image: url(/images/default-source/miskan/sar-symbol.svg);
    background-repeat: no-repeat;
}
.property-card .property_content p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    margin: 0;
    color: var(--bs-white);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    opacity: 0.5;
}
.property-slider .property-card .property_content .villa_type {
    color: var(--bs-white);
    background: var(--bs-primary);
}
.property-slider .property-card .property_content p {
    color: var(--bs-primary);
}
.view_more_btn.careers-view-more-btn {
    margin-top: 0px !important;
}
.open-positions .view_more_btn {
    margin-top: 64px;
}
.pagination-wrapper span.pager-btn.page-number.current {
    background: var(--bs-tosca);
    border: 1px solid var(--bs-tosca) !important;
}
.pagination-wrapper span.pager-btn.page-number.current, .pagination-wrapper a.pager-btn.page-number {
    padding: 10px 19px !important;
    border: 1px solid var(--bs-white);
}
.header .dropdown-menu .dropdown-item .page-icon-wrap img {
    width: 100% !important;
    max-width: 16px;
    margin: 0 !important;
}
.header .dropdown-item:hover .page-icon-wrap, .header .dropdown-item.active .page-icon-wrap {
    background: var(--bs-white);
}
.resumeModal .login-modal {
    width: 100%;
    max-width: 1500px;
    background: var(--bs-primary);
    border-radius: 0px;
}
.resumeModal .modal-dialog {
    max-width: 1500px !important;
}
.resumeModal .upload_files input.form-control {
    display: flex;
    padding: 13px 16px;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--border-grey);
    background: var(--bs-white);
    height: 88px;
}
.why-us-project-slider .property-slider .slick-dots li {
    background: var(--bs-white) !important;
}
.why-us-project-slider .slick-list {
    margin: 0px -15px;
}
.search_page_sec ul.pagination {
    margin-top: 48px;
}
.key-partnership-sec .intro-title .title-text {
    margin-bottom: 80px;
}
/*Section intro starts*/
.section-intro .intro-subtitle {
    gap: 20px;
    font-weight: 500;
}
.section-intro .intro-subtitle .subtitle-text {
    letter-spacing: 2px;
}
.section-intro .intro-title .title-text {
    margin-bottom: 32px;
    color: #0C2452 !important;
}
.section-intro .intro-tle {
    font-size: unset;
    line-height: normal;
    margin-bottom: 0px;
}
.section-intro .common-btn {
    margin-bottom: 0px;
}
.main-intro-section .intro-title .title-text {
    font-size: 96px;
    line-height: 1.1;
    max-width: 1150px;
}
.commercial-info .intro-title .title-text{ max-width: max-content; }
.home-service-section .main-intro-section .intro-title .title-text{
    font-size: 36px;
    line-height: 1.28;
    max-width: 100%;
}
.inner-intro-section .intro-title .title-text {
    font-size: 64px;
    line-height: 1.15;
}
.dark-mode-layout .intro-subtitle .bs-primary, .dark-mode-layout .intro-title .title-text {
    color: var(--bs-white) !important;
}
.dark-mode-layout .intro-description .bs-primary {
    color: var(--text-white-800) !important;
}
.dark-mode-layout .intro-description .bs-primary.messanger-name {
    color: white !important;
}
.expertise-box .expertise-content a:hover {
    text-decoration: underline;
    color: var(--bs-primary);
}
.media-centre-agency .main-intro-section .intro-title .title-text{
    color: white!important;
    font-size: 36px;
    line-height: 1.28;
    max-width:100%;
    margin-bottom: 48px;
}
.single-media-page .media-centre-agency{
    display:none;
 }
/*Section intro ends*/
/*Ar css start*/
html[dir="rtl"] body {
    font-family: var(--ar-font-family) !important;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] a, html[dir="rtl"] .inner-banner h1 {
    font-family: var(--ar-font-family);
}
html[dir="rtl"] .privacy-content .bg-lines {
    transform: scaleX(-1);
}
html[dir="rtl"] .main_privacy_content ul, .main_privacy_content ol {
    padding-right: 15px;
}
/*Ar css end*/
/* Single position detail page css */
.application-form {
    margin-top: 12px;
}
.application-form .my-3 {
    margin: 12px 0 !important;
}
.application-form .choice_block {
    background: transparent !important;
    border: 1px solid var(--bs-tosca-700) !important;
    color: var(--bs-white);
}
.application-form .choice_block .form-label {
    color: var(--bs-white) !important;
    font-size: 14px !important;
}
.application-form .choice_block .form-check {
    position: relative;
    min-width: 56px;
    min-height: 32px;
}
.application-form .choice_block .form-check label {
    position: absolute;
    inset: 0;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
}
.application-form .choice_block input[type="radio"] {
    background: transparent !important;
    border: 0 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.application-form .choice_block input[type="radio"]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 96px;
    border: 2px solid var(--bs-tosca-700);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
}
.application-form .choice_block input[type="radio"]:after {
    content: "Yes";
    position: absolute;
    height: 100%;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 96px;
    display: none;
    text-transform: uppercase;
    font-size: 14px;
}
.application-form .choice_block .form-check:last-child input:after {
    content: "No";
}
.application-form .choice_block input[type="radio"]:checked:after {
    display: flex;
    color: var(--bs-primary);
    background: white;
    align-items: center;
    justify-content: center;
}
.application-form .submit-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
    margin-top: 20px;
}
.application-form .upload-wrapper {
    background: white;
    display: flex;
    justify-content: center;
    gap: 24px;
    border-radius: 6px;
    padding: 13px;
    min-height: 114px;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 31px;
}
.application-form .upload-wrapper .drag-drop-text {
    font-weight: 700;
    color: var(--text-grey);
    font-size: 20px;
    margin-bottom: 4px;
    display: block;
}
.application-form .upload-wrapper .drag-drop-text span {
    color: var(--bs-primary);
}
.application-form .upload-wrapper .limit-text {
    color: var(--text-grey);
}
.application-form .upload_files .form-control {
    height: 114px;
    opacity: 0;
    z-index: 1;
    position: relative;
}
.application-form .upload-wrapper .icon-upload {
    display: flex;
    width: 64px;
    height: 64px;
    border: 1px solid var(--bs-primary);
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 26px;
    margin: 0;
}
/* end of single position detail page css */
/* Footer css */
.site-footer {
    padding: 96px 0px 48px 0px;
}
.site-footer .footer-address {
    max-width: 450px;
    margin-bottom: 78px;
}
.site-footer .footer-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.site-footer .footer-logo {
    width: 163px;
}
.site-footer .footer_about p {
    margin: 0;
    font-size: 14px;
    line-height: 1.72;
}
.site-footer .contact-details {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.site-footer .contact-details p {
    font-size: 12px;
    line-height: 2;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}
.site-footer .contact-details p span {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}
.site-footer .contact-details p span a {
    color: black;
}
.site-footer .contact-details p span.email {
    font-size: 14px;
    line-height: 1.6;
}
.site-footer .footer_navbar .nav-link:focus-visible {
    outline: 0;
    box-shadow: none;
}
.site-footer .footer_navbar .nav-link:hover, .site-footer .footer_navbar .nav-link:focus {
    color: #49a798;
}
.site-footer .footer_nav_heading h6 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 32px;
}
.site-footer .footer_navbar li {
    padding: 8px 0;
}
.site-footer .footer_navbar .nav-link {
    padding: 0;
    color: var(--bg-black);
}
.site-footer .footer-social .heading {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--bg-black);
}
.site-footer .footer-list {
    max-width: 570px;
    margin-left: auto;
    justify-content: space-between;
}
.site-footer .footer-list .need_help, .site-footer .footer-list .quick_links {
    max-width: 137px;
    padding: 0;
}
.site-footer .footer-list .legal {
    max-width: 190px;
    padding: 0;
}
.site-footer .footer_pattern {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, 0);
    z-index: -1;
}
.site-footer .social-icons a {
    font-size: 20px;
    color: var(--bg-black);
}
.site-footer .download-app {
    margin-bottom: 48px;
    max-width: 570px;
    margin-left: auto;
}
.site-footer .download-app .app_content p {
    margin: 0;
}
.site-footer .mobile-app {
    gap: 16px;
    flex-wrap: nowrap;
}
.site-footer .mobile-app .app-store-cta {
    padding-right: 0;
    width: max-content;
}
.site-footer .mobile-app .app_store {
    max-width: 119px !important;
    height: 40px !important;
}
.site-footer .mobile-app .google-play-cta {
    padding-left: 0;
}
.site-footer .mobile-app .google_play {
    max-width: 135px !important;
    height: 40px !important;
}
.site-footer .common-btn {
    padding: 12px 20px;
}
.site-footer .footer-social .social-icons {
    gap: 22px;
}
/* end of footer css */
/* spinner starts*/
#spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.spinner-outer {
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner-border {
    width: 3rem;
    height: 3rem;
}
.pagination-wrapper span.pager-btn.page-number.current, .pagination-wrapper a.pager-btn.page-number {
    padding: 12px 19px;
    font-weight: 600;
    color: #002554;
}
/* spinner ends*/
.strat-journey-sec .inner-intro-section .intro-title .title-text {
    font-size: 48px;
    line-height: 1.2;
}
.our-culture-sect.bg-layer-top-right, .media-content.single-media-page.bg-layer-top-right, .faqs-section.bg-layer-top-right {
    background-size: 45%;
}
.join_teams .inner-intro-section .intro-description {
    padding-right: 55px;
}
.see-expertise-otr {
    margin-bottom: 127px;
}
.after-gradient:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    pointer-events: none;
}
.after-top-gradient:after {
    top: 0;
    background: linear-gradient(0deg, rgba(0, 37, 84, 0) 68.39%, #002554 100%);
}
.after-bottom-gradient:after {
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 37, 84, 0) 63.5%, #002554 100%);
}
.single-project-contact-frm .content-container {
    padding-bottom: 50px;
}
.single-project-page .bg-layer-top-left, html[dir="rtl"] .single-project-page .bg-layer-top-left {
    background-image: unset;
}
.inquiry-now .contact-form-main .invalid-feedback {
    color: #E90200;
}
.invalid-feedback {
    color: #E90200;
}
.inner-intro-section .intro-description .bs-primary {
    line-height: 1.5;
    color: #fff;
    font-size: 20px;
}
.whoweare-about-section.bg-layer-top-left {
    background-size: 46%;
}
.leadership-sec {
    padding-top: 292px !important;
    background-position: top 0px right 0px;
    margin-top: -100px;
    background-size: 43%;
}
.whyus-about-sec .section-intro .intro-description {
    padding-right: 18px;
}
.whyus-quality-sec {
    padding-bottom: 0 !important;
}
.our-team-section {
    padding-bottom: 66px !important;
}
.our-services.why-choose-miskan-sec .service_items {
    padding-top: 64px !important;
}
.key-partnership-sec .section-intro .intro-title h2 {
    margin-bottom: 80px;
}
.key-partnership-sec .icon-with-text p {
    white-space: normal;
}
.follow_box.follow_outer a:hover, .site-footer .social-icons a:hover {
    color: #49a798;
}
.media-center-detail {
    max-width: 930px;
    margin: 0 auto;
}
#map{
    position: relative;
}
.property-gallery-slider ul.slick-dots{
    left: 40px;
}
.contact-detail-section .follow-us-box {
    padding: 24px 64px 24px 32px !important;
}
.contact-detail-section .follow-us-box .row {
    margin: 0;
    --bs-gutter-x: 0;
}
.contact-detail-section .social-links .follow_box {
    padding-right: 0;
}
.discover-benefits-sec .row {
    --bs-gutter-x: 64px;
}
.our-services.why-miskan::before {
    left: 0;
}
.cube-image-container {
    position: absolute;
    perspective: 1000px;
    padding: 50px;
    bottom: -123px;
    right: -48px;
    width: 100%;
}
.cube-image:after {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.32);
    content: '';
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border-radius: 50%;
    z-index: -1;
}
.cube-image-container:hover{
    cursor: pointer;
}
.cube-image {
    width: 100%;
    border-radius: 50%;
    padding: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    overflow: hidden;
    height: 100%;
} 
.cube-image-wrapper{
    max-width: 300px;
    margin-left: auto;
    aspect-ratio: 1;
    position: relative;
}
html[dir="rtl"] .cube-image-wrapper{
    margin-left: 0;
    margin-right: auto;
}
.cube-shadow{
    content: '';
    width: calc(100% + 64px);
    height: 116px;
    background: radial-gradient(ellipse at bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 69%);
    border-radius: 50%;
    filter: blur(2px);
    position: absolute;
    mix-blend-mode: color-burn;
    bottom: 0;
    z-index: -2;
    left: 50%;
    transform: translate(-50%,0);
}
html[dir="rtl"] .cube-image{
    margin-left: 0;
    margin-right: auto;
}
.cube-image a{
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.cube-image:hover .expertise-comes-img{
    transform: scale(1.3);
}
.cube-image .expertise-comes-img{
    transition: 0.3s;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.years-of-exper-block .slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/images/default-source/miskan/overlay.png);
}
.cookie-policy-otr.bg-layer-top-left, .privacy-policy-otr.bg-layer-top-left {
    background-size: 46%;
}
.project-about-info .intro-description p {
    font-weight: bold;
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 12px 0px;
    margin: 0px;
    border-bottom: 1px solid var(--bs-tosca-700);
    color: #fff;
}
/* .commen_form .error-appeared input.form-control, .error-appeared .form-select {
    background-image: url(/images/default-source/miskan/error-notification.svg);
    border: 1px solid #FDA29B;
    background-repeat: no-repeat;
    background-position: center right 10px !important;
}
html[dir="rtl"] .error-appeared input.form-control, .error-appeared .form-select {
    background-position: center left 10px;
} */
.job_details .information .job_content_title {
    margin: 0px 0px 24px;
}
.loginSignupPopup .login-modal .submission-message {
    margin-top: 24px;
}
.loginSignupPopup .login-modal .submission-message p{
    padding: 15px;
    font-size: 20px !important;
}
.login-sign-section .login-signup-img {
    max-width: 1016px !important;
}
.our-services-page-wrapper {
    padding-top: 64px;
    padding-bottom: 32px;
}
.service-item-container {
    padding-bottom: 80px;
}
.service-item-container .service-icon {
    height: 74px !important;
    padding: 17px;
    border: 1px solid rgba(128, 199, 188, 0.3);
    border-top-left-radius: 32px;
}
.service-item-container .section-intro {
    padding-bottom: 96px;
}
.service-item-container.guarantees-features{
    padding-bottom: 80px;
}
.service-item-container .section-intro .title-text {
    margin-bottom: 0;
}
.service-item-container .guarantee-subtitle {
    margin-bottom: 48px;
    font-size: 36px;
    line-height: 1.28;
}
.join_teams{
    position: relative;
}
.join_teams:after {
    background-image: url('/images/default-source/miskan/right__top-layer.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%;
    height: 34%;
    z-index: -1;
}
.our-mobile-app .mobile-app-img {
    min-height: 620px;
    object-fit: cover;
}
.our-vision-mision-content .col-sm-6:nth-child(1) {
    padding-right: 24px;
}
.basic-heading-cls, .special-heading-cls {
    text-align: center;
    padding-bottom: 48px;
}
.offer-our-partners-sec.arc-vector:before {
    content: unset;
}
.offer-our-partners-sec.pb-96 {
    padding-bottom: 96px !important;
}
.services-offer {
    padding-top: 48px!important;
}
.project-list-heading {
    margin-bottom: 0;
    font-weight: 700;
}
.media-center-detail .sf-Long-text p {
    margin-bottom: 32px;
}   
.contact-details-col-right .icon-pattern {
    right: 16px;
    bottom: 16px;
}
.dots-navigation.mobile_arrow {
    display: none;
}
.career-journey-section .section-intro{
    max-width: 938px;
}
.property-search-form .search-button{
    line-height: 1.5;
}
/* .project-about-info .intro-description .sf-Long-text p:last-child, .project-about-info .intro-description .sf-Long-text p:first-child {
    display: none;
} */
.inner-intro-section.our-vision-mision-content .intro-description .bs-primary {
    color: #4D5858 !important;
}
.bg-rt-mainvector{
    background-image: url(/images/default-source/miskan/into-shape-right-cad9ff20098446eda59f73a72aaa03a4.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
}
html[dir="rtl"] .bg-rt-mainvector {
    background-position: bottom left;
}
.commercial-info .intro-description{
    max-width: 986px;
}
.app_content {
    max-width: 260px;
}
.our-project-section .main-intro-section .intro-title .title-text{
    max-width: 600px;
}
html[dir="rtl"] .our-project-section .main-intro-section .intro-title .title-text{
    max-width: 400px;
}
.pattern-wrapper {
    position: absolute;
    right: 0;
    overflow: hidden;
    z-index: -1;
    width: 45%;
}
html[dir="rtl"] .pattern-wrapper{
    right: auto;
    left: 0;
}
.home-service-section .ar-pattern,
.who-we-are-section .ar-pattern{
    display: none;
}
html[dir="rtl"] .home-service-section .en-pattern,
html[dir="rtl"] .who-we-are-section .en-pattern{
    display: none;
}
html[dir="rtl"] .home-service-section .ar-pattern,
html[dir="rtl"] .who-we-are-section .ar-pattern{
    display: block;
}
.our-team-section .main-intro-section .title-text {
    max-width: 700px;
}
.completed_projects{
    position: relative;
}
.completed_projects .cta-btn .primary-btn{
    background-color: var(--bs-white);
    border: 2px solid var(--bs-white);
    color: var(--bs-primary);
}
.completed_projects .cta-btn .primary-btn::before{
    background: var(--bs-primary);
}
.completed_projects .cta-btn .primary-btn:hover{
    color:  var(--bs-white);
}
.residential-intro-sec .section-intro{
    max-width: 1180px;
}
.residential-intro-sec .main-intro-section .intro-title .title-text{
    max-width:100%;
}
html[dir="rtl"] .years-of-exp .main-intro-section .intro-title .title-text {
    max-width: 600px;
}
html[dir="rtl"] .whyus-intro-sec .main-intro-section .intro-title .title-text {
    max-width: 600px;
}
/* -------------------------Header arabic css------------------------- */
html[dir="rtl"] .site-header .logo {
    border-right: 0;
    border-left: 1px solid var(--text-white-600);
    padding-right: 0;
    padding-left: 32px;
}
/* end of header arabic css */
/* Homepage arabic version */
html[dir="rtl"] .chat_content {
    left: 16px;
    right: auto;
}
html[dir="rtl"] .latest-news-stories {
    background-position: top left;
    background-image: url("/images/default-source/miskan/left-top-layer.svg"), linear-gradient(180deg, #002554 40.5%, #fff 100%);
}
html[dir="rtl"] .sectioinfo .shape-right, html[dir="rtl"] .section-intro .shape-right {
    border-top-right-radius: 100px;
    border-top-left-radius: 0;
}
html[dir="rtl"] .expertise-box {
    left: 0;
    right: auto;
}
html[dir="rtl"] .expertise-box .expertise-content{
    border-radius: 0 20px 0 0;
}
html[dir="rtl"] .expertise-box::before {
    right: 0;
    left: auto;
    background-image: url(/images/default-source/miskan/expertise-vector-ar.svg);
}
html[dir="rtl"] .expertise-box::after {
    right: -93px;
    left: auto;
    background-image: url(/images/default-source/miskan/project_vector_.svg);
}
html[dir="rtl"] .cube-image-container {
    left: -48px;
    right: auto;
}
html[dir="rtl"] .famliy-shape .shape-right {
    right: auto;
    left: 99%;
    border-top-left-radius: 0;
    border-top-right-radius: 100px;
}
html[dir="rtl"] .our-mob-app-content-block {
    right: 10px;
    left: auto;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 80px;
}
html[dir="rtl"] .shape-right-mobile {
    left: -60px;
    right: auto;
    border-top-right-radius: 0;
    border-top-left-radius: 100px;
    transform-origin: right bottom;
}
html[dir="rtl"] .form-content-block {
    left: 10px;
    right: auto;
    padding-right: 40px;
}
html[dir="rtl"] .project-slider-wrapper {
    margin-left: auto;
    margin-right: calc((100% - 1410px) / 2);
}
html[dir="rtl"] .project-slider-wrapper .property-slider .slick-list {
    padding: 0 0 0 8% !important
}
/* end of Homepage arabic version */
/* Uploaded upar css */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html[dir="rtl"] .site-header .dropdown .dropdown-toggle::after {
    margin-right: 8px;
    margin-left: 0;
}
html[dir="rtl"] .site-header .dropdown-menu {
    left: auto;
    right: 0;
}
html[dir="rtl"] .site-header .navbar-nav .nav-link::before {
    left: auto;
    right: 0;
}
html[dir="rtl"] .site-header .header-buttons .download-profile {
    border-right: 0;
    border-left: 1px solid var(--text-white-600);
    padding-left: 32px;
    padding-right: 0;
}
/* Footer arabic css */
html[dir="rtl"] .site-footer .mobile-app .app-store-cta {
    padding-left: 0;
}
html[dir="rtl"] .site-footer .mobile-app .google-play-cta {
    padding-right: 0;
    padding-left: 10px;
}
/* end of Footer arabic */
/* Who we are arabic */
html[dir="rtl"] .image_with_content .shape-right-bottom {
    left: 0;
    right: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 300px;
}
html[dir="rtl"] .image_with_content .img-border-bottom-left-rd {
    border-radius: 0 0 80px 0;
}
html[dir="rtl"] .image_with_content .img-border-top-right-rd {
    border-radius: 80px 0 0 0;
}
html[dir="rtl"] .history-slider .imgWrap img {
    border-radius: 0px 80px 0px 0px;
}
html[dir="rtl"] .site-header .navbar-nav {
    margin-right: 32px;
}
html[dir="rtl"] .resid-info-vec {
    right: auto !important;
    left: 12px !important;
}
html[dir="rtl"] .join_teams .inner-intro-section .intro-description {
    padding-right: 0;
}
html[dir="rtl"] .job_single_page .job_content {
    padding-right: 0;
    padding-left: 30px;
    border-right: 0;
    border-left: 1px solid var(--bs-tosca-700);
}
html[dir="rtl"] .contact-detail-section .phone .phone-details, html[dir="rtl"] .contact-detail-section .email .email-details {
    padding-left: 0;
    padding-right: 64px;
}
html[dir="rtl"] .contact_bg_sec .overlay-vec-right {
    left: auto;
    right: 0;
}
html[dir="rtl"] .contact_bg_sec::before {
    left: 0;
}
html[dir="rtl"] .location-details {
    padding-left: 0;
    padding-right: 72px;
}
html[dir="rtl"] .contact-details-col-left {
    padding: 0 0 0 30px;
}
html[dir="rtl"] .login-sign-section .form-content-block {
    padding-right: 96px;
    padding-left: 0;
    border-top-right-radius: 80px;
    margin-left: 0;
    margin-right: calc(-720px + 334px);
    left: 0;
}
html[dir="rtl"] .our-mob-app-content-block {
    padding-right: 0;
    padding-left: 96px;
}
html[dir="rtl"] .contact-form-main .form-check input[type="radio"], html[dir="rtl"] .resumeModal .form-check input[type="radio"] {
    right: 0;
}
html[dir="rtl"] .contact-form-main .form-label {
    text-align: right;
    padding-right: 0;
}
html[dir="rtl"] .our-mob-app-content-block .title-text {
    font-size: 48px;
}
html[dir="rtl"] .contact-form-main .form-check input[type="radio"]:checked::after, html[dir="rtl"] .resumeModal .form-check input[type="radio"]:checked::after {
    content: "نعم";
}
html[dir="rtl"] .contact-form-main .form-check:last-child input:checked::after, html[dir="rtl"] .resumeModal .form-check:last-child input:checked::after {
    content: "لا";
}
html[dir="rtl"] .commercial-info p, html[dir="rtl"] .residential-info p {
    padding-right: 0;
}
html[dir="rtl"] .pager-btn.prev:before {
    transform: translate(-50%, -50%) rotate(0);
}
html[dir="rtl"] .pager-btn.next:before {
    transform: translate(-50%, -50%) rotate(180deg);
}
html[dir="rtl"] .location-details {
    padding-right: 65px;
}
html[dir="rtl"] .overlay-container-mobile::before {
    left: 0;
}
/* end of who we are */
/* Single project page arabic css */
html[dir="rtl"] .property-details-outer {
    padding-left: 0;
    border-left: 0;
    padding-right: 30px;
}
html[dir="rtl"] .property-overview-outer {
    padding-right: 0;
}
html[dir="rtl"] .property-gallery-slider .slick-list.draggable{
    transform: translateX(50%);
    max-width: 1920px;
    right: 50%;
}
html[dir="rtl"] .media-sorting .sortSelect{
    text-align: right;
}
html[dir="rtl"] .media-sorting .dropdown-arrow{
    right: auto;
    left: 21px;
}
html[dir="rtl"] .media-search-box input{
    padding: 13px 16px 13px 85px;
}
html[dir="rtl"] .the-fact-sec::before{
    background-image:url("/images/default-source/miskan/the-facts-vector.svg");
    top: -165px;
}
html[dir="rtl"] .who-we-are-section .inner-intro-section {
    padding-left: 0px;
    padding-right: 83px !important;
}
html[dir="rtl"] .expertise-box{
    margin-left: 0;
}
html[dir="rtl"] .executive-section .inner-intro-section{
    max-width: 580px;
}
html[dir="rtl"] .teams-section .team-expert-img{
    border-radius: 80px 0 0 0;
}
html[dir="rtl"] .history-slider .dots-navigation button.prev-slide, html[dir="rtl"] .history-slider .dots-navigation button.next-slide{
    transform: rotate(180deg);
}
html[dir="rtl"] .whyus-about-sec .section-intro .intro-description {
    padding-left: 18px;
    padding-right: 0;
}
html[dir="rtl"] .leadership-sec::before{
    background-image:url("/images/default-source/miskan/the-facts-vector.svg");
}
html[dir="rtl"] .discover-benefits-sec.bg-layer-top-right {
    background-position: top -16px left -54px;
}
html[dir="rtl"] .discover-benefits-sec .img-border-top-right-rd {
    border-radius: 80px 0 0 0;
}
html[dir="rtl"] .discover-benefits-sec.arc-vector:before {
    background-image: url("/images/default-source/miskan/arc-vector_.svg");
}
html[dir="rtl"] .application-form .choice_block input[type="radio"] {
    right: 0;
}
html[dir="rtl"] .application-form .choice_block .form-check:last-child input:after {
    content: "لا";
}
html[dir="rtl"] .application-form .choice_block input[type="radio"]:after {
    content: "نعم";
}
html[dir="rtl"] .application-form .choice_block .form-label {
    text-align: right;
}
html[dir="rtl"] .completed_projects .property-card .property-tag {
    right: 20px;
    left: auto;
}
html[dir="rtl"] .completed_projects .property-card .card-img-top {
    border-radius: 80px 0 0 0;
}
html[dir="rtl"] .site-footer .footer_nav_heading:after{
    right: auto;
    left: 0;
}
html[dir="rtl"] .site-footer .footer_pattern{
    transform: translate(calc( -50% + 60px), 0);
}
html[dir="rtl"] .site-header .header_search_box input.form-control {
    padding: 13px 50px 13px 16px;
}
html[dir="rtl"] .site-header .header_search_box .search_icon .left_search_icon{
    left: auto;
    right: 80px;
}
html[dir="rtl"] .site-header .header_search_box .search_icon .right_search_icon{
    right: auto;
    left: 75px;
}
html[dir="rtl"] .site-footer .download-app, html[dir="rtl"] .site-footer .footer-list{
    margin-left: 0;
    margin-right: auto;
} 
html[dir="rtl"] .chat_content{
    right: auto;
    left: max(20px, min(calc(50% - 960px + 20px), calc(100vw - 60px)));
}
html[dir="rtl"] .site-footer .footer_pattern {
    left: 52%;
}
html[dir="rtl"] .site-footer .app_content {
    max-width: 227px;
}
html[dir="rtl"] .facts-section h5{
    direction: ltr;
    text-align: right;
}
html[dir="rtl"] .contact-form-main .form-control, html[dir="rtl"] .contact-form-main .form-select{
    text-align: right;
}
/* html[dir="rtl"] .common-btn, html[dir="rtl"] .btn, html[dir="rtl"] .news-slider.media-center-news .news-item .img-wrap .overlay a {
    font-weight: 400;
} */
html[dir="rtl"] .careers_cards .careers_item span.location, html[dir="rtl"] .careers_cards .careers_item span {
    font-weight: 400;
}
html[dir="rtl"] .section-intro .intro-subtitle {
    font-weight: 400;
}
html[dir="rtl"] .careers_cards .careers_item span.experience + span {
    direction: ltr;
}
html[dir="rtl"] .contact-detail-section .phone-details .info {
    direction: ltr;
    text-align: right;
}
html[dir="rtl"] .contact-detail-section .follow_box .social-icons {
    flex-direction: row-reverse;
}
html[dir="rtl"] .latest-news-stories .main-intro-section .intro-description {
    max-width: 737px;
}
html[dir="rtl"] .site-footer .footer_about p {
    max-width: 386px;
}
html[dir="rtl"] .site-footer .contact-details p span.phone {
    direction: ltr;
}
html[dir="rtl"]  .site-footer .footer-social .social-icons{
    direction: ltr;
}
html[dir="rtl"] .main-map .radio-button-group {
    flex-direction: row-reverse;
}
html[dir="rtl"] .main-map #property_options {
    flex-direction: row-reverse;
}
html[dir="rtl"] .our-mob-app-content-block .app-download-wrapper {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
html[dir="rtl"] .property-search-form .select-icon::before {
    left: 0;
    right: auto;
}
html[dir="rtl"] .property-search-form .form-select {
    padding-right: 0 !important;
    padding-left: 20px !important;
}
html[dir="rtl"] .property-search-form .select-box::after {
    right: auto;
    left: -24px;
}
html[dir="rtl"] .image_grid_box {
    padding-left: 105px;
    padding-right: 12px;
}
html[dir="rtl"] .history-slider .dots-navigation{
    right: calc(50% + 4.55%);
    left: auto;
}
html[dir="rtl"] .property-search-form .form-label{ 
    text-align: right; 
}
html[dir="rtl"] .property-gallery-slider ul.slick-dots{
    left: auto;
    right: 40px;
}
html[dir="rtl"] .property-gallery-slider .slick-prev {
    right: auto !important;
    left: 45px;
}
html[dir="rtl"] .property-gallery-slider button.slick-next {
    right: auto;
    left: 110px;
}
html[dir="rtl"] .site-footer .mobile-app{
    flex-direction: row-reverse;
}
html[dir="rtl"] .site-footer .mobile-app .google-play-cta{
    padding-left: 0;
}
html[dir="rtl"] .media-center-main .follow_outer.follow_box .social-icons {
    flex-direction: row-reverse;
}
html[dir="rtl"] .loginSignupPopup .form-control{
    text-align: right;
}
html[dir="rtl"] .career-main-intro .description-text {
    max-width: 930px;
}
html[dir="rtl"] .our-services.why-choose-miskan-sec .services-cols {
    flex-direction: row-reverse;
}
html[dir="rtl"] .news-slider.media-center-news .news-item .img-wrap .overlay::after{
    border-top-right-radius:0;
    border-top-left-radius:96px;
    right: auto;
    left: -32px;
}
html[dir="rtl"] .application-form .form-control {
    text-align: right;
}
html[dir="rtl"] .history-slider .slide-content h2 {
    margin-bottom: 30px;
}
html[dir="rtl"] .border-top-left-radius {
    border-radius: 0 80px 0 0;
}
html[dir="rtl"] .our-vision-mision-content .col-sm-6:nth-child(1) {
    padding-right: 0px;
    padding-left: 24px;
}
html[dir="rtl"] .our-vision-mision-content ul {
    padding-left: 0px;
    padding-right: 16px;
}
html[dir="rtl"] .dir-ltr {
    direction: ltr;
}
html[dir="rtl"] .bg-layer-top-right {
    background-image: url("/images/default-source/miskan/left-top-layer.svg");
    background-position: left top;
}
html[dir="rtl"] .bg-layer-top-left {
    background-image: url("/images/default-source/miskan/right-top-layer-.svg");
    background-position: right top;
}

html[dir="rtl"] .property-card .card-img-top {
    border-radius: 80px 0 0 0;
}
html[dir="rtl"] .property-card .property-tag {
    left: auto;
    right: 20px;
}
html[dir="rtl"] .our-team-section.bg-layer-top-right {
    background-image: url(/images/default-source/miskan/left__top-layer.svg);
}
html[dir="rtl"] .our-services.why-miskan::before {
    right: 0;
    left: auto;
    background-image: url("/images/default-source/miskan/arc-vector_.svg");
}
html[dir="rtl"] .careers_cards .careers_item {
    border-radius: 0px 0px 40px 0px;
}
html[dir="rtl"] .join_teams:after {
    background-image: url('/images/default-source/miskan/left__top-layer.svg');
    left: 0;
    right: auto;
}
html[dir="rtl"] .media-search-box button:after{
    left: 16px;
    right: auto;
}
html[dir="rtl"] .media-search-box button{
    left: 0;
    right: auto;
}
html[dir="rtl"] .media-search-box .clearIcon{
    left: 60px;
    right: auto;
}
html[dir="rtl"] .media-center-detail .bg-vector-2{
    left: auto;
    right: 0;
}
html[dir="rtl"] .service-item-container .service-icon{
    border-top-left-radius: 0;
    border-top-right-radius: 32px;
}
html[dir="rtl"] .offer-our-partners-sec .img-border-bottom-left-rd {
    border-radius: 0 0px 80px 0px;
}
html[dir="rtl"] .property-overview .property-overview-lt {
    border-left: 1px solid var(--bs-tosca-700);
    padding-right: 0px;
    padding-left: 30px;
    border-right: 0px;
}
html[dir="rtl"] .media-center-detail blockquote {
    border-left: 0px;
    border-right: 4px solid var(--bs-tosca);
}
/* html[dir="rtl"] .property-card .card-info .card-info-item {
    direction: ltr;
} */
html[dir="rtl"] .property-card .property_content .property_price {
    padding: 0px 34px 0px 12px;
    background-position: right 12px center;
}
html[dir="rtl"] .property-card > a:hover .card-image .overlay::after {
    transform: rotate(-90deg);
    transform-origin: left bottom;
}
html[dir="rtl"] .property-card .card-image .overlay:after {
    transform: rotate(90deg);
    top: -79px;
    left: 0px;
    right: unset;
}
.home-banner-content .content-box h1 {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
}
.partners_expertise_sec .expertise-section .expertise-box .expertise-content {
    background: var(--bs-primary);
}
.partners_expertise_sec .expertise-section .expertise-box .shape-squer {
    background: var(--bs-tosca) !important;
}
.partners_expertise_sec .expertise-section .expertise-box span {
    color: rgba(var(--bs-white-rgb));
}
.partners_expertise_sec .expertise-section .expertise-box::after {
    background-image: unset;
}
.light-mode-layout{
    background-color: #fff !important;
}
.light-mode-layout .section-intro span.bs-primary {
    color: var(--bs-primary) !important;
}
.light-mode-layout .section-intro .intro-description .bs-primary {
    color: var(--bs-primary) !important;
}
.light-mode-layout .section-intro .intro-title h2.bs-primary {
    color: #0C2452 !important;
}
.why-miskan.pt-96 {
    padding-top: 64px !important;
}
.why-miskan.pb-96 {
    padding-bottom: 128px !important;
}
.career-img-with-content .shape-squer.background-primary {
    background-color: var(--bs-tosca);
}
/* Single project page arabic css ends */
/*  media queries  */
@media (min-width: 1850px) {
    .our-mission-section {
        min-height: 746px;
        display: flex;
        align-items: end;
    }
    .email .email-details p {
        word-break: keep-all;
    }
    .property-card .property_content .property_type .miskan_logo {
        width: 90px;
    }
}
@media (min-width: 992px) {
    .vision-mission .col-lg-6>div>div {
        height: 100%;
    }
    .vision-mission .col-lg-6:first-child {
        padding-right: 15px;
    }
    .vision-mission .col-lg-6:last-child {
        padding-left: 15px;
    }
    .site-footer .footer-list {
        max-width: 100%;
        margin-left: auto;
        justify-content: flex-end;
        gap: 59px;
    }
    .site-footer .footer-list .need_help {
        max-width: 200px;
        white-space: nowrap;
    }
    .site-footer .footer-list .quick_links, .site-footer .footer-list .legal {
        max-width: 145px;
    }
    html[dir="rtl"] .site-footer .footer-list .legal {
        max-width: 125px;
        white-space: nowrap;
    }
}
@media (min-width: 768px) {
    .row.services-cols {
        --bs-gutter-x: 48px;
    }
    .news-center-sec .col-lg-4, .media-content .media-center-news>* {
        flex: 0 0 auto;
        width: 33.333%;
    }
    .search-result-section.content-container {
        width: 690px;
    }
}
@media (max-width: 1850px) {
    .overview-vector{display: none;}
    .site-header .navbar-nav {
        gap: 48px;
    }
    .site-header .navbar-nav a.nav-link, .site-header .navbar-nav .dropdown-item {
        font-size: 14px;
    }
    .site-header .inner_header, .facts-section .card {
        padding: 0 48px;
    }
    .site-header .header-buttons button, .site-header .header-buttons a.download_profile {
        padding: 10px 16px;
        font-size: 10px;
    }
    .site-header .header-buttons .download-profile, .site-header .logo {
        padding-right: 25px;
    }
    .site-header .header_search_box {
        padding: 24px 44px;
    }
    .site-header .header_search_box .search_icon .left_search_icon {
        left: 52px;
    }
    .site-header .header_search_box .search_icon .right_search_icon {
        right: 65px;
    }
    .site-footer .footer_pattern {
        width: 315px;
    }
    .chat_content .chat_box {
        width: 54px;
        height: 54px;
    }
    .chat_content .chat_box img {
        width: 32px;
        height: 44px;
    }
    .main_banner {
        min-height: 770px;
    }
    .arc-vector:before {
        width: 12.3%;
    }
    html[dir="rtl"] .site-header .header-buttons .download-profile {
        padding-left: 25px;
    }
    html[dir="rtl"] .site-header .header_search_box .search_icon .left_search_icon{
        right: 52px;
    }
    html[dir="rtl"] .site-header .header_search_box .search_icon .right_search_icon{
        left: 65px;
    }
}
@media (max-width: 1649px) {
    .property-card .card-info-item,
    .property-card .card-info-label{
        font-size: 13px;
    }
}

@media (max-width: 1600px) {
    .home-banner-content .content-box h1 {
        max-width: 500px;
    }
    .our-vision-mision-content {
        padding: 54px;
    }
    .commercial-residential-info .bg-rt-mainvector {
        background-size: 12%;
    }
    .our-vision-mision-content.inner-intro-section .intro-title .title-text {
        font-size: 54px;
    }
    .site-header .navbar-nav a.nav-link, .site-header .navbar-nav .dropdown-item, .property-card .card-info-label, .property-card .card-info-item {
        font-size: 14px;
    }
    .site-header .navbar-nav {
        gap: 32px;
        margin-left: 25px;
    }
    .site-header .header-buttons button, .site-header .header-buttons a.download_profile {
        letter-spacing: 1px;
    }
    .site-header .header-logo {
        width: 130px;
    }
    .site-header .header_search_box {
        padding: 24px 32px;
    }
    .site-header .header_search_box .search_icon .left_search_icon {
        left: 42px;
    }
    .site-header .header_search_box .search_icon .right_search_icon {
        right: 45px;
    }
    .banner-content h1 {
        font-size: 64px;
    }
    .expertise-box::before {
        width: 86.74px;
        height: 97px;
    }
    .see-expertise-otr {
        margin-bottom: 97px;
    }
    .form-content-block {
        padding-left: 60px;
    }
    .project-slider-wrapper {
        padding-left: 0;
        margin-left: 45px;
    }
    .property-partner {
        padding-left: 65px;
    }
    .property-gallery-slider .slick-prev {
        right: 65px;
    }
    .property-slider .slick-list {
        margin: 0 -20px;
    }
    .property-slider .property-card {
        padding: 0 20px;
    }
    .project-slider-wrapper .property-slider .slick-list {
        margin-left: -20px;
        padding: 0 6% 0 0 !important;
    }
    .project-slider-wrapper .property-slider .property-card {
        padding: 0 24px;
    }
    .resid-info-vec {
        bottom: -64px !important;
    }
    .news-slider-wrapper {
        margin-top: 32px;
    }
    .media-listing .bg-vector, .media-listing .bg-vector-2 {
        display: none;
    }
    .pb-96 {
        padding-bottom: 64px !important;
    }
    .pt-96 {
        padding-top: 64px !important;
    }
    .discover-benefits-sec {
        padding-top: 199px !important;
    }
    .job_single_page h1, .facts-section h5 {
        font-size: 48px;
    }
    .expertise-box::after {
        height: 200px;
        left: -75px;
        top: 183%;
    }
    .property-card .card-info-label {
        font-size: 14px;
        letter-spacing: 1.2px;
    }
    .form-content-block {
        min-width: 620px;
        top: 8%;
        padding: 40px 0px 0 48px;
    }
    .our-mob-app-content-block {
        max-width: 620px;
        padding: 60px 48px 60px 0px;
        left: 14px;
    }
    .site-header .header-logo {
        width: 115px;
    }
    .site-header .inner_header {
        padding: 0 32px;
    }
    .bg-layer-top-right {
        background-size: 59%;
    }
    .latest-news-stories {
        background-size: 59% auto, 100% auto;
    }
    .main-intro-section .intro-title .title-text {
        font-size: 72px;
    }
    .inner-intro-section .intro-title .title-text {
        font-size: 60px;
    }
    .the-fact-sec.the-facts:before {
        top: -201px;
    }
    .media-center-detail .bg-vector-2 img {
        max-width: 75%;
    }
    .news-slider.media-center-news .news-item .img-wrap .overlay a {
        padding: 11px 18px;
    }
    .single-project-contact-frm .content-container {
        padding-bottom: 26px;
    }
    .shape-right-bottom {
        right: -45px;
        bottom: -52px;
        width: 45px;
        height: 52px;
    }
    .arc-vector:before {
        width: 9.3%;
    }
    .leadership-sec {
        padding-top: 235px !important;
    }
    .leadership-sec.arc-vector:before {
        top: -56px;
    }
    .who-we-are-section .inner-intro-section {
        padding-left: 12px;
    }
    .cube-image-wrapper {
        max-width: 280px;
    }
    .cube-image-container {
        bottom: -96px;
        right: -35px;
    }
    .history-slider .heading-md {
        font-size: 56px;
    }
    .media-center-detail .bg-vector-2 img{
        margin-right: auto;
    }
    .overview-vector img {
        width: 200px;
    }
    .overview-vector {
        top: 260px;
    }
    .current-openings .careers_cards .careers_item span.location, .current-openings .careers_cards .careers_item .experience {
        font-size: 14px;
    }
    .current-openings .careers_cards .careers_item span, .careers_cards .careers_item span {
        font-size: 18px;
    }
    .years-of-exper-content {
        padding: 4.3% 4.55% 10.84%;
    }
    .history-slider .dots-navigation {
        bottom: 13.3%;
    }
    .leadership-sec.arc-vector:before {
        top: -116px;
    }
    .leadership-sec {
        padding-top: 175px !important;
    }
    .email .email-details p {
        word-break: break-all;
    }
    .main_banner {
        min-height: 770px;
    }
    html[dir="rtl"] .who-we-are-section .inner-intro-section{
        padding-right: 12px !important;
    }
    html[dir="rtl"] .project-slider-wrapper{
        margin-right: 45px;
    }
    html[dir="rtl"] .site-header .header_search_box .search_icon .left_search_icon{
        right: 42px;
    }
    html[dir="rtl"] .site-header .header_search_box .search_icon .right_search_icon{
        left: 45px;
    }
    html[dir="rtl"] .site-footer .footer_pattern {
        left: 56%;
    }
    html[dir="rtl"] .media-center-detail .bg-vector-2 img {
        margin-right: 0;
    }
    html[dir="rtl"] .the-fact-sec::before {
        top: -197px;
    }
    .pattern-wrapper {
        width: 59%;
    }
    .our-team-section .main-intro-section .title-text {
        max-width: 500px;
    }
    html[dir="rtl"] .years-of-exp .main-intro-section .intro-title .title-text {
        max-width: 460px;
    }
    .why-us-middleTitle-sec .main-intro-section .intro-title .title-text {
        max-width: 800px;
    }
    .carrer-benefits .open-positions{
        bottom: 64px;
    }
    .carrer-benefits{
        padding-bottom: 124px;
    }
}
@media (max-width: 1479px) {
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 12px;
    }
    .site-header .navbar-nav {
        gap: 20px;
    }
}
@media (max-width: 1366px) {
    .why-miskan.pb-96 {
        padding-bottom: 128px !important;
    }
    .section-padding {
        padding-top: 96px;
        padding-bottom: 96px;
    }
    .our-mobile-app.section-padding {
        padding-top: 96px;
    }
    .service-item-container .section-intro {
        padding-bottom: 48px;
    }
    .service-item-container {
        padding-bottom: 48px;
    }
    .our-vision-mision-content.inner-intro-section .intro-title .title-text {
        font-size: 50px;
    }
    .commercial-info .intro-description {
        max-width: 875px;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 11px;
    }
    .main_banner {  
        min-height: 730px;
    }
}
@media (max-width: 1299px) {
    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .commercial-info .intro-description {
        max-width: 742px;
    }
    .our-vision-mision-content.inner-intro-section .intro-title .title-text {
        font-size: 50px;
    }
    .property-card .card-info-label {
        font-size: 12px;
        word-wrap: normal;
    }
    .property-card .property_content .property_type {
        flex-wrap: wrap;
    }
    .card-info-item {
        font-size: 16px;
    }
    .site-header .logo {
        padding-right: 20px;
    }
    .site-header .header-logo {
        width: 115px;
    }
    .site-header .navbar-nav, .site-header .header-buttons {
        gap: 15px;
    }
    .bg-layer-top-left {
        background-size: 66%;
    }
    .main-intro-section .intro-title .title-text {
        font-size: 64px;
    }
    .inner-intro-section .intro-title .title-text {
        font-size: 54px;
    }
    .expertise-box::before {
        width: 56.74px;
        height: 66px;
    }
    .see-expertise-otr {
        margin-bottom: 66px;
    }
    .expertise-box .expertise-content {
        padding: 35px;
    }
    .expertise-box::after {
        left: -57px;
        width: 101px;
    }
    html[dir="rtl"] .expertise-box::after {
        right: -57px;
    }
    .privacy-content br {
        display: none;
    }
    .resid-info-vec {
        width: 140px;
    }
    .current-openings .careers_cards .careers_item span.location, .current-openings .careers_cards .careers_item .experience {
        font-size: 12px;
    }
    .current-openings .careers_cards .careers_item span, .careers_cards .careers_item span {
        font-size: 16px;
    }
    .careers_cards .careers_item {
        padding: 20px;
    }
    .cube-image-wrapper {
        max-width: 250px;
    }
    .cube-image-container {
        right: -26px;
        bottom: -94px;
    }
    .history-slider .heading-md {
        font-size: 54px;
    }
    .leadership-sec {
        padding-top: 204px !important;
    }
    .leadership-sec.arc-vector:before {      
        top: -87px;
    }
    .bg-rt-mainvector {
        background-size: 13%;
    }
    .our-mobile-app .mobile-app-img {
        min-height: 520px;
    }
    .main_banner {
        min-height: 676px;
    }
    html[dir="rtl"] .site-footer .footer_pattern {
        left: 62%;
    }
    html[dir="rtl"] .whyus-intro-sec .main-intro-section .intro-title .title-text {
        max-width: 400px;
    }
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .site-header .navbar-nav {
        margin-left: 14px;
    }
    .careers_cards .careers_item span.location, .careers_cards .careers_item span.experience {
        font-size: 14px;
    }
    .icon-with-text .serv-title {
        font-size: 20px;
    }
    .contact-phone-email .contact-email {
        padding-left: 8px;
    }
    .contact-phone-email .contact-phone {
        padding-right: 8px;
    }
    .social-links {
        margin-top: 16px;
    }
    .contact-phone-email .phone, .contact-phone-email .email {
        padding: 26px;
    }
    .social-links {
        margin-top: 30px;
        padding: 14px !important;
    }
    .contact-form-main .my-3 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
    .contact-form-main .submit-ot {
        margin-top: 10px !important;
    }
    .login-sign-section .inner-intro-section .intro-title .title-text {
        margin-bottom: 16px !important;
    }
    .our-vision-mision-content {
        padding: 48px;
    }
    .our-vision-mision-content.inner-intro-section .intro-title .title-text {
        font-size: 46px;
    }
    .property-card .property_content .villa_type, .property-card .property_content .property_price {
        font-size: 12px;
    }
    .property-card .property_content .property_type .miskan_logo {
        font-size: 75px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-intro-section .intro-title .heading-sm {
        font-size: 30px;
    }
    .card-info-outer, ul.card-info li {
        gap: 8px;
    }
    .property-card .card-info {
        gap: 10px;
    }
    .famliy-shape .shape-right {
        left: -17px;
    }
    .shape-right-mobile, .famliy-shape .shape-right {
        width: 40px;
        height: 40px;
    }
    .shape-right-mobile {
        right: -28px;
        top: -40px;
    }
    .icon-with-text .serv-title {
        font-size: 18px;
    }
    .our-vision-mision-content {
        padding: 45px 32px;
    }
    .our-vision-mision-content.inner-intro-section .intro-title .title-text {
        font-size: 40px;
    }
    .our-vision-mision-content.inner-intro-section .intro-description .description-text{
        font-size: 14px !important;
    }
    .site-header .header-buttons button, .site-header .header-buttons a.download_profile {
        font-size: 8px;
    }
    .property-card .property_content .villa_type, .property-card .property_content .property_price {
        font-size: 10px;
        background-size: 12px;
        white-space: nowrap;
    }
    .property-card .property_content .property_type .miskan_logo {
        font-size: 70px;
    }
    .property-details .card-info-outer .card-info-label {
        font-size: 12px;
        letter-spacing: 1.1px;
    }
    .property-card .card-info-item {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .careers_cards .careers_item span.location, .careers_cards .careers_item span.experience {
        font-size: 14px;
    }
    .main-intro-section .intro-title .heading-sm {
        font-size: 30px;
    }
    .home-banner-content .content-box {
        padding-top: 180px;
        padding-bottom: 0px;
    }
}
@media (max-width: 1279px) {
    .property-card .card-info-item,
    .property-card .card-info-label{
        font-size: 10px;
    }
}
@media (max-width:1209px){
    html[dir="rtl"] .inner-banner-our-projects .location-address{
        margin-top: 30px;
    }
}

@media (max-width: 1199px) {
    .our-culture-sect .section-intro .intro-title {
        padding-top: 32px;
    }
    .why-miskan.pb-96 {
        padding-bottom: 64px !important;
    }
    .site-header .navbar-nav a.nav-link, .site-header .navbar-nav .dropdown-item {
        font-size: 12px;
    }
    .site-header .header-buttons button, .site-header .header-buttons a.download_profile {
        letter-spacing: 0.5px;
        padding: 8px 10px;
    }
    .site-header .navbar-expand-md .navbar-nav {
        gap: 14px;
        margin-left: 14px;
    }
    .site-header .header-logo {
        width: 80px;
    }
    .site-header .header-buttons {
        gap: 12px;
    }
    .site-header .logo {
        padding-right: 18px;
    }
    .site-header .header-buttons .download-profile {
        padding-right: 12px;
    }
    .facts-section h5, .job_single_page h1 {
        font-size: 32px;
    }
    .facts-section p, .site-header .lang-switcher span, .property-card .property_content p {
        font-size: 14px;
    }
    .facts-section .card img {
        width: 32px;
        height: 32px;
    }
    .careers_cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .client-logos {
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
    }
    .contact-details-col-right .col-lg-6 {
        width: 100%;
        padding: 0px !important;
    }
    .contact-details-col-right .col-lg-6:nth-child(1) {
        margin-bottom: 30px;
    }
    .section-padding {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .team-expert-content .team-expert-name {
        font-size: 20px;
    }
    .team-expert-content {
        padding: 18px;
    }
    .our-team-section .overlay-img {
        width: 65%;
    }
    .job_single_page .information {
        min-width: 360px;
        max-width: 360px;
    }
    .expertise-box:after {
        height: 130px;
        left: -42px;
        top: 185%;
    }
    .expertise-box::before {
        width: 62px;
        height: 70px;
    }
    .expertise-box {
        max-width: 540px;
    }
    .expertise-box .expertise-content{
        padding: 32px 24px;
    }
    .property-slider .slick-list {
        padding: 0 !important;
    }
    .form-content-block {
        min-width: 100%;
        padding-left: 0;
        position: relative;
        top: 0;
        right: 0;
        padding-top: 40px;
        padding-bottom: 0;
        height: 100%;
        margin-left: 0;
    }
    .our-mob-app-content-block {
        max-width: 520px;
        padding: 48px 48px 48px 0px;
    }
    .our-properties-wrapper .property-card .card-info li {
        width: 33.33%;
    }
    .our-properties-wrapper .property-card .card-info li:nth-child(2) {
        padding: 0 12px;
    }
    .project-slider-wrapper .property-slider .property-card {
        padding: 0 16px;
    }
    .property-card .card-info img {
        width: 24px;
        height: 24px;
    }
    .our-project-listing .our-properties-wrapper>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .property-slider .property-card h2.card-title {
        font-size: 22px;
    }
    .expertise-box:after {
        height: 160px;
        left: -55px;
    }
    .expertise-box {
        max-width: 485px;
    }
    .expertise-box span {
        font-size: 16px;
    }
    .bg-layer-top-right, .bg-layer-top-left {
        background-size: 50%;
    }
    .latest-news-stories {
        background-size: 50% auto, 100% auto;
    }
    .team-expert-img {
        width: 100%;
    }
    .site-footer .footer_pattern {
        width: 250px;
    }
    .main-intro-section .intro-title .title-text {
        font-size: 48px;
        line-height: 1.2;
        margin-bottom: 24px;
    }
    .inner-intro-section .intro-title .title-text {
        font-size: 42px;
        line-height: 1.24;
    }
    .login-sign-section .login-col .form-content-block {
        background: transparent;
    }
    .login-sign-section.bg-layer-top-right {
        background-image: none;
    }
    html[dir="rtl"] .login-sign-section.bg-layer-top-right {
        background-image: none;
    }
    .inner-banner-content h1 {
        font-size: 42px;
        line-height: 1.24;
    }
    .single-project-contact-frm .content-container {
        padding-bottom: 1px;
    }
    .property-overview h3 {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .site-footer .footer_pattern{
        left: 45%;
    }
    .overview-vector {
        display: none;
    }
    .login-sign-section .row {
        --bs-gutter-x: 45px;
    }
    .login-signup .form-content-block{
        background: transparent;
    }
    .media-center-detail .bg-vector-2 {
        width: 12.3%;
    }
    .media-center-detail .bg-vector-2 img {
        display: none;
    }
    .cube-image-container {
        bottom: -86px;
        right: -19px;
    }
    .cube-image-wrapper {
        max-width: 230px;
    }
    .history-slider .dots-navigation {
        bottom: 10.3%;
    }
    .history-slider .heading-md {
        font-size: 44px;
    }
    html[dir="rtl"] .site-header .header-buttons .download-profile {
        padding-left: 12px;
    }
    html[dir="rtl"] .login-sign-section .form-content-block {
        padding-right: 0;
        margin-right: 0;
    }
    html[dir="rtl"] .famliy-shape .shape-right{
        left: 98%;
    }
    html[dir="rtl"] .login-sign-section .login-col.bg-layer-top-right {
        background-image: url(/images/default-source/miskan/left-top-layer.svg);
        background-position: left top;
    }
    .login-sign-section .login-col.bg-layer-top-right{
        background-image: url("/images/default-source/miskan/right-top-layer-.svg");
    }
    html[dir="rtl"] .shape-right-mobile {
        left: -28px;
    }
    .login-sign-section .login-signup-img {
        max-width: 100% !important;
    }
    .our-mob-app-content-block .inner-intro-section .intro-title .title-text {
        line-height: 1.27;
        font-size: 36px;
    }
    .career-journey-section .section-intro {
        max-width: 790px;
    }
    .our-mobile-app .mobile-app-img {
        min-height: 480px;
    }
    .cube-image a{
        font-size: 18px;
        line-height: 1.7;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 8px;
    }
    .main_banner {
        min-height: 554px;
    }
    .application-form-heading {
        font-size: 26px;
    }
    .our-project-section .main-intro-section .intro-title .title-text{
        max-width: 400px;
    }
    html[dir="rtl"] .our-project-section .main-intro-section .intro-title .title-text{
        max-width: 250px;
    }
    .pattern-wrapper {
        width: 50%;
    }
    .our-team-section .main-intro-section .title-text {
        max-width: 350px;
    }
    html[dir="rtl"] .years-of-exp .main-intro-section .intro-title .title-text {
        max-width: 300px;
    }
    .why-us-middleTitle-sec .main-intro-section .intro-title .title-text {
        max-width: 550px;
    }
}
@media (max-width: 991px) {
    html[dir="rtl"] .search-result-section .search_result_cancel {
        left: 35px;
        right: auto;
    }
    .commercial-info .intro-description {
        max-width: max-content;
    }
    .career-journey-section .section-intro {
        max-width: none;
    }
    .offer-our-partners-sec.pb-96 {
        padding-bottom: 64px !important;
    }
    .property-search-form .search-button, .property-search-form .search-button:hover, .contact-form-wrapper {
        max-width: 100%;
    }
    .view_more_btn.careers-view-more-btn {
        margin-top: 48px !important;
    }
    .service_items_res_com {
        padding-top: 8px !important;
    }
    .property-card .property_content p {
        font-size: 16px;
    }
    .property-slider .property-card h2.card-title {
        font-size: 24px;
    }
    /* .current-openings.pb-64, .about-section.pb-96 {
        padding-bottom: 0px !important;
    } */
    .current-openings.pb-64{
        padding-bottom: 0px !important;
    }
    .current-openings .careers_cards {
        gap: 32px;
    }
    .our-work-env-sec h2 {
        margin-top: 32px;
    }
    .our-project-listing .our-properties-wrapper>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .property-details-outer {
        padding-left: 0;
        padding-top: 32px;
        padding-bottom: 0;
        /* margin-top: 32px;
        border-top: 1px solid var(--bs-tosca-700); */
        border-left: 0;
    }
    .current-openings .careers_cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .job-application-form .content-container, .contact_bg_sec, .inquiry-now .content-container, .property-search-form .form-select {
        padding: 0;
    }
    .login-form .phone-number-row {
        display: flex;
        width: auto;
        flex-direction: row;
    }
    .login-form .fields-row {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }
    .section-padding {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .client-logos {
        grid-template-columns: repeat(4, 1fr);
    }
    .content-container{
        padding: 0 24px;
    }
    /* .projects-inner-banner .inner-banner {
        padding-bottom: 0px;
    } */
    .inner-banner {
        padding-bottom: 117px;
        padding-top: 165px;
    }
    .media-search-box>div, .media-short .dropdown button, .sortSelect {
        max-width: 100%;
        min-width: 100%;
    }
    .property-card, .about-content, .property-partner a.cta_button {
        margin-bottom: 32px;
    }
    .facts-section .col-lg-3 {
        flex: 1 1 calc(50% - 15px) !important;
    }
    .cube-image-container {
        left: 50%;
        transform: translate(-50%, 0);
        bottom: -87px;
        right: unset;
    }
    .property-partner {
        padding-left: 0;
        margin-bottom: 32px;
    }
    .who-we-are-section .col-lg-6:first-child {
        order: 2;
    }
    .who-we-are-section .col-lg-6:last-child {
        order: 1;
    }
    .perfect-property {
        width: 100% !important;
    }
    .image_grid_box{
        padding-right: 12px;
        padding-bottom: 130px;
    }
    .login-signup .form-content-block {
        position: relative;
        padding-left: 0;
        min-width: 100%;
        right: 0;
        top: 0;
        border-radius: 0;
        padding-bottom: 0;
        padding-top: 24px;
    }
    .login-signup .login_form_box .mb-4, .login-signup .login_form_box .col-12:first-child, .media-search-box {
        margin-bottom: 16px;
    }
    .our-mobile-app .our-mob-app-content-block {
        position: relative;
        padding: 0;
        max-width: 100%;
        left: auto;
        background: transparent;
        border-radius: 0;
    }
    .our-mobile-app.section-padding {
        padding-top: 48px;
    }
    .page-heading {
        margin-bottom: 24px;
    }
    .contact-details-col-left {
        padding: 0px 0px 24px 0px;
    }
    .contact-phone {
        padding-right: 0px !important;
    }
    .contact-email {
        padding-left: 0px !important;
        margin-top: 24px;
    }
    .social-links .col-lg-3 {
        width: 30% !important;
    }
    .social-links .col-lg-9 {
        width: 70% !important;
    }
    .inquiry-now-otr {
        padding: 48px 24px 0 24px;
    }
    .contact-form-main {
        padding: 2px 24px 48px;
    }
    .our-vision-mission-img {
        position: unset;
    }
    .display-desk, .our-team-section .overlay-img, .shape-right-bottom, .site-header .navbar-nav .nav-link::before, .menu_open .site-header .search-btn, .site-header .navbar-expand-md .navbar-toggler, .site-header .close-btn::before, .site-header .dropdown-menu .dropdown-item .page-icon-wrap, .why-miskan::before, .partner-benefits::before, .famliy-shape .shape-right, .section-intro .title-text br, .vector-line-pattern, .the-facts:before, .overlay-vec-right, .shape-lg-left-top, .expertise-box:after, .resid-info-vec, .contact_bg_sec:before{
        display: none;
    }
    .history-slider .content-slider-dots .slick-dots {
        display: none !important;
    }
    .display-mob, .media-short, .site-header .manu-logo, .overlay-container-mobile {
        display: block;
    }
    .overlay-container-mobile::before {
        content: "";
        position: absolute;
        width: 98px;
        height: 112px;
        background-image: url(/images/default-source/miskan/arc-vector.svg);
        background-repeat: no-repeat;
        top: 0;
        background-size: 100% auto;
        background-position: left bottom;
    }
    .our-mission-section .border-top-left-radius {
        border-radius: 0px;
    }
    .years-of-exper-block .pr-0 {
        padding-right: 12px;
    }
    .years-of-exper-block .pl-0 {
        padding-left: 12px;
    }
    .property-slider .slick-list {
        margin: 0 -14px;
    }
    .property-slider {
        margin-top: 40px;
    }
    .project-slider-wrapper {
        margin-left: 7px;
    }
     .project-slider-wrapper .property-slider .slick-list{
        padding: 0 12px!important;
        margin: 0;
    }
    html[dir="rtl"] .project-slider-wrapper .property-slider .slick-list{
        padding: 0 12px!important;
    }
    .our-mission-section, .our-mission-section .content-container, .site-header .dropdown-item {
        padding: 0 !important;
    }
    .property-search-form .property-form {
        flex-direction: column;
    }
    .property-search-form .property-select-section {
        flex-direction: column;
        padding: 34px 24px 24px 24px;
    }
    .property-search-form .select-box, .contact-details-col-left, .contact-details-col-right, .login-form .fields-row>div {
        width: 100%;
    }
    .property-search-form .select-box::after {
        width: 100%;
        height: 1px !important;
        right: 0 !important;
        bottom: -24px;
        top: auto !important;
    }
    .property-search-form .select-box:last-child::after, .why-us-project-slider .property-slider .slick-dots {
        display: block !important;
    }
    .project-slider-wrapper .property-slider .slick-next {
        right: 7px;
    }
    .project-slider-wrapper .property-slider .slick-prev {
        left: 7px;
        z-index: 9;
    }
    .property-search-form .search-button {
        margin: 24px;
        border-radius: 100px !important;
    }
    .property-search-form {
        margin-top: 16px;
    }
    .site-footer .footer-list, .site-footer .download-app{
        margin-left: 0px;
    }
    .years-of-exper-block .slider-wrapper .image-slider, .years-of-exper-block .slider-wrapper .years-of-exper-content {
        width: 100% !important;
    }
    .form-content-block .contact-form-main, .site-header .dropdown-item:hover {
        background: transparent;
    }
    .inner-intro-section .intro-title .title-text {
        margin-bottom: 24px;
    }
    .our-properties-wrapper .property-card .card-info li:nth-child(2) {
        padding-right: 12px;
        padding-left: 12px;
    }
    .media-content .media-center-news>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .job_single_page .info_content {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s;
    }
    .years-of-exper-block .slider-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .history-slider, .site-footer .footer_nav_heading {
        position: relative;
    }
    .history-slider .desktop_arrow {
        transform: translate(0, -50%);
        justify-content: space-between;
        width: 100%;
        margin-top: 0px;
        display: flex !important;
        position: absolute;
        left: 0;
        bottom: 500px;
    }
    .history-slider .dots-navigation button.prev-slide, .dots-navigation button.next-slide {
        width: 48px;
        height: 48px;
        position: relative;
    }
    .history-slider .dots-navigation button.prev-slide {
        left: -20px;
    }
    .dots-navigation button.next-slide {
        right: -20px;
    }
    .history-slider .dots-navigation button.prev-slide:before, .dots-navigation button.next-slide:before {
        font-size: 22px;
        width: 48px;
        height: 48px;
    }
    .home-service-section .services-cols .col-lg-4:last-child, .site-footer .footer_nav_heading h6, .site-footer .footer_nav_heading, .contact-details-col-right .col-lg-6:nth-child(1) {
        margin-bottom: 0;
    }
    .open-positions .grid .careers_cards .careers_item .careers_item-title {
        color: var(--bs-white) !important;
    }
    .media-content .media-center-news>* {
        margin-top: 32px !important;
    }
    .contact-details-col-right .social-links {
        padding-left: 32px !important;
    }
    .why-us-project-slider .property-card {
        margin-bottom: 32px !important;
    }
    .site-footer {
        padding: 48px 0px 32px 0px;
    }
    .site-footer .footer-address {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
        margin-bottom: 32px;
    }
    .site-footer .footer-list .need_help, .site-footer .footer-list .quick_links, .site-footer .footer-list .legal {
        max-width: 100%;
        padding: 0px;
    }
    .site-footer .mobile-app .app-store-cta {
        padding-left: 0px;
    }
    .site-footer .footer-list {
        gap: 24px;
        margin-bottom: 32px;
        max-width: 100%;
    }
    .site-footer .footer_navbar {
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s;
    }
    .site-footer .footer_nav_heading:after {
        content: "\e813";
        font-family: brand;
        position: absolute;
        top: 5px;
        right: 0;
        left: auto;
        font-size: 10px;
        color: #07100F;
        transition: 0.4s ease-in-out;
    }
    .site-footer .footer_nav_heading:hover {
        cursor: pointer;
    }
    .site-footer .active_footer_toggle::after {
        transform: rotate(-180deg);
    }
    .site-footer .footer_nav_heading.active:after {
        transform: rotate(-137deg);
    }
    .site-footer .contact-details p span {
        margin-left: 0px;
    }
    .site-footer .download-app {
        margin-bottom: 32px;
        gap: 24px;
        max-width: 100%;
    }
    .site-footer .copyright, .social-links {
        margin-top: 24px;
    }
    .site-header .logo {
        padding-right: 0;
    }
    .site-header .dropdown-menu {
        left: 0 !important;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        background: transparent;
        padding: 0 0 0px;
        display: block !important;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s;
    }
    .site-header .dropdown-menu li:not(:last-child) {
        margin-bottom: 1rem;
    }
    .site-header .navbar-expand-md .navbar-nav .dropdown-menu {
        position: relative;
        width: 100%;
        min-width: 100%;
        display: none;
        padding: 0;
    }
    .site-header .navbar-expand-md .navbar-nav li.nav-item.dropdown.open-submenus, .start_journey p {
        padding-bottom: 24px;
    }
    .site-header .inner_header {
        padding: 18px 24px;
    }
    .site-header .menu-btn {
        display: block;
        text-align: right;
    }
    .site-header .close-btn {
        display: block;
        position: absolute;
        right: 0;
        left: auto;
        top: 50%;
        z-index: 99;
        font-size: 21px;
        transform: translate(0, -50%);
        color: var(--bs-primary) !important;
    }
    .site-header .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .site-header .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }
    .site-header .navbar-expand-md .navbar-collapse {
        display: block !important;
        flex-basis: auto;
    }
    .menu_open .site-header .navbar_nav {
        display: block !important;
        right: 0;
    }
    .site-header .navbar_nav {
        position: fixed;
        width: 100%;
        background: var(--bs-white);
        z-index: 9;
        height: 100%;
        right: -100%;
        top: 0;
        display: block !important;
        overflow-y: auto;
        transition: 0.5s;
    }
    .menu_open .site-header .navbar_nav .menu_pattern {
        display: block;
        width: 100%;
        max-width: 175px !important;
        margin-top: 40px;
        bottom: 0;
    }
    .menu_open .site-header .header-buttons button, .menu_open .site-header .header-buttons a.download_profile {
        font-size: 14px;
        letter-spacing: 1.6px;
        padding: 12px 20px;
    }
    .menu_open .build_btn button.light-btn {
        background: var(--bs-primary);
        color: var(--bs-white);
    }
    .menu_open .site-header .header-buttons a.download_profile {
        border-color: var(--bs-primary);
        color: var(--bs-primary);
    }
    .menu_open .site-header .header-buttons .download-profile button {
        border-color: var(--bs-primary);
        color: var(--bs-primary);
    }
    .menu_open .site-header .header-buttons .download-profile {
        border-right: none;
    }
    .menu_open .site-header .language-switcher select.form-select {
        color: var(--bs-primary);
        text-transform: uppercase;
        font-size: 14px;
    }
    .site-header .language_btn {
        margin-left: auto;
    }
    .site-header .language-switcher {
        border-left: 1px solid var(--border-grey);
        padding-left: 32px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .menu_open .site-header .header-buttons {
        gap: 14px;
        margin-top: 48px;
    }
    .site-header .logo {
        border-right: none;
        padding: 0;
    }
    .site-header .header-logo {
        width: 130px;
    }
    .site-header .mobile-toggle-btn {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        top: 2px;
    }
    .site-header .close-btn .icon-close:before {
        margin: 0 !important;
    }
    .site-header .menu_btn-search {
        flex-wrap: nowrap;
        align-items: center;
    }
    .site-header .toggle-col, .site-header .search-col {
        width: auto;
    }
    .site-header .navbar-expand-md .navbar-nav {
        flex-direction: column;
        padding: 0;
        margin-top: 50px;
        margin-left: 0;
        margin-right: 0 !important;
        gap: 0;
    }
    .site-header .navbar-expand-md .navbar-nav li.nav-item {
        border-bottom: 1px solid var(--border-grey);
    }
    .site-header .navbar-nav a.nav-link {
        margin: 0;
        padding: 24px 0;
    }
    .site-header .navbar-nav .dropdown-item, .site-header .navbar-nav a.nav-link {
        font-size: 16px;
        color: var(--bs-primary);
    }
    .site-header .dropdown .dropdown-toggle::after {
        position: absolute;
        right: 0;
        font-size: 13px;
        color: var(--text-grey);
        transition: 0.4s ease-in-out;
    }
    .site-header .navbar-nav .nav-item.dropdown.open-submenus .nav-link:after {
        transform: rotate(-180deg);
    }
    .site-header .dropdown-item.active, .site-header .dropdown-item:active {
        color: var(--bs-primary);
        text-decoration: underline;
        background-color: var(--bs-white);
    }
    .site-header.dropdown-menu .dropdown-item {
        color: var(--text-grey);
    }
    .site-header .header_search_box {
        padding: 24px;
    }
    .site-header .header_search_box .search_icon .left_search_icon {
        left: 37px;
    }
    .site-header .header_search_box .search_icon .right_search_icon {
        right: 37px;
    }
    .site-header .lang-switcher {
        color: var(--text-white-500);
        margin-top: 0 !important;
        justify-content: center;
    }
    .site-header .lang-switcher span.active {
        color: var(--bs-primary);
        font-weight: 700;
    }
    .site-header .lang-switcher .middle-border {
        border-color: var(--bg-black);
    }
    .site-header .navbar-nav .nav-item:not(.dropdown) > .nav-link.active:before {
        display: none;
    }
    /* Header CSS End */
    .facts-section h5 {
        font-size: 48px;
    }
    .facts-section p {
        font-size: 16px;
    }
    .facts-section .card img {
        width: 40px;
        height: 40px;
    }
    .bg-layer-top-right {
        background-size: 61%;
    }
    .latest-news-stories {
        background-size: 61% auto, 100% auto;
    }
    .bg-layer-top-left {
        background-size: 95%;
    }
    .who-we-are-section .inner-intro-section {
        padding-left: 0;
    }
    .m-mb-32 {
        margin-bottom: 32px;
    }
    .our-culture-sect.bg-layer-top-right {
        background-image: none;
    }
    .section-intro .intro-description {
        margin-bottom: 32px;
    }
    .discover-benefits-sec.bg-layer-top-right {
        padding-top: 64px;
        background-image: unset;
        padding-bottom: 0 !important;
    }
    .inner-banner.inner-banner-news-media-centre {
        padding: 186px 0px 80px 0px;
    }
    .common-btn, .btn, .news-slider.media-center-news .news-item .img-wrap .overlay {
        font-size: 14px;
    }
    .contact-bg-img {
        position: relative !important;
    }
    .contact-bg-img.display-mob {
        display: block;
        position: unset !important;
        height: auto !important;
    }
    .property-overview .property-overview-lt, .property-overview .property-overview-rt {
        width: 100% !important;
    }
    .our-vision-mision-content:first-child {
        border-bottom: 1px solid var(--border-grey);
    }
    .contact-form-main .my-3 {
        margin-bottom: 0 !important;
    }
    .leadership-sec.bg-layer-top-right {
        background-image: unset;
    }
    .leadership-sec {
        padding-top: 64px !important;
        margin-top: 0px;
    }
    .arc-vector:before {
        content: unset;
    }
    .project-slider-wrapper .property-slider, .project-slider-wrapper .property-slider .property-card a {
        cursor: pointer;
    }
    .our-services .icon-with-text img {
        margin-left: auto;
        margin-right: auto;
    }
    .our-services .icon-with-text .card {
        padding: 0px;
        text-align: center;
    }
    /* .our-services .icon-with-text {
        gap: 32px;
    } */
    .service-content{
        margin-bottom: 0;
    }
    .icon-with-text .serv-title, .our-services .service-content p{
        text-align: center;
    }
    .our-services  .icon-with-text p {
        text-overflow: unset;
        overflow: auto;
        white-space: normal;
    }
    .property-gallery-slider ul.slick-dots{
        left: 24px;
    }
    .resi-comer-services .section-intro .title-text{
        text-align: center;
    }
    .property-overview .property-overview-rt {
        padding-left: 12px !important;
    }
    .site-header .navbar_nav {
        padding: 24px 24px 0;
    }
    .latest-news-stories .section-intro .intro-description {
        margin-bottom: 0px;
    }
    .media-center-detail .bg-vector-2 {
        display: none;
    }
    .site-footer .footer_pattern {
        left: auto;
        right: 0;
        transform: translate(0);
    }
    .history-slider .slide-item {
        display: block !important;
    }
    .history-slider .imgWrap, .history-slider .slide-content {
        width: 100% !important;
    }
    .our-services.why-choose-miskan-sec .service_items{
        padding-top: 48px !important;
    }
    .current-openings .careers_cards .careers_item span.location, .current-openings .careers_cards .careers_item .experience {
        font-size: 16px;
    }
    .current-openings .careers_cards .careers_item span, .careers_cards .careers_item span {
        font-size: 20px;
    }
    .history-slider .heading-md {
        font-size: 38px;
    }
    .site-header .navbar-nav .nav-item:hover:after, .site-header .navbar-nav .nav-item:not(.dropdown):hover > .nav-link::before, .site-header .navbar-nav .nav-item.dropdown.active:after {
        display: none;
    }
    .cube-image-wrapper {
        max-width: 330px;
        margin: 0 auto;
    }
    html[dir="rtl"] .cube-image-wrapper{
        margin: 0 auto;
    }
    .search-result-section .search_result_cancel {
        right: 35px;
    }
    .project-slider-wrapper .property-slider .slick-dots, .project-slider-wrapper .property-slider .slick-arrow {
        display: block !important;
    }
    .project-slider-wrapper .property-slider .slick-arrow {
        width: 48px;
        height: 48px;
        background: #002544;
        border-radius: 50%;
    }
    .project-slider-wrapper .property-slider .slick-arrow::before {
        font-family: "brand";
        opacity: 1;
    }
    .project-slider-wrapper .property-slider .slick-next::before {
        content: "\e805";
    }
    .project-slider-wrapper .property-slider .slick-prev::before {
        content: "\e804";
    }
    .contact_bg_sec:after {
        background: linear-gradient(180deg, rgba(0, 37, 84, 0) 90.5%, #ffffff 100%);
        z-index: 9;
    }
    .facts-section .card {
        padding: 0 80px;
    }
    .cookie-policy-otr.bg-layer-top-left, .privacy-policy-otr.bg-layer-top-left {
        background-size: 80%;
    }
    .projects-inner-banner .inner-banner h1 {
        margin-bottom: 30px;
    }
    html[dir="rtl"] .our-mob-app-content-block .title-text {
        font-size: 36px;
    }
    html[dir="rtl"] .contact-details-col-left {
        padding: 0;
        padding-bottom: 24px;
    }
    html[dir="rtl"] .site-header .logo {
        padding: 0;
        border: 0;
    }
    html[dir="rtl"] .site-header .close-btn {
        right: auto;
        left: 0;
    }
    html[dir="rtl"] .site-header .dropdown .dropdown-toggle::after {
        right: auto;
        left: 0;
    }
    html[dir="rtl"] .site-header .language_btn {
        margin-left: 0;
        margin-right: auto;
    }
    html[dir="rtl"] .menu_open .site-header .navbar_nav .menu_pattern {
        margin-right: auto;
    }
    html[dir="rtl"] .site-header .navbar_nav {
        right: auto;
        left: -100%;
    }
    html[dir="rtl"] .menu_open .site-header .navbar_nav {
        right: auto;
        left: 0;
    }
    html[dir="rtl"] .property-details-outer {
        border-right: 0;
        padding-right: 0;
    }
    html[dir="rtl"] .shape-right-mobile{
        left: auto;
        right: -60px;
    }
    html[dir="rtl"] .executive-section .inner-intro-section{
        max-width: 100%;
    }
    html[dir="rtl"] .history-slider .dots-navigation button.prev-slide {
        left: auto;
        right: -20px;
    }
    html[dir="rtl"] .history-slider .dots-navigation button.next-slide {
        right: auto;
        left: -20px;
    }
    html[dir="rtl"] .leadership-sec {
        background-image: unset;
    }
    html[dir="rtl"] .discover-benefits-sec.bg-layer-top-right, html[dir="rtl"] .our-culture-sect.bg-layer-top-right {
        background-image: none;
    }
    .project-slider-wrapper{
        margin-left: 0;
    }
    html[dir="rtl"] .project-slider-wrapper{
        margin-right: 0;
    }
    html[dir="rtl"] .site-footer .footer_pattern{
        left: 60px;
        right: auto;
        transform: translate(0);
    }
    html[dir="rtl"] .site-header .header_search_box .search_icon .left_search_icon{
        right: 37px;
    }
    html[dir="rtl"] .site-header .header_search_box .search_icon .right_search_icon{
        left: 37px;
    }
    html[dir="rtl"] .site-footer .active_footer_toggle::after {
        transform: rotate(180deg);
    }
    html[dir="rtl"] .whyus-about-sec .section-intro .intro-description {
        padding-left: 0;
    }
    html[dir="rtl"] .our-mob-app-content-block {
        padding-left: 0;
    }
    html[dir="rtl"] .site-footer .footer-list .need_help {
        max-width: 100%;
    }
    html[dir="rtl"] .history-slider .dots-navigation {
        right: unset;
    }
    html[dir="rtl"] .property-gallery-slider ul.slick-dots {
        right: 24px;
    }
    html[dir="rtl"] .property-gallery-slider .slick-prev {
        left: 24px;
    }
    html[dir="rtl"] .property-gallery-slider button.slick-next{
        left: 90px;
    }
    html[dir="rtl"] .image_grid_box {
        padding-left: 12px;
    }
    html[dir="rtl"] .cube-image-container {
        left: 50%;
        right: unset;
    }
    html[dir="rtl"] .our-services.why-choose-miskan-sec .services-cols {
        flex-direction: column-reverse;
    }
    .site-header .dropdown-item.active, .site-header .dropdown-item:active, .site-header .dropdown-item:hover, .site-header .dropdown-item:focus {
        background: transparent;
    }
    .our-services .service-content h5 {
        text-align: center;
    }
    .join_teams:after {
        display: none;
    }
    html[dir="rtl"] .project-slider-wrapper .property-slider .slick-prev {
        left: auto;
        right: 7px;
        transform: translate(0, -50%) rotate(180deg)!important;
    }
    html[dir="rtl"] .project-slider-wrapper .property-slider .slick-next{
        right: auto;
        left: 7px;
        transform: translate(0, -50%) rotate(180deg)!important;
    }
    .project-slider-wrapper .property-slider .property-card{
        padding: 0 12px;
        margin-bottom: 24px;
    }
    .our-mobile-app .mobile-app-img{
        min-height: auto;
    }
    #propertySlider .slick-next, #propertySlider .slick-prev{
       margin-top: -12px;
    }
    .site-header .dropdown-menu .dropdown-item:active > .page-icon-wrap, .site-header .dropdown-menu .dropdown-item:focus > .page-icon-wrap {
        background: transparent;
    }
    .inner-banner.inner-banner-our-projects {
        padding: 120px 0 0 0;
    }
    .home-service-section .main-intro-section .intro-title .title-text{
        font-size: 32px;
        line-height: 1.32;
    }
    .service-item-container .guarantee-subtitle {
        text-align: center;
    }
    .our-services-page-wrapper .icon-with-text {
        gap: 0;
    }
    .our-services-page-wrapper {
        padding-bottom: 16px;
    }
    .service-item-container .section-intro {
        padding-bottom: 32px;
    }
    .icon-with-text {
        --bs-gutter-y: 32px;
    }
    .service-item-container.guarantee-subtitle .section-intro {
        padding-bottom: 48px;
    }
    .service-item-container.guarantees-features .section-intro{
        padding-bottom: 96px;
    }
    .our-services-page-wrapper {
        padding-top: 16px;
    }
    .media-centre-agency .main-intro-section .intro-title .title-text{
        font-size: 32px;
        line-height: 1.32;
        margin-bottom: 32px;
    }
    .commercial-info.section-intro .intro-description{
        margin-bottom: 0;
    }
    .service-item-container .inner-intro-section .intro-title .title-text{
        margin-bottom: 0;
    }
    .contact-form-main .row:nth-child(1) .col-lg-6:nth-child(1) .my-3 {
        margin-top: 0px !important;
    }
    .services-offer .inner-intro-section .intro-title .title-text{
        margin-bottom: 32px;
    }
    .our-project-listing .our-properties-main-wrapper:nth-child(2) {
        margin-top: 16px;
    }
    .the-fact-sec .main-intro-section {
        padding-bottom: 32px !important;
    }
    .media-center-detail .sf-Long-text p {
        margin-bottom: 24px;
    }
    .mobile_arrow .content-slider-dots-mb ul.slick-dots {
        position: relative;
        bottom: 0;
        margin: 0;
        display: flex;
        gap: 10px;
    }
    .mobile_arrow .content-slider-dots .slick-dots, .dots-navigation.mobile_arrow {
        display: flex !important;
    }
    .history-slider .mobile_arrow.dots-navigation {
        bottom: 10.3%;
        /* left: 50%; */
        left: 70px;
        transform: translate(-50%, 0);
    }
    .property-overview .property-overview-lt {
        border-right: 0px;
        padding-right: 12px;
    }
    html[dir="rtl"] .property-overview .property-overview-lt {
        border-left: 0px;
        padding-right: 12px;
        padding-left: 12px;
    }
    .bg-rt-mainvector{
        background-image: unset;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 12px;
    }
    .our-project-listing .properties-list-main{
        padding-bottom: 64px;
    }
    .career_service_items .services-cols {
        padding-top: 32px!important;
    }
    .career_service_items{
        padding-top: 0!important;
    }
    .our-project-section .main-intro-section .intro-title .title-text{
        max-width: 300px;
    }
    html[dir="rtl"] .our-project-section .main-intro-section .intro-title .title-text{
        max-width: 250px;
    }
    .pattern-wrapper {
        width: 61%;
    }
    .our-team-section .main-intro-section .title-text {
        max-width: 300px;
    }
    html[dir="rtl"] .whyus-intro-sec .main-intro-section .intro-title .title-text {
        max-width: 300px;
    }
    .whoweare-about-section{
        padding-bottom: 0!important;
    }
    .why-us-middleTitle-sec .main-intro-section .intro-title .title-text {
        max-width: 450px;
    }
    .whyus-quality-sec{
        padding-bottom: 0 !important;
    }
    .property-card .property_content .villa_type,
    .property-card .property_content .property_price{
        font-size: 12px;
    }
    .discover-benefits-sec {
        padding-top: 96px !important;
    }
    .icon-with-text{
        --bs-gutter-x: 0;
    }
    .service-item-container{
        padding-bottom: 80px;
    }
    .service-item-container.guarantees-features{
        padding-bottom: 80px;
    }
    .service-item-container.guarantees-features + .service-item-container{
        padding-bottom: 0;
    }
    .carrer-benefits{
        padding-bottom: 172px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .after-top-gradient:after {
        top: 0;
        background: linear-gradient(0deg, rgba(0, 37, 84, 0) 80%, #002554 100%);
    }
    .our-services-page-wrapper {
            padding-top: 40px;
    }    
    .our-mission-section .content-container {
        padding: 32px 0px 0px;
    }
    .home_news_slider .news-item .img-wrap {
        min-height: 150px;
    }
    .our-vision-mision-content {
        padding: 64px 24px;
    }
    .home-banner-content p, .banner-content p {
        font-size: 20px;
    }
    .main-intro-section .intro-title .title-text {
        font-size: 40px;
    }
    .inner-banner.inner-banner-our-projects {
        min-height: 400px;
    }
    .news-item .news-category {
        padding: 10px 24px;
        font-size: 12px;
    }
    .news-slider.media-center-news .news-item .img-wrap .overlay a {
        font-size: 12px;
        padding: 8px 14px;
        line-height: 1.6;
    }
    .faqs-section .accordion .accordion-item h6 button {
        padding: 20px;
    }
    .inner-banner-content h1 {
        margin-bottom: 60px;
    }
}
@media (max-width:799px){
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 48px;
        line-height: 1.2;
    }
    h2 {
        font-size: 42px;
        line-height: 1.24;
    }
    h3 {
        font-size: 36px;
        line-height: 1.27;
    }
    h4 {
        font-size: 32px;
        line-height: 1.3;
    }
    .our-work-env-sec, .team-expert-row .col-lg-4:last-child, .property-details, .site-footer .footer_nav_heading h6 {
        margin-bottom: 0;
    }
    .strat-journey-sec.pb-64, .pb-96 {
        padding-bottom: 48px !important;
    }
    .strat-journey-sec.pt-64 {
        padding-top: 48px !important;
    }
    .open-positions .view_more_btn {
        margin-top: 48px;
    }
    .years-of-exper-content {
        padding: 32px 24px !important;
        min-height: auto;
    }
    .menu_btn-search .toggle-col:hover, .site-header .menu_btn-search .toggle-col:hover {
        cursor: pointer;
    }
    .home-service-section .icon-with-text .card, .resi-comer-services h2, .our-services .service-content p, .our-services .service-content .serv-title, .menu_open .site-header .language-switcher select.form-select {
        text-align: center;
    }
    .careers_cards .careers_item, .open-positions .careers_cards .careers_item {
        padding: 24px !important;
    }
    .mobile-visible, .no-results-wrapper p span, .news-slider .slick-dots, .contact-bg-img.display-mob, .news-slider .slick-track {
        display: block;
    }
    .desktop-visible, .shape-right-bottom, .desktop-visible-img, .our-project-section .intro-cta-btn, .news-cta-btn, .contact-bg-img.display-desk, .our-team-section .overlay-img, .bg-lines, .whoweare-about-section .overlay-img{
        display: none;
    }
    .home-banner-content p, .banner-content p {
        margin-bottom: 8px;
        padding: 0px 20px;
    }
    .property-gallery-slider button.slick-next {
        right: 24px;
    }
    .property-gallery-slider button.slick-prev {
        right: 88px !important;
    }
    .no-results-wrapper h3 {
        margin-top: 24px;
        line-height: 1.25;
        font-size: 42px;
        font-weight: 700;
        padding: 0px 12px;
    }
    .home-service-section .pt-64 {
        padding-top: 48px !important;
    }
    .job_single_page .job_details {
        flex-wrap: wrap;
    }
    .careers_cards, .current-openings .careers_cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .property-slider {
        margin-top: 32px;
    }
    .project-slider, .whoweare-about-section {
        padding-top: 32px;
    }
    .job_single_page .breadcrumb, .years-of-exp .mb-64, .property-card {
        margin-bottom: 32px;
    }
    .not-found .content-container {
        padding: 112px 24px 48px 24px;
    }
    .not-found h1 {
        font-size: 36px;
    }
    .pt-96 {
        padding-top: 48px !important;
    }
    .pt-64 {
        padding-top: 32px !important;
    }
    .download-app {
        margin-top: 0;
    }
    .media-center-detail .media-hd {
        padding-left: 10px;
    }
    .media-center-detail .media-hd::before {
        width: 40px;
    }
    .media-center-detail img {
        margin-bottom: 24px;
    }
    .property-card .card-image {
        min-height: 450px;
    }
    .banner-content h1 {
        margin: 48px 24px 24px;
        font-size: 48px;
    }
    .section-padding {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .facts-section h5 {
        font-size: 32px;
    }
    .facts-section p {
        font-size: 12px;
    }
    .facts-section .facts_item::after {
        transform: rotate(-42deg);
    }
    .expertise-section>img {
        min-height: 324px;
        object-fit: cover;
    }
    .expertise-box {
        margin-left: 48px;
        width: 90%;
    }
    .expertise-box .expertise-content{
        padding: 20px;
    }
    .our-project-section .section-padding {
        padding-top: 96px;
    }
    .inquiry-now-frm .section-intro p {
        margin-bottom: 16px;
        padding-right: 68px;
    }
    .contact-form-wrapper .border-top-left-rd {
        border-top-left-radius: 0px;
    }
    .contact-detail-section .page-heading {
        line-height: 1.27;
        font-size: 36px;
    }
    .contact-detail-section {
        padding-top: 32px;
        padding-bottom: 48px;
    }
    .contact_bg_sec {
        padding: 0px;
    }
    .contact-page-section h1 {
        font-size: 42px;
    }
    .our-vision-mision-content {
        padding: 48px 24px;
    }
    .main_privacy_content {
        padding: 32px 0px 48px 0px;
    }
    .main_privacy_content p, .main_privacy_content ul li:last-child, .property-slider .property-card, .team-expert-row .col-lg-4, .main_privacy_content ol li:last-child {
        margin-bottom: 24px;
    }
    .main_privacy_content h5 {
        margin-bottom: 16px;
    }
    .our-project-listing .our-properties-wrapper>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .property-slider .slick-list {
        padding: 0 !important;
        margin: 0;
    }
    .property-slider .property-card {
        margin-bottom: 24px;
        padding: 0;
    }
    .property-slider .slick-dots {
        margin-bottom: 32px !important;
        position: relative !important;
        bottom: 0 !important;
    }
    .project-slider-wrapper {
        padding: 0 !important;
        margin-left: 0;
    }
    .project-slider-wrapper .property-slider .slick-dots, .why-us-project-slider .property-slider .property-card, .service_items_res_com .services-cols:first-child {
        margin-bottom: 32px !important;
    }
    .search-results {
        padding: 32px 0 48px;
    }
    .search-results .search_page_sec .d-flex.gap-3.my-3:before {
        height: 66px;
        flex: 0 0 111px;
    }
    .search-results .search_page_sec .d-flex.gap-3.my-3 {
        gap: 24px !important;
        padding: 32px 0;
    }
    .chat_box {
        width: 74px;
    }
    .expertise-box::before {
        width: 41px;
        height: 47px;
        top: 98%;
    }
    .see-expertise-otr {
        margin-bottom: 47px;
    }
    .commercial-info p, .residential-info p {
        padding-right: 0px;
    }
    .commercial-info p:last-child, .residential-info p:last-child {
        margin-bottom: 0px;
    }
    .form-content-block .contact-form-main, .login-signup .form-content-block {
        background-color: transparent;
    }
    .property-card .card-info-label, .property-card .card-info-item {
        font-size: 16px;
    }
    .banner-content p {
        font-size: 24px;
    }
    .property-card .card-image img {
        position: absolute;
    }
    .property-card .card-info img {
        width: 32px;
        height: 32px;
    }
    .client-logos .logo-items img {
        height: 94px;
    }
    .current-openings .careers_cards .careers_item {
        width: 100%;
    }
    .pagination-wrapper {
        justify-content: center;
        padding-top: 32px;
    }
    .why-us-project-slider .slick-list {
        margin: 0 !important;
    }
    .team-expert-content {
        padding: 32px;
    }
    .our-mission-section:after {
        position: absolute;
        background: linear-gradient(180deg, rgba(0, 37, 84, 0) 68.39%, #002554 100%);
        height: 300px;
        bottom: auto;
        top: 0;
        transform: rotate(180deg);
    }
    .icon-with-text .serv-title {
        font-size: 24px;
    }
    .site-footer .footer_pattern {
        width: 175px;
        right: -50px;
    }
    .site-header .header-logo {
        width: 135.46px;
    }
    .site-header .manu-logo {
        width: 165.18px;
    }
    .menu_open .site-header .header-buttons {
        justify-content: center;
        flex-wrap: wrap;
    }
    .site-header .header-buttons .download-profile {
        padding-right: 0;
    }
    .site-header .language-switcher {
        border-left: 0;
        padding-left: 0;
        padding-top: 16px;
        padding-bottom: 12px;
        text-align: center;
    }
    .site-header .language_btn {
        width: 100%;
        text-align: center;
    }
    .client-logos {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding: 16px 0px 0 0px;
    }
    .image_with_content img {
        aspect-ratio: 1;
        object-fit: cover;
    }
    .property-gallery-slider .slick-slide img {
        padding: 0 8px;
    }
    .property-details-outer {
        padding-left: 0;
        padding-top: 0px;
        padding-bottom: 0;
        /* border-top: 1px solid var(--bs-tosca-700); */
        border-right: 0;
    }
    .site-header .language-switcher {
        border-left: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }
    .site-footer .footer-list {
        gap: 12px;
        margin-bottom: 24px;
    }
    .site-footer .contact-details p span {
        font-size: 20px;
        margin-left: 0;
    }
    .job_single_page h1 {
        font-size: 42px;
        line-height: 1.25;
    }
    .facts-section .card {
        gap: 10px;
        padding: 20px 30px 0 39px;
    }
    .expertise-box span, .contact-form-wrapper .contact-form-main .submit-ot .btn {
        font-size: 14px;
    }
    .property-card .card-info {
        justify-content: flex-start;
    }
    .card-info-outer {
        gap: 4px;
    }
    .bg-layer-top-right, .bg-layer-top-left {
        background-size: 109%;
    }
    .bg-layer-top-left {
        background-image: url("/images/default-source/miskan/right-top-layer.svg");
        background-position: top right;
    }
    .our-services.bg-layer-top-right, .our-mobile-app.bg-layer-top-left {
        background-size: 94%;
    }
    .latest-news-stories, .completed_projects {
        background-size: 109% auto, 100% auto;
    }
    .news-slider .slick-dots {
        position: relative;
        margin-top: 32px;
    }
    .job-application-form {
        padding-bottom: 0 !important;
    }
    .login-sign-section.bg-layer-top-right, .search-results.bg-layer-top-left, .our-project-page.bg-layer-top-left, .who-we-are-section.bg-layer-top-right, .privacy-content.bg-layer-top-left, .media-content.bg-layer-top-left, .media-content.single-media-page.bg-layer-top-right {
        background-image: none;
    }
    .pb-32 {
        padding-bottom: 24px;
    }
    .mb-32 {
        margin-bottom: 24px;
    }
    .faqs-section.bg-layer-top-right {
        background-image: unset;
    }
    .main-container.projects-inner-banner .inner-banner h1 {
        /* margin-bottom: 24px; */
        margin-bottom: 8px;
        font-size: 36px;
        line-height: 1.3;
    }
    .our-project-listing .properties-list-main {
        padding-bottom: 0;
    }
    .properties-list-main .pagination-wrapper {
        padding-top: 16px;
        justify-content: center;
    }
    .main-map .radio-button-group, .main-map #property_options {
        display: block !important;
    }
    .main-map .radio-button-group .radio-option {
        justify-content: left;
    }
    .main-map .radio-button-group .radio-option {
        margin-bottom: 8px;
        margin-right: 0px !important;
    }
    .main-map .radio-button-group .radio-option:last-child {
        margin-bottom: 0px;
    }
    .main-map .map-btn-overlay {
        bottom: 24px;
        right: 6px;
        left: unset;
        transform: none;
    }
    .search-results .search_page_sec .d-flex.gap-3.my-3 h3 {
        font-size: 30px;
        line-height: 1.35;
    }
    .strat-journey-sec .inner-intro-section .intro-title .title-text {
        font-size: 36px;
        line-height: 1.28;
    }
    .join_teams .inner-intro-section .intro-description {
        padding-right: 5px;
    }
    .why-miskan .section-intro {
        padding-top: 48px !important;
    }
    .faqs-section, .media-content.news-listing, .our-culture-sect .image_with_content {
        padding-top: 32px !important;
    }
    .service_items{
        padding-top: 48px !important;
    }
    .pb-64 {
        padding-bottom: 48px !important;
    }
    .why-miskan.border-bottom-section {
        border-bottom: 0px !important;
    }
    .media-content .media-center-news>* {
        width: 100%;
    }
    .news-item .img-wrap {
        min-height: 257px;
    }
    .discover-benefits-sec {
        padding-top: 48px !important;
    }
    .job_single_page {
        padding-top: 74px;
    }
    .job_single_page .job_content {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }
    .job_single_page .information {
        min-width: auto;
        max-width: 100%;
        width: 100%;
        order: 1;
    }
    .job_single_page .job_content {
        order: 2;
    }
    .key-partnership-sec .intro-title .title-text {
        margin-bottom: 16px !important;
    }
    .news-slider.media-center-news .news-item .img-wrap .overlay a {
        padding: 18px 24px;
    }
    .site-footer .footer_nav_heading h6 {
        margin-bottom: 16px;
    }
    .property-detail-outer #map {
        height: 640px !important;
    }
    .property-overview-outer {
        padding-right: 0;
    }
    .whoweare-about-section.bg-layer-top-left, .our-team-section.bg-layer-top-right {
        background-image: unset;
    }
    .inquiry-now-frm .heading-md {
        font-size: 36px;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    .resi-comer-services .inner-intro-section .intro-title .title-text {
        font-size: 48px;
        line-height: 1.21;
    }
    .single-media-page .media-center-detail .media-hd {
        font-size: 32px;
        line-height: 1.32;
    }
    .follow_outer {
        padding: 30px 0px 0px;
        margin-top: 24px;
    }
    .main-map {
        height: 640px;
    }
    .leadership-sec {
        padding-top: 48px !important;
    }
    .years-of-exper-content .content-slider .slide-content h2 {
        margin-bottom: 24px;
    }
    .years-of-exper-content .content-slider .slide-content p {
        margin-bottom: 48px;
    }
    .cube-image-container {
        bottom: -63px;
    }
    .site-header .manu-logo {
        width: 135.18px;
    }
    .single-project-page .property-overview.pt-96.pb-96 {
        padding-top: 32px !important;
    }
    .facts-section .card .card-body {
        margin-top: 0px;
    }
    .login-sign-section .login-col.bg-layer-top-right {
        background-size: 91%;
    }
    .not-found h1 {
        line-height: 1.28;
    }
    .cube-image-wrapper {
        max-width: 270px;
    }
    .contact-form-main .my-3{
        margin-top: 16px !important;
    }
    .careers_cards .careers_item .careers_item-title {
        min-height: auto !important;
    }
    .basic-heading-cls, .special-heading-cls {
        padding-bottom: 32px;
    }
    .history-slider .heading-md {
        font-size: 42px;
    }
    .job_single_page .job_content_title {
        margin: 24px 0 16px;
    }
    .job_single_page .job_content_title:nth-child(1) {
       margin: 0px;
    }
    .application-form .submit-wrapper {
        margin-top: 20px;
        flex-direction: column-reverse;
    }
    .application-form .submit-wrapper > *{
        width: 100%;
    }
    .application-form .submit-wrapper .back.common-btn, .application-form .submit-wrapper .btn.btn-primary {
        width: 100%;
        display: block;
    }
    html[dir="rtl"] .privacy-content, html[dir="rtl"] .faqs-section {
        background-image: none;
    }
    html[dir="rtl"] .job_single_page .job_content {
        padding-left: 0;
        border-left: 0;
    }
    html[dir="rtl"] .site-header .header-buttons .download-profile {
        padding-left: 0;
    }
    html[dir="rtl"] .project-slider-wrapper{
        margin-right: 0;
    }
    html[dir="rtl"] .facts-section .card {
        padding: 20px 55px 0 55px;
    }
    html[dir="rtl"] .facts-section .card-text:last-child {
        margin-bottom: 0;
        display: block;
        width: 75px;
    }
    html[dir="rtl"] .facts-section .total-project .card-text{
        white-space: nowrap;
    }
    html[dir="rtl"] .main-map .radio-button-group .radio-option {
        margin-left: 0 !important;
    }
    html[dir="rtl"] .banner-content h1 {
        margin: 48px auto 24px;
        max-width: 328px;
    }
    html[dir="rtl"] .whoweare-about-section.bg-layer-top-left {
        background-image: unset;
    }
    html[dir="rtl"] .our-team-section.bg-layer-top-right {
        background-image: unset;
    }
    html[dir="rtl"] .who-we-are-section.bg-layer-top-right, html[dir="rtl"] .our-project-page.bg-layer-top-left {
        background-image: unset;
    }
    html[dir="rtl"]  .our-mobile-app.bg-layer-top-left{
        background-image:url("/images/default-source/miskan/left-top-layer.svg");
        background-position:left top;
    }
    html[dir="rtl"] .media-content.bg-layer-top-left {
        background-image: unset;
    }
    html[dir="rtl"] .inner-banner-our-projects .location-address{
        margin-top: 0;
    }
    .expertise-box span{
        line-height: 24px;
    }
    .loginSignupPopup .login-modal .submission-message p{
        font-size: 18px !important;
    }
    #propertySlider .slick-next, #propertySlider .slick-prev{
       margin-top: -24px;
    }
    .our-project-listing{
        min-height: 100%;
    }
    .home-banner-content .content-box {
        padding-top: 100px;
        padding-bottom: 57px;
    }
    .our-mob-app-content-block .description-text.mb-32{
        margin-bottom: 32px;
    }
    .services-offer .inner-intro-section .intro-title .title-text{
        margin-bottom: 0;
    }
    .app_content {
        max-width: 315px;
    }
    .history-slider .mobile_arrow.dots-navigation {
        left: 53px;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 15px;
    }
    .main_banner {
        min-height: 960px;
    }
    .application-form-heading {
        font-size: 36px;
        text-align: center;
    }
    .career-our-services{
        padding-bottom:16px;
    }
    .career_service_items.service_items{
        padding-top: 0 !important;
    }
    html[dir="rtl"] .site-footer .footer_pattern{
        left: 30px;
    }
    .our-project-section .cta-btn{
        position:absolute;
        bottom:48px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        text-align: center;
    }
    .our-project-section{
        padding-bottom:108px;
    }
    .latest-news-stories .cta-btn{
        position:absolute;
        bottom:112px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        text-align: center;
    }
    .latest-news-stories{
        padding-bottom: 200px;
    }
    .latest-news-stories .cta-btn .light-btn {
        background-color: var(--bs-primary);
        border: 2px solid var(--bs-primary);
        color: var(--bs-white);
    }
    .latest-news-stories .cta-btn .light-btn:hover {
        color: var(--bs-primary);
    }
    .latest-news-stories .cta-btn .light-btn:before {
        background: var(--bs-white);
    }
    .pattern-wrapper {
        width: 94%;
    }
    .who-we-are-section .pattern-wrapper,
    html[dir="rtl"] .who-we-are-section .ar-pattern{
       display: none;
    }
    .our-team-section .main-intro-section .title-text {
        max-width: 100%;
    }
    .completed_projects {
        padding-bottom: 108px;
    }
    .completed_projects .content-container{
        padding-bottom: 0!important;
    }
    .completed_projects .cta-btn {
        position: absolute;
        bottom: 48px;
        width: 100%;
        text-align: center;
        left: 0;
    }
    .completed_projects .cta-btn .primary-btn{
        background-color: var(--bs-primary);
        border: 2px solid var(--bs-primary);
        color: var(--bs-white);
    }
    .completed_projects .cta-btn .primary-btn::before{
        background: var(--bs-white);
    }
    .completed_projects .cta-btn .primary-btn:hover{
        color:  var(--bs-primary);
    }
    html[dir="rtl"] .our-project-section .main-intro-section .intro-title .title-text{
        max-width: 100%;
    }
    .why-us-middleTitle-sec .main-intro-section .intro-title .title-text {
        max-width: 550px;
    }
    .carrer-benefits{
        padding-bottom: 156px;
    }
    .carrer-benefits .open-positions{
        bottom: 48px;
    }
}
@media (max-width:575px){
    .why-miskan.pt-96 {
        padding-top: 0px !important;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 14px;
    }
    .home-banner-content .content-box h1 {
        max-width: 380px;
    }
}
@media only screen and (max-width: 475px) {
    .site-footer .footer-social .social-icons {
        gap: 16px;
    }
    .resi-comer-services .inner-intro-section .intro-title .title-text {
        font-size: 46px;
    }
    .site-footer .footer_pattern {
        right: -50px;
    }
    .login-modal{
        padding: 24px;
    }
    .loginSignupPopup .login-modal .submission-message p{
        font-size: 14px !important;
        padding: 15px 14px;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 12px;
    }
    .project-on-map .section-padding{
        padding-top: 20px;
    }
}
@media (max-width:440px) {
    .facts-section .col-lg-3 {
        flex: 1 1 100% !important;
    }
    .facts-section p {
        font-size: 16px;
    }
    .facts-section h5 {
        font-size: 48px;
    }
    .facts-section .card, html[dir="rtl"] .facts-section .card {
        gap: 14px;
        padding: 20px 60px 0 60px;
    }
    html[dir="rtl"] .our-project-section .main-intro-section .intro-title .title-text{
        max-width: 200px;
    }
    html[dir="rtl"] .facts-section .card-text:last-child {
        width: 100%;
    }
}
@media (max-width: 413px) { 
    .property-card .card-image {
        min-height: 330px;
    }
    .property-card .card-info-label, .property-card .card-info-item {
        font-size: 14px;
    }
    .job_single_page .info_list .col span.job_info, .careers_cards .careers_item span.location, .careers_cards .careers_item span.experience {
        font-size: 14px;
    }
    .job_single_page .info_list .col span, .current-openings .careers_cards .careers_item span, .careers_cards .careers_item span {
        font-size: 16px;
    }
    .contact-phone-email .phone, .contact-phone-email .email {
        padding: 24px;
        display: flex;
        align-items: center;
    }
    .social-links {
        padding: 20px 15px !important;
    }
    .social-links .icon-pattern {
        right: -7px;
        bottom: -12px;
    }
    .social-links .follow_box {
        padding-right: 18px;
    }
    .team-expert-content {
        padding: 18px;
    }
    .team-expert-content .team-expert-name {
        font-size: 20px;
    }
    .client-logos {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 16px 0px 24px 0px;
    }
    .job_single_page .job_content {
        gap: 16px;
    }
    .job_single_page h1, .main-intro-section .intro-title .heading-sm {
        font-size: 24px;
    }
    .site-footer .footer_pattern {
        width: 135px;
    }
    .site-footer {
        padding: 48px 0 100px 0;
    }
    .main-map {
        height: 450px;
    }
    .main-intro-section .intro-title .title-text {
        font-size: 36px;
    }
    .news-item .img-wrap {
        min-height: 200px;
    }
    .inner-intro-section .intro-title .title-text {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .section-padding {
        padding: 36px 0px;
    }
    .section-intro .intro-subtitle {
        gap: 14px;
        margin-bottom: 14px !important;
    }
    .the-fact-sec .section-intro .intro-subtitle {
        margin-bottom: 0px !important;
    }
    .shape-right {
        width: 14px;
        height: 14px;
    }
    .section-intro .intro-subtitle .subtitle-text {
        font-size: 16px !important;
    }
    .banner-content h1 {
        margin: 48px 0px 24px;
    }
    .inner-banner .icon-wrap {
        width: 35px;
        height: 35px;
        padding: 7px;
        flex: 0 0 35px;
    }
    .inner-banner-content span:nth-child(2) {
        font-size: 14px; text-align: left;
    }
    .news-item .news-title {
        font-size: 20px;
    }
    .facts-section p {
        font-size: 16px;
        max-width: 100%;
        min-height: auto !important;
    }
    .facts-section h5 {
        font-size: 40px;
    }
    .facts-section .card {
        padding: 20px 50px 25px 50px;
    }
    .image_grid_box {
        padding-bottom: 110px;
    }
    .history-slider .heading-md {
        font-size: 36px;
    }
    .cube-image-wrapper {
        max-width: 225px;
    }
    .cube-image-container {
        bottom: -42px;
    }
    .media-center-detail .media-hd {
        padding-left: 2px;
    }
    .shape-right-mobile{display: none;}
    .modal_heading h4 {
        margin-top: 20px;
    }
    .property-card .property_content .property_type{
    flex-wrap: wrap;
    }
    .contact-details-col-right .social-links {
        padding-left: 24px !important;
    }
    .contact-detail-section .follow-us-box {
        padding: 24px 40px 24px 32px !important;
    }
    html[dir="rtl"] .site-footer {
        padding: 48px 0 150px 0;
    }
    html[dir="rtl"] .banner-content h1 {
        margin: 48px 6px 24px;
    }
    .cube-image a {
        font-size: 14px;
    }
    .property-card .card-info-label, .property-card .card-info-item{
        font-size: 10px;
    }
    .application-form-heading {
        font-size: 20px;
        margin-top: 20px;
    }
    .our-project-section .cta-btn{
        bottom:36px;
    }   
    .our-project-section{
        padding-bottom: 96px;
    }
    .latest-news-stories{
        padding-bottom: 132px;
    }
    .latest-news-stories .cta-btn{
        bottom:45px;
    }
}

@media (max-width: 374px) {
    .site-header .header-buttons button, .site-header .header-buttons a.download_profile, .menu_open .build_btn button.btn.btn-light {
        padding: 12px 30px;
    }
    .site-header .header-logo, .site-header .manu-logo {
        width: 115.46px;
    }
    .careers_cards .careers_item span.location, .careers_cards .careers_item span.experience {
        width: 55%;
        text-align: left;
    }
    .careers_cards .careers_item span {
        width: 45%;
        text-align: right;
    }
    .property-slider .property-card .card-info li:nth-child(2), .our-properties-wrapper .property-card .card-info li:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }
    .faqs-section .accordion .accordion-item h6 button {
        font-size: 16px;
        padding: 16px;
    }
    .card-info-outer, ul.card-info li {
        gap: 4px;
    }
    ul.card-info li {
        padding: 0 5px;
    }
    .property-card .card-info img {
        width: 22px;
        height: 22px;
    }
    .choice_block ul.list-unstyled {
        width: 100%;
        padding-top: 20px;
        justify-content: start;
    }
    .choice_block .form-label {
        width: 100%;
    }
    .banner-content h1 {
        font-size: 32px;
    }
    html[dir="rtl"] .careers_cards .careers_item span{
        text-align: left;
    }
    html[dir="rtl"] .careers_cards .careers_item span.experience, html[dir="rtl"] .careers_cards .careers_item span.location{
        text-align: right;
    }
    .careers_cards .careers_item .careers_item-title {
        font-size: 20px;
    }
    .property-card .card-info-label,
    .property-card .card-info-item{
        font-size: 8px;
    }
}