/*Custom Font*/

 @font-face {
     font-family: "Segoe UI";
     src: url("../fonts/Segoeui/SegoeUI.woff2") format("woff2"),
         url("../fonts/Segoeui/SegoeUI.woff") format("woff"),
         url("../fonts/Segoeui/SegoeUI.ttf") format("truetype");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: "Segoe UI";
     src: url("../fonts/Segoeui/SegoeUIBlack.woff2") format("woff2"),
         url("../fonts/Segoeui/SegoeUIBlack.woff") format("woff"),
         url("../fonts/Segoeui/SegoeUIBlack.ttf") format("truetype");
     font-weight: 900;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: "Segoe UI";
     src: url("../fonts/Segoeui/SegoeUI-Bold.woff2") format("woff2"),
         url("../fonts/Segoeui/SegoeUI-Bold.woff") format("woff"),
         url("../fonts/Segoeui/SegoeUI-Bold.ttf") format("truetype");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: "Segoe UI";
     src: url("../fonts/Segoeui/SegoeUI-Semibold.woff2") format("woff2"),
         url("../fonts/Segoeui/SegoeUI-Semibold.woff") format("woff"),
         url("../fonts/Segoeui/SegoeUI-Semibold.ttf") format("truetype");
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }

 /* Custom Scrollbar Styling */

 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     background-color: var(--Beige-01);
 }

 ::-webkit-scrollbar {
     width: 7px;
     background-color: var(--Beige-01);
 }

 ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: var(--secondary);
 }

 ::-webkit-input-placeholder {
     color: var(--black-40);
 }


 /* Root Selector and Variables */

 :root {
     /* Black Variants */
     --Black: #000;
     --black-60: rgba(37, 35, 36, 0.6);
     --black-40: rgba(37, 35, 36, 1);
     --black-30: rgba(37, 35, 36, 0.3);
     --black-20: rgba(37, 35, 36, 0.2);
     --black-10: rgba(37, 35, 36, 0.1);
     /* White Variants */
     --White: #ffffff;
     --white-80: rgba(255, 255, 255, 0.8);
     --white-60: rgba(255, 255, 255, 0.6);
     --white-50: rgba(255, 255, 255, 0.5);
     --white-10: rgba(255, 255, 255, 0.1);
     --white-cream: rgba(233, 241, 243, 1);
     /* Beige Variants */
     --Beige-01: #fffcf5;
     --Beige-02: #fcfcfc;
     --Beige-03: #ededed;
     /* Orange */
     --Orange: #F03D4F;
     --hot: rgba(240, 61, 79, 1);
     --Orange-02: #eee0db;
     /* Black 2 and 3 */
     --Black-2: #2f2d2e;
     --Black-3: #393738;
     --primary: #F56421;
     --primary-dark: #d38e02;
     --footer: #242B56;
     --secondary: #242B56;
     --secondary-light: rgba(0, 117, 141, 0.4);
     --secondary-lightest: #E9F1F3;
     --secondary_text: #C2CDD6;
     --heading_black: #262626;
     --heading_black_50: rgba(38, 38, 38, 0.5);
     --text_color:#5A5A5A;
     --light_color:rgba(38, 38, 38, 0.25);
     --bg_light: #F6F6F6;
 }

 .container-fluid {
     padding-left: 15px;
     padding-right: 15px;
     max-width: 1750px;
 }
 .container{
    max-width: 1366px;
    padding: 0 80px;
 }
 .bg_light{
    background: var(--bg_light);
 }
 .bg-secondary{
    background-color: var(--secondary) !important;
 }
 .position-initial{
    position: initial !important;
 }
 @media screen and (min-width:1720px){
    .container {
        max-width: 1920px;
        padding: 0 100px;
    }
    .container-fluid{
        max-width: 1800px;
        padding: 0 100px;
    }
 }
 @media screen and (max-width: 1366px) {
     .container {
         padding: 0 20px;
     }
    
 }
 @media screen and (min-width: 1200px) {
     .position-xl-relative {
         position: relative !important;
     }
    
 }

 a {
     text-decoration: none !important;
 }

 pre {
     font-weight: 400;
     color: var(--Black, #252324);
     font-size: 18px;
     font-weight: 400;
     line-height: 19.2px;
     text-align: left;
     white-space: pre-line;
     overflow: hidden;
 }


 /* Typography */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: var(--Black, #252324);
     font-weight: 300;
 }

 h1 {
     font-size: 60px;
     font-style: normal;
     font-weight: 700;
     line-height: 66px;
 }

 h2 {
     font-size: 40px;
     font-style: normal;
     font-weight: 400;
     line-height: 47px;
 }

 h3 {
     font-size: 30px;
     font-style: normal;
     font-weight: 300;
     line-height: 110%;
 }

 h4 {
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     margin-bottom: 0.75rem;
     /* 28.8px */
 }

 h5 {
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     /* 19.2px */
 }

.mr-0{
    margin-right: 0 !important;
}
 /* Utility Classes */

 .white-10 {
     color: var(--white-10);
     border-color: var(--white-10) !important;
 }

 .w-150 {
     width: 150px;
 }

 .w-130 {
     width: 130px;
 }

 .w-175 {
     width: 175px !important;
 }

 .w-1036 {
     max-width: 1036px;
 }

 .overflow-hidden {
     overflow: hidden;
 }

 .h-60 {
     height: 60px !important;
 }

 .required:after {
     content: "*";
     padding-left: 3px;
     color: #F0515F;
 }

 .bright {
     filter: brightness(100);
 }

 .list-style-none {
     list-style: none;
 }

 .mt-55 {
     margin-top: 55px !important;
 }

 .mw-217 {
     width: 100%;
     max-width: 217px;
 }

 .mw-978 {
     width: 100%;
     max-width: 978px;
 }

 .mt-20 {
     margin-top: 20px !important;
 }

 .mr-20 {
     margin-right: 20px;
 }

 .mb-10 {
     margin-bottom: 10px !important;
 }

 .mb-15 {
     margin-bottom: 15px !important;
 }

 .mb-150 {
     margin-bottom: 150px !important;
 }

 .bg-grey {
     background-color: var(--Beige-02);
 }

 .br-20 {
     border-radius: 20px;
 }

 .p-40 {
     padding: 40px;
 }

 .fw-500 {
     font-weight: 500 !important;
 }

 .price-avatar {
     background-color: var(--primary);
     border-radius: 999px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100px;
     height: 100px;
 }

 .price-avatar h4 {
     color: var(--Beige-01);
     margin: 0;
 }

 .width-fit {
     width: fit-content !important;
 }

 .mb-20 {
     margin-bottom: 20px !important;
 }

 .mt-40 {
     margin-top: 40px;
 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .mb-30 {
     margin-bottom: 30px !important;
 }

 .mt-20 {
     margin-top: 20px !important;
 }

 .mt-30 {
     margin-top: 30px !important;
 }

 .mr-15 {
     margin-right: 15%;
 }

 .mt-100 {
     margin-top: 100px !important;
 }

 .mt-150 {
     margin-top: 150px !important;
 }

 .mb-100 {
     margin-bottom: 100px !important;
 }

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

 .c-val {
     font-size: 20px;
     font-weight: 600;
     line-height: 24px;
 }

 .w-361 {
     width: 100%;
     /* max-width: 361px; */
     max-width: 400px;
 }

 .w-870 {
     width: 100%;
     max-width: 870px;
 }

 .w-345 {
     width: 345px !important;
 }

 .text-dark {
     color: var(--Black) !important;
 }

 .text-primary {
     color: var(--primary) !important;
 }

 .white-50 {
     color: var(--white-50) !important;
 }

 .white-60 {
     color: var(--white-60) !important;
 }

 .white-80 {
     color: var(--white-80) !important;
 }

 .sep-black-10 {
     border-color: var(--black-10) !important;
 }

 .sep-black-3 {
     border-color: var(--black-30) !important;
 }

 .black-60 {
     color: var(--black-60) !important;
 }

 .black-40 {
     color: var(--black-40) !important;
 }

 .border-rad {
     border-radius: 0 0 20px 20px;
 }

 video.border-rad {
     height: 900px;
     object-fit: cover;
 }

 .video-wrapper {
     font-size: 0;
 }

 .menu-1 {
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     /* 18px */
 }

 .menu-2 {
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     /* 21.6px */
 }

 .p1 {
     font-size: 13px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     /* 15.6px */
 }

 .p2 {
     font-size: 48px;
     font-style: normal;
     font-weight: 700;
     line-height: 120%;
     letter-spacing: 0px;
 }

 .p3 {
     font-size: 24px;
     font-style: normal;
     font-weight: 300;
     line-height: 110%;
 }


 /* Buttons */


 /* Button Hover Effect */

 .btn-primary,
 .btn-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 30px;
    background: var(--primary);
    text-transform: uppercase;
    color: #fff;
    border: 1px solid var(--primary);
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    padding: 15px 32px;
    transition: color 0.15s ease-in-out, 
                background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, 
                box-shadow 0.15s ease-in-out;
    width: fit-content;
    @media (max-width:1750px) {
        font-size: 13px;
        line-height: 19px;
        padding: 11px 23px;
    }
 }

 .btn-secondary {
     background: var(--secondary);
 }
.btn-secondary::before{
    background-color: var(--secondary);
}

.btn-primary {
     background: var(--primary);
 }
.btn-primary::before{
    background-color: var(--primary-dark);
}
.btn-primary:hover,
.btn-primary:active,
:not(.btn-check)+.btn:active {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #000;
}


.btn-outline-primary {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: transparent;
    text-transform: uppercase;
    color: var(--primary);
    border: 1px solid var(--primary);
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    padding: 15px 25px;
    transition: color 0.15s ease-in-out, 
                background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, 
                box-shadow 0.15s ease-in-out;
    width: fit-content;
    @media (max-width:1750px) {
        font-size: 13px;
        line-height: 19px;
        padding: 11px 23px;
    }
}

.btn-outline-primary:hover{
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
    color: #000;
}

.swipe-to-top {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.swipe-to-top::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swipe-to-top:hover::before, 
.swipe-to-top:focus::before, 
.swipe-to-top:active::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.btn_lg{
    padding: 11px 37px;
    font-size: 20px;
    line-height: 28px;
}
.dev-card .developer-tile .text {
    transition: top 0.7s;
    -moz-transition: top 0.7s;
    -webkit-transition: top 0.7s;
    -o-transition: top 0.7s;
    -ms-transition: top 0.7s;
}

 .dev-card .developer-tile .text {
     position: absolute;
 }

 .dev-card .developer-tile .primary {
     top: 40px;
     width: calc(100% - 30px);
 }

 .dev-card .developer-tile .hover {
     top: 80px;
     width: calc(100% - 30px);
 }

 .dev-card .hover {
     top: 80px;
 }

 .dev-card:hover .primary {
     top: -80px;
 }

 .dev-card:hover .hover {
     top: 40px;
 }

 .burger-button {
     opacity: 0.8;
     transition: 0.7s all;
 }

 .togglebtn.burger-button {
     width: 40px;
     height: 40px;
     line-height: 1;
     padding: 0;
     border-radius: 999px;
     border: 2px solid var(--heading_black_50);
     align-items: center;
     justify-content: center;
     flex-direction: column;
   
 }
 .togglebtn.burger-button.active{
    background: var(--heading_black);
 }
 .forward {
    transform: rotate(45deg);
    transform-origin: 1px 5px;     
}

 .backward {
     transform: rotate(-45deg);
     transform-origin: -3px -4px;
 }

 

 #line-2 {
     display: none;
 }

 .remove {
     opacity: 0;
 }

 #line-2.remove {
     display: block;
 }

 .mobile_nav_toggleBtn_line {
    background: var(--heading_black);
    width: 17px;
    height: 3px;
    margin-bottom: 5px;
 }
 .mobile_nav_toggleBtn_line:last-child{
    margin-bottom: 0;
 }
.mobile_nav_toggleBtn_line.backward,
 .mobile_nav_toggleBtn_line.forward {
    transition: all .3s ease-in-out;
    background: var(--White);
 }
 .burger-button:hover {
     opacity: 1;
 }

* {
        font-family: 'Segoe UI', sans-serif;
}


 html,
 body {
     font-family: "Segoe UI", sans-serif;
     font-weight: 400;
     color: var(--Black, #252324);
     overflow-x: hidden;
 }

 body {
     /* padding-top: 100px; */
     background-color: var(--bg_light);
     padding: 0px;
 }
h1,h2,h3,h4,h5,h6{
    font-family: "Segoe UI", sans-serif;
}
 .row>* {
     padding: 0 0;
 }

 .row {
     margin: 0 -15px;
 }

 .row .col-12,
 .row .col-auto,
 .row .col,
 .row .col-6,
 .row .col-4 {
     padding: 0 15px;
 }


 /* Header */

 header {
    padding-top: 36px;
    padding-bottom: 20px;
    @media (max-width:1750px) {
        padding-top: 26px;
        padding-bottom: 18px;
    }
 }
 .headerinner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 22px;
    background-color: #FFFFFF66;
    border-radius: 22px;
    @media (min-width:1750px) {
        padding: 16px 27px;
    }
    @media (max-width:768px) {
        padding: 9px 12px;
        border-radius: 10px;
    }
 }
 .headerinner .linksareaheader{
    display: flex;
    align-items: center;
 }
 .headerinner .logo img {
    max-width: 90px;
    @media (min-width:1750px) {
        max-width: 158px;
    }
 }

 header .navbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
 }

 header .navbar ul li {
     margin-right: 30px;
 }
  header .navbar ul li:last-child{
    margin-right: 0;
  }

 header .navbar ul .active a,
 header .navbar ul .dropdown-menu .dropdown-item.active {
     color: var(--primary);
 }
header .navbar ul .dropdown-menu .dropdown-item.active {
    background: transparent;
}
 header .header-link:hover,
 .headinbanner header .header-link:hover {
     color: var(--primary);
 }

 .headinbanner header .col-langs .menu-1 {
     color: var(--text_color);
 }

 .headinbanner header .col-langs .menu-1 .header-link {
     position: relative;
     padding-right: 10px;
     padding-left: 5px;
     display: block;
 }

 .headinbanner header .col-langs .menu-1.active .header-link {
     color: #5A5A5A99;
 }

 .headinbanner header .col-langs .menu-1:first-child .header-link {
     padding-left: 0;
 }
.headinbanner header .col-langs .menu-1:last-child .header-link {
     padding-right: 0;
 }

 .headinbanner header .col-langs .menu-1 .header-link::after {
    content: "";
    position: absolute;
    right: 1px;
    top: 3.5px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 800;
    color: #5A5A5A99;
    width: 1px;
    height: 16px;
    background: #5A5A5A99;
 }

 .headinbanner header .col-langs .menu-1:last-child .header-link:after {
     display: none;
 }

 header .dropdown.dropdowngeneral {
     cursor: pointer;
 }

 header .dropdown-toggle {
     position: relative;
     padding-right: 15px;
     z-index: 2;
 }

 header .dropdown-toggle::after {
     background: url(../img/icons/arrow-down.svg) no-repeat;
     background-position: center;
     width: 11px;
     height: 11px;
     border: none;
     background-size: contain;
     bottom: 3px;
     position: absolute;
     margin-left: 0.28em;
 }

 header .dropdown-menu {
     position: absolute;
     top: 100%;
     right: 0;
     z-index: 0;
     display: none;
     float: left;
     background: transparent;
     border: none;
     padding: 0px 0 0;
     margin-top: 0px;
 }

 header .dropdown-menu .dropdown_menu_inner {
     padding: 15px;
     background-color: var(--white-cream);
     background-clip: padding-box;
     border: none;
     border-radius: 8px;
     min-width: 10rem;
     font-size: 16px;
     text-align: left;
     list-style: none;
 }

 header .dropdown-menu::before {
     content: "";
     position: absolute;
     top: -9px;
     right: 10px;
     transform: translateX(-50%);
     border-width: 0 10px 10px 10px;
     border-style: solid;
     border-color: transparent transparent var(--white-cream) transparent;
 }

 header .dropdown:hover .dropdown-menu {
     display: block;
 }

 header .dropdown-item:hover {
     color: var(--secondary) !important;
 }

 .bg-active {
     background-color: var(--Black);
 }

 .bg-active .header-link {
     color: var(--white-50) !important;
 }

 .header-row-2.bg-active {
     width: 100%;
     max-width: 100%;
     overflow: visible;
     position: absolute;
     left: 0;
     right: 0;
     padding: 0 80px;
 }

 .btns_navbar {
     display: flex;
 }

 .btns_navbar a.btn {
    margin-left: 15px;
    backdrop-filter: blur(6px);
 }


 .btns_navbar a.btn.list-property {
     border-color: #fff;
     /* White border for 'List Your Property' */
     color: #fff;
 }

 /* .sticky .header-row-2 .row {
    border-bottom: none;
} */

 .header-row-1 .col-logo {
     /* margin-right: 740px; */
     /* width: 100%;
    max-width: 885px; */
     padding: 0;
 }

 .header-row-1 .col-mail {
     /* margin-right: 251px; */
     width: 100%;
     max-width: 444px;
     padding: 0;
 }

 .header-row-1 .col-time {
     /* margin-right: 47px; */
     width: 100%;
     max-width: 225px;
     padding: 0;
 }

 .header-row-1 .col-langs {
     /* margin-right: 88px; */
     padding: 0;
     display: flex;
     align-items: center;
 }

 .header-row-1 .col-menu {
     /* margin-right: 88px; */
     padding: 0;
 }

 .header-row-2 .col-navbar-1 {
     padding: 0;
 }

 .header-row-2 .col-navbar-2 {
     padding: 0;
     width: 100%;
     max-width: 445px;
 }

 .header-row-2 .col-navbar-3 {
     padding: 0;
     width: 100%;
     max-width: 219px;
 }

 .header-row-2 .col-btn-primary {
     padding: 0;
     width: 100%;
     max-width: 202px;
 }

 .header-row-2 ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .header-row-2 .ul li {
     margin-right: 30px;
     position: relative;
     transition: 0.7s all;
 }

 .header-row-2 .ul li a {
     display: inline-block;
     padding: 32px 0;
 }

 .header-row-2 .ul li:hover:before,
 .header-row-2 .ul li.active:before {
     transition: 0.7s all;
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     background-color: #fff;
     bottom: -1px;
 }

 .header-row-2 .ul li a#aboutLink.active:before {
     transition: 0.7s all;
     content: "";
     position: absolute;
     width: 100%;
     height: 1px;
     background-color: #fff;
     bottom: 3px;
 }

 .header-link {
     color: var(--text_color);
     text-decoration: none;
     transition: 0.7s all;
     font-size: 16px;
     line-height: 22px;
     font-weight: 400;
     text-transform: capitalize;
 }


 .header-link:hover {
     color: var(--White);
 }

 .header-link-50 {
     color: var(--white-50);
 }

 .header {
     position: relative;
     z-index: 7;
     transition: background 1s ease;
 }

 .modal-backdrop {
     z-index: 3;
 }

 form {
     margin-bottom: 40px;
 }

 form .form-control,
 form .form-select {
     height: 50px;
     background-color: var(--White);
     border-radius: 100px;
     padding: 11px 18px;
     border: 1px solid #D0D5DD;
     /* margin-bottom: 35px; */
     background-position: right 1rem center;
     font-size: 14px;
     font-weight: 400;
     text-align: left;
     color: #474748;
     transition: 0.5s ease;
 }

 form textarea.form-control {
     width: 100%;
     border-radius: 5px;
     height: 100px;
 }

 form .form-group {}

 form .form-group .input-group {
     flex-wrap: nowrap;
 }

 form .form-group .input-group .input-group-prepend {
     width: 85px;
     margin-right: -1px;
 }

 form .form-group .input-group .input-group-prepend select {
    padding: 6px 12px 6px 10px;
    width: 100%;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-right: none;
    height: 100%;
 }


 form .form-group .input-group input {
     padding-left: 10px;
 }

 form .form-group.form-group-modal {
     margin-bottom: 0;
 }

 form .form-select {
     color: var(--black-40);
 }

 form .form-control:hover,
 form .form-select:hover {
     background-color: var(--white-80);
 }

 form .form-control:focus,
 form .form-select:focus {
     /* color: var(--black-40); */
     background-color: var(--White);
     border-color: var(--text_color);
     outline: 0;
     box-shadow: none;
 }

 form .custom-textarea {
     height: 75px;
     resize: none;
     width: 100%;
 }

 .input-grp .btn-primary {
     margin-top: 22px;
 }


 .sticky {
     position: fixed;
     top: 0;
     width: 100%;
     background: var(--Black);
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
     opacity: 1;
     animation-name: fadeInOpacity;
     animation-iteration-count: 1;
     animation-timing-function: ease-in;
     animation-duration: 0.3s;
 }

 @keyframes fadeInOpacity {
     0% {
         opacity: 0;
     }

     50% {
         opacity: 0.5;
     }

     100% {
         opacity: 1;
     }
 }

 @media (min-width: 1366px) {
     .d-1366-flex {
         display: block !important;
     }

     .d-1366-block {
         display: flex !important;
     }

     .d-1366-none {
         display: none !important;
     }
 }

 @media (min-width: 1920px) {
     .d-1366 {
         display: none;
     }
 }

 .mainbanner_inner .banner-desc-area h1 {
     margin-bottom: 25px;
     font-size: 44px;
     line-height: 49px;
 }


 .banner-desc-area .menu-2 {
     color: var(--white-60);
     width: 100%;
     max-width: 816px;
     margin: 0 auto;
 }


.banner-desc-area p{
    font-size: 22px;
    line-height: 28px;
    color:var(--White);
    font-weight: 500;
    margin: 0 auto;
    width: 100%;
    max-width: 816px;
    @media (max-width: 1750px) {
       font-size: 20px;
       line-height: 26px;
       margin: 0 auto;
    }
    @media (max-width: 992px) {
        font-size: 18px;
        line-height: 24px;
    }
     @media (max-width: 576px) {
       font-size: 16px;
       line-height: 22px;
    }
}
.banner-desc-area p.textdetaildetailonbanner{
    margin: 0 auto 32px;
    @media (max-width: 1750px) {
        margin: 0 auto 25px;
    }
}

 /* slider banner */
.banneritem{
    position: relative;
    width: 100%;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    border-radius: unset;
    padding-top: 115px;
}
.banneroutlinetext{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: 130px;
    /* font-size: 200px;
    line-height: 100%;
    font-weight: bold;
    -webkit-text-stroke: 1px var(--White); 
    text-stroke: 1px var(--White); 
    color: transparent;
    white-space: nowrap; */
    display: block;
    @media (max-width:1750px) {
        max-height: 98px;
    }
}
.banneritem::before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(270deg, rgb(255, 255, 255,0.79) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.banneroutlinetext img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.banneritem .content{
    max-width: 950px;
    margin: 0 auto;
    padding: 72px 0 100px;
    text-align: center;
    z-index: 2;
    position: relative;
}
.banneritem .content.contenthome{
    padding: 72px 0 220px;
}
.banneritem.contentmortgagecalculator .content{
    padding-bottom: 550px;
    @media (max-width:1750px) {
        padding-bottom: 463px;
    }
    @media (max-width:1200px) {
        padding-bottom: 495px;
    }
    @media (max-width:576px) {
        padding-bottom: 390px;
    }
}
.banneritem .content h2{
    margin-bottom: 30px;
    font-size: 54px;
    line-height: 62px;
    font-weight: 400;
    color: var(--heading_black); 
    text-transform: uppercase;
}
.banneritem .content p{
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: var(--heading_black);
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.banneritem .content a{
    margin: 30px auto 0;
}
 /* Search Moudle */
.mainformsearch{
    padding-bottom: 72px;
}
 .search-module {
     background-color: var(--White);
     border-radius: 12px;
     width: 100%;
     max-width: 1206px;
     margin: auto;
     padding: 20px 20px;
 }

 .search-module .btn-capsule {
     padding: 16px 28px;
 }

 .search-all-link {
     color: var(--primary);
     text-decoration: none;
     transition: padding transform 0.6s ease;
     position: relative;
     padding: 0 15px;
 }

 .search-all-link:before {
     content: none;
     position: absolute;
     top: 1.2px;
     left: 0;
     transform: translateX(0px);
 }

 .search-all-link:after {
     content: url(../img/icons/caret-right.png);
     position: absolute;
     right: 0;
     margin-top: 2px;
     transform: translateX(5px);
 }

 @-moz-document url-prefix() {
     .search-all-link:after {
         margin-top: 3px;
     }
 }

 .hold.search-all-link:after {
     content: url(../img/icons/caret-right-black.png);
 }

 .search-all-link:hover {
     padding: 0px 0px 0px 20px;
 }

 .search-all-link:hover:before {
     content: url(../img/icons/caret-right.png);
 }

 .hold.search-all-link:hover:before {
     content: url(../img/icons/caret-right-black.png);
 }

 .search-all-link:hover:after {
     content: none;
 }

 .search-separator {
     border-top: 1px solid var(--black-10);
     padding-top: 15px;
     margin-top: 20px;
 }

 .col-sep {
     border-bottom: 1px solid var(--black-10);
     padding-bottom: 20px;
 }

 .search-module .search-input .select2.select2-container {
     padding: 6px 15px 6px 45px;
     width: 100% !important;
 }

 .search-module .search-input .select2 {
     border-radius: 65px;
     border: 1px solid var(--light_color);
 }

 .search-module .search-input .select2-container--default .select2-selection--multiple {
     padding: 2px 0 0 0px;
 }

 .search-module .search-input .form-control {
     background-color: transparent;
     border: none;
     color: var(--black-40);
     height: 44px;
     overflow: hidden;
 }

 .search-module .search-input {
     background: url(../img/icons/map.svg);
     background-repeat: no-repeat;
     background-position: 20px 50%;

 }

 .search-module .search-input .form-control:focus {
     outline: none;
     border: none;
     box-shadow: none;
 }

 .form-control::placeholder {
     color: var(--black-40);
 }

 .search-module .category-dropdown .dropdown-menu.show {
     background-color: var(--Beige-03);
     top: 22px !important;
     left: -30px !important;
     border-radius: 20px;
     border-color: transparent;
     padding: 25px 5px 20px;
 }

 .modal-body .dropdown-menu.show {
     background-color: #f4f1e7;
     border-radius: 20px;
     border-color: transparent;
     padding: 20px;
     right: -3px !important;
     top: 5px !important;
     margin: 0;
     list-style: none;
     width: 155px;
     min-width: 155px;
 }

 .search-module .modal-body .dropdown-menu.show {
     width: 125px;
     min-width: 125px;
     right: auto !important;
     left: -40px !important;
 }

 .modal-body .dropdown-menu.show .dropdown-item {
     padding: 0;
     margin: 0;
 }

 .search-module .category-dropdown ul {
     list-style-type: disc;
 }

 .modal-body .dropdown-menu ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
 }

 .modal-body .dropdown-menu ul li {
     margin-bottom: 7px;
     cursor: pointer;
     transition: 0.5s ease;
     white-space: normal;
 }

 .modal-body .dropdown-menu ul li.active {
     list-style-type: disc;
     margin-left: 15px;
 }

 .modal-body .dropdown-menu ul li:hover:not(.active) {
     color: var(--black-40);
 }

 .search-module .category-dropdown .dropdown-menu>.dropdown-item {
     margin-bottom: 10px;
 }

 .search-module .category-dropdown .dropdown-menu .dropdown-item:hover {
     background: none;
 }

 .modal-body .dropdown-item:focus,
 .dropdown-item:hover,
 .modal-body .dropdown-item:focus,
 .dropdown-item:focus,
 .dropdown-item:active {
     background-color: transparent !important;
     color: initial !important;
 }

 .search-module .category-dropdown .btn-capsule {
     padding: 10px 20px;
     font-size: 15px;
     height: 35px;
 }

 .search-module .property-type .category-link,
 .search-module .property-type .property-link {
     display: block;
 }

 .search-module .property-type .category-link:before,
 .search-module .property-type .property-link:before {
     content: none;
 }

 .search-module .property-type .search-bar {
     position: relative;
     padding: 0;
 }
 .search-module .property-type .category-link:after,
 .search-module .property-type .property-link:after {
     right: 0;
 }

 .search-module .property-type .category-dropdown .dropdown-menu .dropdown-item {
     background-color: var(--Orange-01);
     color: var(--Black-3);
     padding: 8px 15px;
     border-bottom: 1px solid var(--Black-3);
 }

 .search-module .property-type .category-dropdown .dropdown-menu .dropdown-item:hover {
     background-color: var(--Orange-02);
 }

 .search-module .property-type .category-dropdown .dropdown-menu.show {
     background-color: var(--Beige-01);
     top: inherit !important;
     left: inherit !important;
     border-radius: 5px;
     border-color: inherit;
     padding: inherit;
     width: 100%;
     height: 240px;
     overflow: auto;
 }

 .search-module input[type="radio"],
 .search-module input[type="checkbox"] {
     display: inline-block;
     position: absolute;
     overflow: hidden;
     clip: rect(0 0 0 0);
     height: 1;
     width: 1;
     margin: -1;
     padding: 0;
     border: 0;
 }

 .buy .search-module .icon {
     background-color: var(--Beige-01);
 }


 /* .search-module .icon:hover {
    cursor: pointer;
    color: var(--Black);
    background-color: var(--Beige-03);
} */

 .search-module .peer:checked~.icon {
     background-color: var(--Black);
     color: var(--White);
 }


 /* Price Slider */

 .selector {
     position: relative;
     padding: 20px 30px 0;
     border-radius: 100px;
     background-color: var(--Beige-02);
     transition: 0.5s ease;
     width: 573px;
 }

 .buy .selector {
     background-color: var(--Beige-01);
     width: 420px;
 }

 .selector:hover {
     background-color: var(--Beige-03);
 }

 .buy .more-filters-tray .selector:hover {
     background-color: var(--Beige-02);
 }

 .selector ul {
     position: relative;
     display: block;
     overflow: auto;
     min-width: 138px;
     max-height: 200px;
     background: #fff;
     list-style: none;
     white-space: inherit;
     padding-right: 17px;
     width: calc(100% + 17px);
 }

 .selector li {
     position: relative;
     padding: 3px 20px 3px 25px;
     cursor: pointer;
 }

 .selector li:before {
     position: absolute;
     top: 50%;
     left: 0;
     top: 4px;
     display: inline-block;
     margin-right: 9px;
     width: 17px;
     height: 17px;
     background-color: #f4f4f4;
     border: 1px solid #d5d5d5;
     content: "";
 }

 .selector li[data-selected="1"]:before {
     border: 1px solid #d7d7d7;
     background-color: #fff;
 }

 .selector li[data-selected="1"]:after {
     position: absolute;
     top: 50%;
     left: 3px;
     top: 11px;
     display: inline-block;
     width: 4px;
     height: 10px;
     border-right: 2px solid;
     border-bottom: 2px solid;
     background: none;
     color: #39c9a9;
     content: "";
     -webkit-transform: rotate(40deg) translateY(-50%);
     transform: rotate(40deg) translateY(-50%);
 }

 .selector li:hover {
     color: #aaa;
 }

 .selector li .total {
     position: absolute;
     right: 0;
     color: #d7d7d7;
 }

 .selector .price-slider {
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     padding-top: 17px;
 }

 @media (min-width: 768px) {
     .selector .price-slider {
         padding-top: 0px;
     }
 }

 .selector .price-slider:before {
     position: absolute;
     top: 50%;
     left: 0;
     margin-top: 0;
     color: var(--Black);
     content: attr(data-currency);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .selector .slider-range {
     width: 90%;
     /* margin-bottom: 30px; */
     border: none;
     background: var(--Orange-02);
     height: 3px;
     margin-left: 8px;
     margin-right: 8px;
 }

 @media (min-width: 768px) {
     .selector .slider-range {
         width: 100%;
     }
 }

 .selector .ui-slider-handle {
     border-radius: 50%;
     background-color: var(--Black);
     border: none;
     top: -14px;
     width: 28px;
     height: 28px;
     outline: none;
 }

 @media (min-width: 768px) {
     .selector .ui-slider-handle {
         top: -5px;
         width: 13px;
         height: 13px;
     }
 }

 .selector .ui-slider-range {
     background-color: var(--Black);
 }

 .selector .slider-price,
 .selector .slider-size {
     position: relative;
     display: inline-block;
     padding: 5px 5px 5px 10px;
     /* width: 40%; */
     /* background-color: #e2f7f2; */
     line-height: 12px;
     text-align: center;
     margin-bottom: 15px;
     font-size: 15px;
 }

 .selector #min-price,
 .selector #min-size {
     left: 35px;
 }

 .selector #max-price,
 .selector #max-size {
     right: 35px;
 }

 .selector .seperator {
     position: relative;
     top: -7px;
 }

 .selector .slider-price:before {
     position: absolute;
     top: 50%;
     left: 100%;
     margin-top: 0;
     /* color: #39c9a9; */
     content: attr(data-currency);
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .selector #min-price:after,
 .selector #min-size:after {
     content: "from";
     position: absolute;
     right: 100%;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     color: var(--black-40);
 }

 .selector #max-price:after,
 .selector #max-size:after {
     content: "to";
     position: absolute;
     right: 100%;
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     color: var(--black-40);
 }

 .selector .show-all {
     position: relative;
     padding-left: 25px;
     color: #39c9a9;
     cursor: pointer;
     line-height: 28px;
 }

 .selector .show-all:after,
 .selector .show-all:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 4px;
     margin-top: -1px;
     color: #39c9a9;
     width: 10px;
     border-bottom: 1px solid;
 }

 .selector .show-all:after {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
 }

 .selector.open ul {
     max-height: none;
 }

 .selector.open .show-all:after {
     display: none;
 }

 .search-module .col-title {
     margin-bottom: 15px;
 }

 .headinbanner header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }

 .headinbanner header .header-link {
     color: var(--text_color);
 }

 .video-banner-wrapper {
     position: relative;
     /* overflow: hidden; */
     width: 100%;
     /* background: url(../img/video-2-frame.png) no-repeat center center; */
     background-repeat: no-repeat !important;
     background-position: center center !important;
     background-size: cover !important;
     border-radius: unset;
     padding-top: 95px;
 }
 .mainbanner_inner{
    position: relative;
    z-index: 1;
 }


 .video-banner-wrapper video {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
     border-radius: 0px 0px 20px 20px;
 }

 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(589099_City-Overlooking-Dubai-Man_By_Animedias_Artlist_HD-_1_.png); */
     background: #000;
     opacity: 0.5;
     z-index: 1;
     border-radius: 0px 0px 20px 20px;
 }

 .has-mega-menu a:after {
     content: url(../img/icons/caret-down.svg);
     position: relative;
     display: inline-block;
     /* transform: rotate(180deg); */
     transition: 0.7s all;
     right: -5px;
     top: 2px;
 }

 .buy .header:not(.sticky) .has-mega-menu a:after {
     filter: invert(1);
 }

 .buy .header .bg-active .has-mega-menu a:after {
     filter: none;
 }

 .has-mega-menu a.active:after {
     transform: rotate(180deg);
     top: 0px;
 }

 .mega-menu-about {
     background-color: var(--Black);
     position: absolute;
     left: 0;
     right: 0;
     top: 159px;
     /* border-radius: 0px 0px 20px 20px; */
     border-radius: 0px;
     z-index: 7;
     /* height: calc(100vh - 147px); */
     /* height: 962px; */
     height: 801px;
 }

 .mega-menu-about .row-wrapper {
     border-top: 1px solid var(--white-10);
     padding: 100px 0px 106px;
     margin: 0 80px;
 }

 .mega-menu-about .cards-col {
     width: 100%;
     max-width: 870px;
 }

 .burger-menu {
     transition: opacity 0.7s ease;
     position: absolute;
     top: 76px;
     left: 0;
     right: 0;
     width: 100%;
     padding: 100px 80px 53px;
     background: var(--Black);
     z-index: -1;
 }

 .burger-menu.hide {
     opacity: 0;
     display: none;
 }

 .burger-menu.show {
     opacity: 1;
     z-index: 1;
 }

 .company-links ul {
     padding: 0;
     margin: 0 0 208px 0;
     list-style: none;
 }

 .company-links ul li {
     margin-bottom: 20px;
 }

 .info-title {
     margin-bottom: 55px;
 }

 .social-media-title {
     margin-bottom: 25px;
 }

 .social-media-links li {
     display: flex;
     width: 40px;
     height: 40px;
     justify-content: center;
     align-items: center;
     gap: 24px;
     flex-shrink: 0;
     border-radius: 100px;
     border: 1px solid var(--white-10, rgba(255, 255, 255, 0.1));
     margin: 0 10px 0 0;
     transition: 0.7s all;
 }

 .social-media-links li .btn-primary {
     height: 40px;
     background-color: transparent;
     line-height: 10px;
     transition: 0.7s ease;
 }

 .social-media-links li:hover .btn-primary {
     background-color: var(--White);
 }

 .social-media-links li:hover img {
     filter: brightness(0);
 }

 .mega-menu-about .col-about {
     width: 100%;
     max-width: 437px;
     padding: 0;
 }

 .mega-menu-about .col-info {
     width: 100%;
     max-width: 418px;
     padding: 0;
 }

 .mega-menu-about .col-listings {
     width: 100%;
     max-width: 870px;
     padding: 0;
 }

 .list-card {
     overflow: hidden;
     background-color: var(--Beige-02);
     border-radius: 20px;
     position: relative;
 }

 .list-card .list-img-slider {
     max-width: 100%;
     margin-bottom: 0;
     border-radius: 12px 12px 0 0;
 }

 .list-card .list-img-slider .slick-dots {
     bottom: 20px;
 }

 .list-card .badgediv {
    position: absolute;
    z-index: 99;
    top: 6px;
    right: 6px;
 }
.list-card .custom-dots{
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 111;
}
.list-card .custom-dots .dot{
    position: relative;
    display: inline-block;
    margin: 0 4px;
    height: 10px;
    padding: 0;
    line-height: 0;
    background: var(--Beige-01);
    border: none;
    border-radius: 100%;
    width: 10px;
}
.list-card .custom-dots .dot:hover{
    cursor: pointer;
    background: var(--White);
}
.list-card .custom-dots .dot.active{
    width: 18px;
    border-radius: 12px;
    background: var(--White);
}
 .list-card .list-type {
     background-color: var(--primary);
     color: var(--White);
     border-radius: 100px;
     padding: 5px 12px 7px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-left: 5px;
     text-transform: uppercase;
 }

 .list-card .badgeproperty {
     background-color: var(--heading_black);
     color: var(--White);
     border-radius: 100px;
     padding: 5px 12px 7px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     margin-left: 5px;
     text-transform: uppercase;
 }

 .list-card .list-type.close-btn {
     left: auto;
     right: 20px;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     padding: 15px;
     cursor: pointer;
 }

 .list-card.clone-cards {
     width: 425px;
     /* height: 620px; */
 }

 .list-card.clone-cards .developer-tile {
     border-radius: 0 0 20px 20px;
     padding: 20px 15px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     min-height: 60px;
     transition: transform 0.7s ease-out;
     background-color: var(--Black);
     transform: translateY(560px);
     z-index: 1;
 }

 .list-card.clone-cards:hover .developer-tile {
     border-radius: 0 0 20px 20px;
     padding: 20px 15px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     min-height: 60px;
     transition: transform 0.7s ease-out;
     background-color: var(--Black);
     transform: translateY(560px);
     z-index: 1;
 }

 .list-card {
     position: relative;
 }

 .list-card .list-img img {
    width: 100%;
    min-width: 100%;
    height: 320px;
    object-fit: cover;
    @media (max-width:1750px) {
        height: 242px;
    }
    @media (max-width:992px) {
        height: 215px;
    }
    @media (max-width:576px) {
        height: 207px;
    }
 }

 .slick-slider .list-card .list-img img {
     min-width: 100%;
 }

 .list-card .list-details {
     padding: 20px;
 }

 .list-card .list-location,
 .list-card .list-home,
 .list-card .list-starting {
     color: var(--black-40);
     margin-bottom: 13px;
     /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
 }

 .list-card .list-location {
     min-height: auto;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     color: var(--text_color);
     font-size: 14px;
     line-height: 16px;
 }

 .list-card.new-projects .list-location,
 .list-card.new-projects .list-home,
 .list-card.new-projects .list-starting {
     margin-bottom: 5px;
 }

 .list-card .list-location:before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
     background: url(../img/icons/map-pinloc.svg) no-repeat center;
     background-size: contain;
     width: 18px;
     height: 18px;
 }

 .list-card .list-home:before {
     content: url(../img/icons/list-home.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .list-card .list-starting:before {
     content: url(../img/icons/list-bag.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .list-card .list-clock:before {
     content: url(../img/icons/ico-cal-insights.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .list-card .list-calender:before {
     content: url(../img/icons/ico-cal-2-insights.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .list-card .list-separator {
     border-top: 1px solid var(--black-10);
     margin-bottom: 20px;
 }
 .list-card .list-amenties ul{
    list-style: none;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    @media (min-width:1750px) {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        
    }
 }
 .list-card .list-amenties ul li.listitemamentiy{
     display: flex;
     align-items: center;
     padding: 8px 10px;
     background-color: var(--bg_light);
     position: relative;
     border-radius: 7px;
     gap: 7px;
    @media (min-width:1750px) {
        justify-content: center;
    }
 }
.list-card .list-amenties ul li.listitemamentiy .icon{
    max-width: 14px;
    overflow: hidden;
}
.list-card .list-amenties ul li.listitemamentiy .icon img{
    max-width: 100%;
    height: auto;
    object-fit: contain;
}


 .list-card .list-amenties ul li h5 {
     color: var(--heading_black);
     font-size: 13px;
     font-weight: 400;
     line-height: 18px;
     display: inline-block;
     max-width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin: 0;
}
.socialsicon{
    gap: 4px;
}
 .list-card .agent-details .social{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: var(--primary);
    @media (max-width:992px) {
        width: 28px;
        height: 28px;
    }
    @media (max-width:576px) {
        width: 26px;
        height: 26px;
    }
 }

 .agent-details .agent-img {
     width: 40px;
     height: 40px;
     border-radius: 100px;
     display: block;
 }

 .agent-details h5 {
     margin: 0;
     white-space: nowrap;
     font-size: 15px;
     font-weight: bold;
     color: var(--primary);
 }

 .exclusive-offers .agent-details h5 {
     width: 112px;
 }

 .agent-details .agent-designation {
     color: var(--heading_black);
     font-size: 13px;
     line-height: 18px;
     font-weight: 400;
 }

 .all-property {
     padding-top: 80px;
     padding-bottom: 80px;
 }

 .all-property h2 {
     margin-bottom: 20px;
     text-transform: uppercase;
 }

 .section-separator {
     border-top: 1px solid var(--black-20);
     margin-top: 40px;
     margin-bottom: 40px;
 }


 .all-property-slider .list-card {
     margin-right: 20px;
     max-width: 425px;
 }

 .burger-menu .col-get-in-touch {
     width: 100%;
     max-width: 425px;
 }

 .burger-menu .col-get-in-touch .company-links ul {
     margin: 0 0 60px 0;
 }

 .burger-menu .separator {
     border-top: 1px solid var(--white-10);
 }

 .burger-menu .footer-row {
     padding: 30px 0;
 }

 .burger-menu .footer-row p {
     color: var(--white-50);
 }

 .pr-10 {
     position: relative;
     top: -10px;
 }

 .footer .header-link {
     color: var(--white-50);
 }

 .row-footer-info {
     padding-top: 80px;
 }

 .card-get-in-touch {
     width: 100%;
     /* max-width: 425px; */
     background-color: var(--Black-2);
     border-radius: 20px 20px 0 0;
     padding: 20px;
 }

 .card-get-in-touch .agent-row .agent-img {
     width: 70px;
     height: 70px;
     object-fit: cover;
     object-position: top;
     border-radius: 999px;
 }

 .card-get-in-touch .agent-row .agent-designation {
     color: var(--white-50);
 }

 .card-get-in-touch .card-separator {
     border: 1px solid var(--Black-3);
     margin: 20px 0 40px;
 }

 .card-get-in-touch .get-desc {
     width: 100%;
     max-width: 294px;
     margin-bottom: 30px;
 }

 .links-wrapper {
     border-radius: 20px;
     background-color: var(--Black-3);
     padding: 20px;
     position: relative;
     top: -10px;
     overflow: hidden;
     margin-bottom: 0px;
 }

 .links-wrapper .menu-1 {
     color: var(--Beige-01);
 }

 .links-wrapper .btn-primary {
     overflow: visible;
 }

 .links-wrapper .btn-primary:after {
     content: attr(data-contact);
     color: var(--Beige-01);
     font-size: 15px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     position: absolute;
     right: auto;
     left: 50px;
     white-space: nowrap;
 }

 .links-wrapper .btn-primary {
     background-color: var(--Orange-02);
 }

 .links-wrapper .d-flex {
     overflow: hidden;
 }

 .footer .company-links ul {
     /* margin-bottom: 280px; */
 }

 .footer .row-footer-info .company-links-1 {
     margin-bottom: 20px;
 }

 .footer .row-footer-info .company-links-2 {
     margin-top: 30px;
 }

 .footer .row-footer-info .company-links-3 {
     margin-top: 25px;
 }

 .footer .row-footer-info .company-links-3 ul {
     margin-bottom: 40px;
 }

 .footer .row-footer-info .company-links ul li {
     margin-bottom: 18px;
 }

 a,button {
     transition: 0.7s ease !important;
     color: inherit;
 }

 .company-links li a:hover {
     color: var(--white-60) !important;
 }

 .all-property .list-card {
     position: relative;
     /* min-height: 618px; */
     /* min-height: 642px; */
     z-index: 9;
     background-color: var(--White);
     /* max-width: 425px; */
     border-radius: 16px;
     padding: 12px;
     overflow: hidden;
    @media (max-width:992px) {
        padding: 8px;
    }

 }

 .buy .all-property-buy .list-card {
     max-width: 100%;
 }

 .all-property .list-card .list-img-slider {
     z-index: 9;
     width: 100%;
     overflow: hidden;
 }

 .all-property .list-card .list-img-slider .list-img {
     border-radius: 10px;
     width: 100%;
     overflow: hidden;
     position: relative;
 }

 .all-property .list-card .list-img-slider .list-img::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 }

 .all-property .list-card:hover {
     border-color: var(--secondary);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }



 .buy .all-property-buy .list-card .list-img-slider {
     max-width: 100%;
 }

 .all-property .list-details {
    padding: 14px 0 10px;
    position: relative;
    z-index: 9;
    background: transparent;
    border-radius: unset;
 }
 .all-property .list-card h2.title{
    font-size: 20px;
    font-weight: 400;
    color: var(--heading_black);
    line-height: 26px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
 }
 .all-property .list-card h4 {
    color: var(--heading_black);
    font-size: 18px;
    font-weight: 600;
    margin: 12px 0 10px;
 }
 .all-property .list-card.developer-card h4{
    text-transform: uppercase;
 }
 .all-property .list-card h4 span{
    font-size: 14px;
    line-height: 20px;
    color: var(--heading_black);
    font-weight: 400;
    margin-right: 8px;
}
.all-property .list-card .agent-details.listagents{
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid rgba(90, 90, 90, 0.2);
}
.pricewithslide{
    position: relative;
}
 .developer-tile {
     border-radius: 0 0 20px 20px;
     padding: 39px 15px 20px;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     min-height: 60px;
     transform: translateY(400px);
     transition: transform 0.7s ease-out;
     z-index: -11111;
 }

 .list-card:hover .developer-tile {
     background-color: var(--Black);
     transform: translateY(564px);
     z-index: 1;
 }

 .developer-tile h5 {
     color: var(--Beige-01);
     text-align: center;
     margin: 0;
 }


 /* Slick Custom Arrows */

 span.slick-disabled {
     opacity: 0.4;
 }

 .btn-wrap .slick-btn {
     border: 1px solid var(--secondary-light);
     width: 44px;
     height: 44px;
     border-radius: 999px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: 0.7s all;
     margin-left: 6px;
     user-select: none;
 }

 .btn-wrap .slick-btn:first-child {
     margin-left: 0;
 }

 .btn-wrap .slick-btn:hover {
     border-color: var(--secondary);
     background-color: var(--secondary);
 }

 .btn-wrap .slick-btn:hover img {
     filter: brightness(0) invert(1);
 }

 .btn-wrap .prev-btn img {
     transform: rotate(180deg);
 }

 .pro-controls {
     padding-bottom: 50px;
 }

 .prop-btns-col ul {
     padding:0;
     margin: 0;
 }

 .btn-capsule {
     display: inline-flex;
     height: 42px;
     padding:7px 28px 9px;
     font-size: 16px;
     justify-content: center;
     align-items: center;
     gap: 15px;
     flex-shrink: 0;
     border-radius: 60px;
     border: 1px solid var(--light_color);
     margin-right: 0px;
     cursor: pointer;
     transition: 0.7s ease;
     user-select: none;
     color: var(--light_color);
     text-transform: uppercase;
 }

 .btn-capsule.active {
     color: var(--White);
     background: var(--primary);
     border-color: var(--primary);
     font-weight: 700;
 }
 .main-cat ul{
     padding: 0;
     margin: 0 auto 12px;
     width: fit-content;
     gap: 10px;
 }
 .btnformselecter {
     display: inline-flex;
     padding: 12px 43px;
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
     justify-content: center;
     align-items: center;
     border-radius: 100px;
     cursor: pointer;
     transition: 0.7s ease;
     user-select: none;
     color: var(--heading_black);
     background-color: var(--White);
     text-transform: uppercase;
 }

 .btnformselecter.active {
    color: var(--White);
    background-color: var(--primary);
 }

 .pro-controls ul {
     gap: 16px
 }


 .main-heading {
     padding-bottom: 150px;
     border-radius: 0 0 20px 20px;
     position: relative;
     background: #fffcf5;
     z-index: 6;
     top: 45px;
 }

 .main-heading .btn-primary,
 .dev-sec .btn-primary {
     width: 100%;
     max-width: 425px;
     min-height: 50px;
     transition: 0.7s ease;
     align-items: center;
     justify-content: center;
     display: flex;
     line-height: 23px;
     background-color: transparent;
     color: var(--primary);
     border: 1px solid var(--primary);
 }

 .main-heading .btn-primary:hover,
 .dev-sec .btn-primary:hover {
     background-color: var(--primary);
     color: var(--Beige-01);
 }

 .video-content {
     position: absolute;
     padding: 165px 80px 100px;
     z-index: 4;
     top: 0;
     width: 100%;
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .video-content h2 {
     color: var(--Beige-01);
     width: 100%;
     max-width: 930px;
     margin-bottom: 30px;
 }

 .video-content .btn-primary {
     margin-top: auto;
     align-self: flex-end;
     width: 100%;
     max-width: 425px;
     min-height: 50px;
     line-height: 23px;
     background-color: var(--Beige-01);
     color: var(--Black);
 }

 .dev-sec {
     /* padding: 150px 0 15px; */
     padding: 150px 0 150px;
 }

 .developer-slider-section {
     overflow: hidden;
     /* margin-left: 80px; */
 }

 .dev-slider {
     overflow: hidden;
     /* margin-left: 308px; */
 }

 .dev-slider .slick-slide {
     margin-right: 20px;
 }

 .dev-card {
     width: 100%;
     min-width: 314px;
     max-width: 314px;
     height: 350px;
     display: flex !important;
     align-items: center;
     justify-content: center;
     border-radius: 20px;
     background-color: var(--Beige-02);
     position: relative;
     /* margin-right: 20px; */
     bottom: 60px;
     margin-top: 60px;
 }

 .dev-card img {
     width: 170px;
     height: auto;
     object-fit: cover;
 }

 .dev-card .developer-tile {
     border-radius: 0 0 20px 20px;
     padding: 40px 15px 20px;
     position: absolute;
     bottom: -60px;
     left: 0;
     right: 0;
     min-height: 0px;
     transition: transform 0.7s ease-out;
     background: var(--Black);
     transform: translateY(0);
     top: auto;
     height: 80px;
     z-index: -1;
 }

 .form-bg-1 {
    background-image: url(../img/bgformsection.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    display: flex;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 120px;
    border-radius: unset;
    overflow: hidden;
    @media (max-width:1750px) {
        padding-top: 96px;
        padding-bottom: 96px;
    }
    @media (max-width:992px) {
        padding-top: 96px;
        padding-bottom: 96px;
    }
    @media (max-width:576px) {
        padding-top: 50px;
        padding-bottom: 50px;
    }
 }

 .dev-sec.publication .dev-card {
     height: 400px;
     margin-right: 20px;
 }

 .dev-sec.publication .developer-slider-section {
     margin-left: 80px;
 }

 .dev-sec.publication .dev-card .developer-tile {
     background-color: var(--Beige-03);
 }

 .dev-sec.publication .dev-card .developer-tile h5 {
     color: var(--Black);
 }

 .dev-sec.publication .dev-card img {
     position: relative;
     /* background: linear-gradient(359.81deg,
            #000000 -3.57%,
            rgba(0, 0, 0, 0) 51.01%),
        url(ahmed-aldaie-j-nRfGUHswQ-unsplash.jpg); */
     background: linear-gradient(359.81deg, #000000 -3.57%, rgba(0, 0, 0, 0) 51.01%);
     border-radius: 20px;
     height: 400px;
     width: 100%;
     object-fit: cover;
 }

 .dev-sec.publication .publication-date {
     min-width: 69px;
     min-height: 30px;
     padding: 8px 14px 6px 14px;
     border-radius: 100px;
     background-color: var(--Beige-03);
     position: absolute;
     top: 20px;
     left: 20px;
     z-index: 1;
 }

 .dev-sec.publication .publication-desc {
     position: absolute;
     z-index: 1;
     color: var(--Beige-01);
     bottom: 40px;
     left: 20px;
     width: 100%;
     max-width: 260px;
 }

 .dev-sec.publication .pub-slider {
     /* margin-left: 215px; */
 }

 .fancy-btn-outer {
     position: absolute;
     top: 100px;
     right: 80px;
 }

 .fancy-btn-wrapper {
     display: inline-block;
     position: relative;
     overflow: hidden;
 }

 .fancy-btn-wrapper:before {
     content: "";
     width: 70px;
     height: 80px;
     border-bottom: 1px solid rgba(37, 35, 36, 0.2);
     display: block;
     box-sizing: border-box;
     position: absolute;
     top: -65px;
     transform: rotate(-35deg);
     right: auto;
     left: -30px;
     background: #fffcf5;
     z-index: 4;
 }

 .fancy-btn-wrapper:after {
     content: "";
     width: 70px;
     height: 80px;
     border-bottom: 1px solid rgba(37, 35, 36, 0.2);
     border-top: 1px solid rgba(37, 35, 36, 0.2);
     display: block;
     box-sizing: border-box;
     position: absolute;
     bottom: -65px;
     transform: rotate(-35deg);
     right: auto;
     right: -30px;
     background: #fffcf5;
     z-index: 4;
 }

 .fancy-btn-wrapper .btn-primary {
     border: 1px solid rgba(37, 35, 36, 0.2);
     width: 80px;
     height: 80px;
     border-radius: 5px;
 }

 .fancy-btn-wrapper .btn-primary:hover {
     background-color: var(--Black);
 }

 .fancy-btn-wrapper img {
     position: relative;
     top: 10px;
 }

 .explore-services .hold:after {
     content: url(../img/icons/caret-right.png);
     filter: grayscale(100);
     /* padding-left: 5px; */
     padding-top: 0px;
     display: inline-block;
     vertical-align: text-top;
     transform: rotate(90deg);
 }


 /* .services-carousel h1:after {
    content: attr(data-text);
} */

 .services-carousel {
     -webkit-transition: opacity 2000s ease-in-out;
     -moz-transition: opacity 2000s ease-in-out;
     -ms-transition: opacity 2000s ease-in-out;
     -o-transition: opacity 2000s ease-in-out;
     opacity: 1;
 }

 .services-carousel .service-img {
     position: relative;
     /* background: linear-gradient(0deg, #000000 -1%, rgba(0, 0, 0, 0) 42.6%),
        url(omar-yehia-v8qWbKNEAIE-unsplash.jpg); */
     background: linear-gradient(0deg, #000000 -1%, rgba(0, 0, 0, 0) 42.6%);
     border-radius: 20px;
     min-width: 376px;
     max-width: 376px;
     height: 600px;
     object-fit: cover;
 }

 .services-carousel .services-content {
     position: absolute;
     top: 480px;
     left: 20px;
 }

 .services-carousel .service-wrapper {
     position: relative;
 }

 .services-carousel .services-content .service-desc {
     margin-top: 15px;
     font-size: 15px;
     font-weight: 400;
     line-height: 21px;
     letter-spacing: 0em;
     text-align: left;
     color: var(--white-80);
     width: 100%;
     max-width: 247px;
 }

 .services-carousel .slick-dots {
     bottom: auto;
     top: 0;
     right: auto;
     left: 430px;
     width: 100%;
     max-width: 30px;
 }

 .services-carousel .slick-dots li {
     display: block;
     margin-bottom: 5px;
 }

 .services-carousel {
     width: 100%;
 }

 .services-carousel .slick-list {
     border-radius: 20px;
 }

 .services-carousel.slick-dotted.slick-slider {
     margin-bottom: 0;
 }

 .services-carousel .slick-dots li.slick-active button:before {
     transition: 2.5s ease;
 }

 .services-link {
     position: absolute;
     right: auto;
     left: 480px;
     z-index: 9;
 }

 .services-link ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .services-link ul li {
     font-size: 15px;
     font-weight: 400;
     line-height: 20px;
     letter-spacing: 0em;
     text-align: left;
     cursor: pointer;
     margin-bottom: 5px;
     color: var(--black-40);
     transition: 1s ease;
 }

 .services-link ul li.active {
     color: var(--Black);
 }

 .col-services-carousel {
     width: 100%;
 }

 .explore-services .search-all-link {
     width: 100%;
     max-width: 132px;
     margin-left: -15px;
     position: absolute;
     top: auto;
     bottom: 0;
     left: auto;
     right: 10px;
 }

 .form-bg-1 .modal-body .dropdown-menu.show {
     transform: translate(0, 23px) !important;
     top: 10px !important;
 }

 .list-card .slick-dots li {
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 4px;
     padding: 0;
     cursor: pointer;
     transition: 0.7s ease;
 }

 .list-card .slick-dots li button {
     width: 10px;
     height: 10px;
     padding: 0;
     line-height: 0;
     transition: 0.1s ease;
 }

 .list-card .slick-dots li button:before {
     width: 10px;
     height: 10px;
     background-color: var(--Beige-01);
     border-radius: 100%;
     color: var(--Beige-01);
     opacity: 0.5;
     line-height: 0;
     transition: 0.1s ease;
     content: "";
 }

 .list-card .slick-dots li:hover button:before {
     opacity: 1;
 }

 .list-card .slick-dots li.slick-active button,
 .list-card .slick-dots li.slick-active {
     width: 15px;
 }

 .list-card .slick-dots li.slick-active button:before {
     content: "";
     opacity: 1;
     left: 0;
     width: 15px;
     display: inline-block;
     border-radius: 10px;
 }


 /* Custom Select */

 .chosen-value,
 .value-list {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }

 .chosen-value {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    background-color: transparent;
    border: 1px solid var(--light_color);
    border-radius: 65px;
    transition: 0.3s ease-in-out;
    padding: 17px 30px;
    min-height: 52px;
    color: var(--Black);
    position: relative;
    background-image: url(../img/icons/caret-down-black.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    width: 100%;
 }

 .show .chosen-value {
     border-radius: 5px 5px 0 0;
 }

 .buy .chosen-value {
     background-color: var(--Beige-01);
     /* width: 202px; */
     width: 100%;
 }

 .chosen-value::-webkit-input-placeholder {
     color: var(--black-40);
 }

 .chosen-value:hover {
     background-color: var(--Beige-03);
     cursor: pointer;
 }

 .buy .more-filters-tray .chosen-value:hover {
     background-color: var(--Beige-02);
 }

 .chosen-value:hover::-webkit-input-placeholder {
     color: var(--black-40);
 }

 .chosen-value:focus,
 .chosen-value.open {
     outline: 0;
     background-color: var(--Beige-02);
     color: var(--Black);
 }

 .chosen-value:focus::-webkit-input-placeholder,
 .chosen-value.open::-webkit-input-placeholder {
     color: var(--black-40);
 }

 .value-list {
     list-style: none;
     margin-top: 4rem;
     overflow: hidden;
     max-height: 0;
     transition: 0.3s ease-in-out;
 }
 .value-list.open h4{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom:10px;
    color: var(--heading_black);
 }

 .value-list.open {
     max-height: 320px;
     overflow: hidden;
     background-color: var(--White);
     border-radius: 0 0 5px 5px;
     margin-top: 1px;
     padding: 0 0px 15px 30px;
     z-index: 9;
     border: 1px solid var(--secondary_text);
     border-top: 0;

 }

 .value-list li label {
     font-size: 14px;
     margin-bottom: 2px;
     color: var(--bs-dark);
 }

 .value-list-wrapper {
     max-height: 210px;
     overflow: auto;
     padding-top: 10px;
 }
 ul.value-list-wrapper{
    @media (min-width:1750px) {
        display: flex;
        gap: 12px;
    }
 }

 .value-list li {
     position: relative;
     margin-bottom: 10px;
 }

 .chosen-value-size .value-list input {
     width: 100%;
     border: 1px solid var(--secondary_text);
     border-radius: 50px;
     padding: 5px 12px;
     font-size: 14px;
 }

 .chosen-value-size .value-list.open {
     padding: 10px 15px 15px 15px;
 }

 .value-list li:first-child {
     /* border-top: 1px solid var(--black-10);
    padding-top: 20px;
    margin-top: 20px; */
 }

 .value-list li.active:before {
     content: url(../img/icons/list-dot.png);
     margin-right: 8px;
 }

 .value-list li:hover:not(.active) {
     cursor: pointer;
     color: var(--black-40);
 }

 .value-list li.closed {
     max-height: 0;
     overflow: hidden;
     padding: 0;
     opacity: 0;
     display: none;
 }


 /* Custom Scrollbar Styling */

 .custom-scroll-wrapper::-webkit-scrollbar-track,
 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 100px;
     background-color: var(--black-10);
     margin-top: 30px;
     margin-bottom: 10px;
 }

 .custom-scroll-wrapper::-webkit-scrollbar,
 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
     width: 4px;
     background-color: transparent;
 }

 .custom-scroll-wrapper::-webkit-scrollbar-thumb,
 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
     border-radius: 100px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: var(--Black);
     margin-top: 10px;
     margin-bottom: 10px;
 }


 /* Form Submission Effect */

 .overlay-form {
     opacity: 0;
     position: absolute;
     /* width: 100%; */
     width: calc(100% + 20px);
     height: 100%;
     background-color: var(--Beige-01);
     border-radius: 20px;
     top: 0;
     right: 0;
     transition: opacity 0.6s ease;
     z-index: -1;
     left: -5px;
 }

 #exampleModal .overlay-form {
     width: calc(100% + 80px);
     height: calc(100% + 90px);
     top: -50px;
     right: -40px;
 }

 #submitForm,
 #submitForm_header,
 #schedulemodalForm,
 #submitFormproject,
 #submitFormbrocher,
 #job_form,
 #submitForm2 {
     position: relative;
 }

 #submitFormbrocher.success .overlay-form,
 #submitFormbrocher.haserrors .overlay-form,
 #submitFormproject.success .overlay-form,
 #submitFormproject.haserrors .overlay-form,
 #submitForm.success .overlay-form,
 #submitForm.haserrors .overlay-form,
 #submitForm_header.success .overlay-form,
 #schedulemodalForm.success .overlay-form,
 #job_form.success .overlay-form,
 #submitForm2.success .overlay-form,
 #submitForm_header.haserrors .overlay-form,
 #schedulemodalForm.haserrors .overlay-form,
 #job_form.haserrors .overlay-form,
 #submitForm2.haserrors .overlay-form {
     opacity: 1;
     z-index: 9;
 }

 #submitFormbrocher .btn-primary,
 #submitFormproject .btn-primary,
 #submitForm .btn-primary,
 #submitForm_header .btn-primary,
 #schedulemodalForm .btn-primary,
 #job_form .bt_header,
 #submitForm2 .bt_header,
 #job_form .btn-primary,
 #submitForm2 .btn-primary {
     transform: translateY(0px);
     transition: transform 0.6s ease;
 }

 #submitFormbrocher.success .btn-primary,
 #submitFormbrocher.haserrors .btn-primary,
 #submitFormproject.success .btn-primary,
 #submitFormproject.haserrors .btn-primary,
 #submitForm.success .btn-primary,
 #submitForm.haserrors .btn-primary,
 #submitForm_header.success .btn-primary,
 #schedulemodalForm.success .btn-primary,
 #job_form.success .btn-primary,
 #submitForm2.success .btn-primary,
 #submitForm_header.haserrors .btn-primary,
 #schedulemodalForm.haserrors .btn-primary,
 #job_form.haserrors .btn-primary,
 #submitForm2.haserrors .btn-primary {
     z-index: 9;
     transform: translateY(-110px);
 }

 #submitFormbrocher .success-message,
 #submitFormproject .success-message,
 #submitForm .success-message,
 #submitForm .success-message_header,
 #submitForm_header .success-message,
 #schedulemodalForm .success-message,
 #submitForm_header .success-message_header,
 #schedulemodalForm .success-message_header,
 #job_form .succes_header,
 #submitForm2 .succes_header,
 #job_form .success-message,
 #submitForm2 .success-message {
     position: absolute;
     opacity: 0;
     transition: opacity 0.6s ease;
     width: 100%;
     max-width: 490px;
     text-align: center;
     margin: auto;
     left: 0;
     right: 0;
     top: 38%;
     z-index: -1;
 }

 #submitFormbrocher.success .success-message,
 #submitFormbrocher.haserrors .success-message,
 #submitFormproject.success .success-message,
 #submitFormproject.haserrors .success-message,
 #submitForm.success .success-message,
 #submitForm.haserrors .success-message,
 #submitForm_header.success .success-message,
 #schedulemodalForm.success .success-message,
 #job_form.success .success-message,
 #submitForm2.success .success-message,
 #submitForm_header.haserrors .success-message,
 #schedulemodalForm.haserrors .success-message,
 #job_form.haserrors .success-message,
 #submitForm2.haserrors .success-message {
     z-index: 9;
     opacity: 1;
 }

 #submitFormbrocher.success .success-message .error-text,
 #submitFormproject.success .success-message .error-text,
 #submitForm.success .success-message .error-text,
 #submitForm_header .success-message .error-text,
 #schedulemodalForm .success-message .error-text,
 #job_form.success .success-message .error-text,
 #submitForm2.success .success-message .error-text {
     display: none;
 }

 #submitFormbrocher.success .success-message .success-text,
 #submitFormproject.success .success-message .success-text,
 #submitForm.success .success-message .success-text,
 #submitForm_header.success .success-message,
 #schedulemodalForm.success .success-message,
 #job_form.success .success-message .success-text,
 #submitForm2.success .success-message .success-text {
     display: block;
 }

 #submitFormbrocher.haserrors .success-message .success-text,
 #submitFormproject.haserrors .success-message .success-text,
 #submitForm.haserrors .success-message .success-text,
 #submitForm_header.haserrors .success-message .success-text,
 #schedulemodalForm.haserrors .success-message .success-text,
 #job_form.haserrors .success-message .success-text,
 #submitForm2.haserrors .success-message .success-text {
     display: none;
 }

 #submitFormbrocher.haserrors .success-message .error-text,
 #submitFormproject.haserrors .success-message .error-text,
 #submitForm.haserrors .success-message .error-text,
 #submitForm_header.haserrors .success-message .error-text,
 #schedulemodalForm.haserrors .success-message .error-text,
 #job_form.haserrors .success-message .error-text,
 #submitForm2.haserrors .success-message .error-text {
     display: block;
 }


 /* For Chrome, Safari, and newer versions of Edge */

 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 30px var(--Beige-03) inset;
 }


 /* For Firefox */

 input:-moz-autofill {
     -moz-box-shadow: 0 0 0 30px var(--Beige-03) inset;
 }

 :focus-visible {
     outline: none !important;
 }

 .maintenance {
     padding-top: 110px;
     padding-bottom: 72px;
 }

 .bg-maintenance {
     width: 100%;
     max-width: 700px;
 }

 .maintenance h1 {
     font-size: 140px;
     font-weight: 300;
     line-height: 126px;
     text-align: left;
     margin-bottom: 50px;
 }

 .maintenance p {
     font-size: 24px;
     font-weight: 400;
     line-height: 29px;
     letter-spacing: 0em;
     text-align: left;
     color: var(--white-60);
     width: 100%;
     max-width: 592px;
     margin-bottom: 50px;
 }

 .maintenance ul {
     margin: 0;
 }

 .maintenance li,
 .maintenance li a {
     font-size: 24px;
     font-weight: 600;
     line-height: 29px;
     letter-spacing: 0em;
     text-align: left;
 }

 .page-progress {
     padding-bottom: 30px;
 }

 .page-progress .col-1 {
     flex: 1 0 72%;
 }

 .page-progress .col-3 {
     flex: 1 0 70.5%;
 }

 @media (min-width: 1121px) {
     .maintenance .col-desc {
         flex: 0 0 53%;
     }
 }

 @media (max-width: 1919px) {
     .bg-maintenance {
         width: 100%;
         max-width: 500px;
     }

     .maintenance h1 {
         font-size: 100px;
         font-weight: 300;
         line-height: 90px;
         text-align: left;
         margin-bottom: 50px;
     }

     .maintenance p {
         font-size: 20px;
         font-weight: 400;
         line-height: 24px;
         text-align: left;
         color: var(--white-60);
         width: 100%;
         max-width: 500px;
         margin-bottom: 50px;
     }

     .maintenance ul {
         width: 100%;
         max-width: 400px;
     }

     .maintenance li,
     .maintenance li a {
         font-size: 20px;
         font-weight: 600;
         line-height: 24px;
         letter-spacing: 0em;
         text-align: left;
     }
 }

 @media (max-width: 1120px) {
     .maintenance {
         padding-top: 100px;
         padding-bottom: 228px;
     }

     .bg-maintenance {
         display: none;
     }

     .bg-maintenance {
         width: 100%;
         max-width: 500px;
     }

     .maintenance h1 {
         font-size: 100px;
         font-weight: 300;
         line-height: 90px;
         letter-spacing: -0.03em;
         text-align: center;
         margin-bottom: 50px;
     }

     .maintenance p {
         font-size: 20px;
         font-weight: 400;
         line-height: 24px;
         letter-spacing: 0em;
         text-align: center;
         color: var(--white-60);
         width: 100%;
         max-width: 500px;
         margin: 0 auto 50px;
     }

     .maintenance ul {
         width: 100%;
         max-width: 400px;
         margin: auto;
         text-align: center;
     }

     .maintenance li,
     .maintenance li a {
         font-size: 20px;
         font-weight: 600;
         line-height: 24px;
         letter-spacing: 0em;
         text-align: center;
     }
 }

 @media (max-width: 767px) {
     .maintenance {
         padding-top: 50px;
         padding-bottom: 80px;
     }

     .maintenance-body .header-row-1 .row {
         padding: 15px;
         margin: 0 5px;
     }

     .bg-maintenance {
         display: none;
     }

     .bg-maintenance {
         width: 100%;
         max-width: 500px;
     }

     .maintenance h1 {
         font-size: 50px;
         font-weight: 300;
         line-height: 45px;
         letter-spacing: -0.03em;
         text-align: center;
         margin-bottom: 30px;
     }

     .maintenance p {
         font-size: 16px;
         font-weight: 400;
         line-height: 19px;
         letter-spacing: 0em;
         text-align: center;
         color: var(--white-60);
         width: 100%;
         max-width: 500px;
         margin: 0 auto 50px;
     }

     .maintenance ul {
         width: 100%;
         max-width: 400px;
         margin: auto;
         text-align: center;
     }

     .maintenance li,
     .maintenance li a {
         font-size: 16px;
         font-weight: 400;
         line-height: 19px;
         letter-spacing: 0em;
         text-align: center;
     }
 }

 @media (max-width: 576px) {
     .page-progress .col-1 {
         flex: 1 0 62%;
     }

     .page-progress .col-3 {
         flex: 1 0 50.5%;
     }
 }

 @media (max-width: 359px) {
     .page-progress .col-1 {
         flex: 1 0 62%;
     }

     .page-progress .col-3 {
         flex: 1 0 45%;
     }
 }


 /*Community listing page*/

 .community .community_sortForm {
     border: none;
     outline: none;
     color: #4A5E6D;
 }


 /*Community listing page*/


 /* Buy Page */

 .buy-filter {
     padding: 70px 0 40px;
 }

 .page-breadcrumb {
     margin-bottom: 10px;
 }

 .buy-filter h2 {
     margin-bottom: 40px;
 }

 .buy-filter .search-module {
     padding: 21px 20px;
 }

 .buy-filter .search-separator {
     padding-top: 20px;
     margin-top: 20px;
 }

 .buy-filter .search-module .search-bar {
     padding: 8px 3px 8px 30px;
     width: 502px;
     padding: 3px 3px 3px 30px;
     width: 502px;
     margin-top: 18px;
 }

 .buy-filter .btn-filter {
     width: 160px;
     height: 60px;
     background: transparent;
     border: 1px solid var(--primary);
     color: var(--primary);
     position: relative;
     padding: 10px 30px 10px 10px;
     margin: 0 20px 0 10px;
 }

 .buy-filter .btn-search {
     width: 60px;
     height: 60px;
     line-height: 38px;
 }

 .buy-filter .btn-filter:hover,
 .buy-filter .btn-filter.active {
     background-color: var(--primary);
     color: var(--Beige-01);
 }

 .buy-filter .btn-filter.active:hover {
     background: transparent;
     color: var(--primary);
 }

 .buy-filter .btn-filter:after {
     transition: transform 0.7s ease;
     content: url(../img/icons/caret-down-orange.png);
     display: inline-block;
     transform: rotate(0deg);
     position: absolute;
     top: 20px;
     right: 25px;
     transform: translateY(1px);
 }

 .buy-filter .btn-filter:hover:after,
 .buy-filter .btn-filter.active:after {
     transform: rotate(180deg) translateY(1px);
     filter: brightness(100);
 }

 .buy-filter .btn-filter.active:hover:after {
     filter: none;
 }

 .buy-filter .value-list-wrapper {
     width: auto;
 }

 .buy .more-filters-tray {
     position: absolute;
     bottom: auto;
     width: 100%;
     background: var(--Beige-03);
     max-width: 770px;
     top: 235px;
     right: 0;
     border-radius: 20px;
     height: 550px;
     overflow: auto;
     padding: 30px;
     transition: opacity 0.5s ease;
     opacity: 0;
     visibility: hidden;
 }

 .new-projects .more-filters-tray {
     max-width: 372px !important;
     height: 295px;
     right: 90px !important;
 }

 .buy .more-filters-tray.show {
     opacity: 1;
     visibility: visible;
 }

 .buy .more-filters-tray .search-bar,
 .buy .more-filters-tray .selector {
     width: 472px;
 }

 .buy .more-filters-tray .property-type {
     width: 226px;
 }

 .buy .amenities-col {
     width: 100%;
     /* max-width: 630px; */
 }

 .buy .amenities-col .form-group input {
     padding: 0;
     height: initial;
     width: initial;
     margin-bottom: 0;
     display: none;
     cursor: pointer;
 }

 .buy .amenities-col .form-group label {
     position: relative;
     cursor: pointer;
     line-height: 16px;
     margin-bottom: 20px;
 }

 .buy .amenities-col .form-group label span {
     font-size: 13px;
     font-weight: 400;
     line-height: 16px;
     letter-spacing: 0em;
     text-align: left;
 }

 .buy .amenities-col .form-group label:before {
     content: "";
     -webkit-appearance: none;
     background-color: transparent;
     border: 1px solid var(--Black);
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
     padding: 9px;
     display: inline-block;
     position: relative;
     vertical-align: middle;
     cursor: pointer;
     margin-right: 10px;
     border-radius: 2px;
 }

 .buy .amenities-col .form-group input:checked+label:after {
     content: "";
     display: block;
     position: absolute;
     top: 4px;
     left: 8px;
     width: 5px;
     height: 10px;
     border: solid var(--Black);
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
 }

 .buy .col-reset .btn-primary {
     height: 60px;
     line-height: 35px;
 }

 .buy .col-reset .btn-reset {
     background: transparent;
     border: 1px solid var(--primary);
     color: var(--primary);
 }

 .buy-filter .btn-reset:hover {
     background-color: var(--primary);
     color: var(--Beige-01);
 }

 .buy .listings-grid .map-btn {
     color: var(--primary);
 }

 .buy .map-col .map-btn:after {
     content: url(../img/icons/map-icon.svg);
 }

 .buy .map-col .map-btn:hover:before {
     content: url(../img/icons/map-icon.svg);
 }

 .buy .map-col .map-btn.index-view:after {
     content: url(../img/icons/Union.svg);
 }

 .buy .map-col .map-btn.index-view:hover:before {
     content: url(../img/icons/Union.svg);
 }

 .buy .map-col .search-all-link:hover:after {
     content: none;
 }

 .buy .exclusive-offers::before {
     content: url(../img/icons/Group.png);
     display: inline-block;
     vertical-align: text-top;
 }

 .buy .exclusive-offers .list-card .list-img-slider {
     max-width: 251px;
     font-size: 0;
 }

 .buy .exclusive-offers .list-card .list-img img {
     width: 100%;
     max-width: 251px;
     /* height: 366px; */
     height: 384px;
     object-fit: cover;
     border-radius: 20px;
 }

 .buy .exclusive-offers .list-card .list-amenties ul {
     flex-direction: column;
 }

 .buy .exclusive-offers .list-card .list-amenties ul li:not(:last-child) {
     margin-bottom: 12px;
 }

 .buy .exclusive-offers .col-322 {
     width: 322px;
 }

 .buy .exclusive-offers .list-card {
     position: relative;
     /* min-height: 430px; */
     min-height: 454px;
     background-color: transparent;
 }

 .buy .exclusive-offers .list-card .list-location {
     /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
 }

 .buy .exclusive-offers .list-card .exc-card-wrapper {
     background-color: var(--Beige-02);
     border-radius: 20px;
 }

 .buy .exclusive-offers .list-card .developer-tile {
     transform: translateY(0px);
 }

 .buy .exclusive-offers .list-card:hover .developer-tile {
     /* transform: translateY(350px); */
     transform: translateY(364px);
     z-index: -1;
 }

 .buy .exclusive-offers .list-card .slick-list {
     border-radius: 20px;
 }

 .buy .all-property {
     padding-top: 0;
     margin-bottom: 0;
 }

 .buy .all-property .list-card {
     z-index: 0;
     margin-bottom: 20px;
 }

 .list-property-card {
     background-image: url(../img/icons/list-property-card-bg.png);
     display: flex;
     flex-direction: column;
     /* min-height: 563px; */
     min-height: 586px;
     justify-content: center;
     align-items: center;
     text-align: center;
     border-radius: 20px;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .list-property-card.list-property-card-home {
     width: 425px;
 }

 .list-property-card .p2 {
     width: 100%;
     max-width: 320px;
     color: var(--Beige-02);
 }

 .list-property-card .p-fast {
     width: 100%;
     max-width: 200px;
     color: var(--white-80);
     margin-top: 5px;
 }

 .list-property-card img {
     width: 50px;
     height: 50px;
     margin-bottom: 35px;
 }

 .list-property-card .btn-primary {
     margin-top: 25px;
     width: 345px;
 }

 .buy .listing-pagination .btn-capsule {
     max-width: 141px;
     padding: 16px 40px;
 }

 .buy .listing-pagination .btn-capsule {
     position: relative;
 }

 .buy .listing-pagination .btn-capsule-prev span {
     padding-left: 20px;
 }

 .buy .listing-pagination .btn-capsule-next span {
     padding-right: 20px;
 }

 .buy .listing-pagination .btn-capsule:hover {
     background-color: var(--Black);
 }

 .buy .listing-pagination .btn-capsule:hover span {
     color: var(--White);
 }

 .buy .listing-pagination .btn-capsule-prev span:before {
     content: url(../img/icons/caret-down-black.png);
     position: absolute;
     transform: rotate(90deg);
     left: 25px;
     top: 11px;
 }

 .buy .listing-pagination .btn-capsule-prev:hover span:before,
 .buy .listing-pagination .btn-capsule-next:hover span:after {
     filter: brightness(100);
 }

 .buy .listing-pagination .btn-capsule-next span:after {
     content: url(../img/icons/caret-down-black.png);
     position: absolute;
     transform: rotate(-90deg);
     right: 35px;
     top: 11px;
 }

 .buy .listing-pagination .pagination-list li {
     width: 44px;
     height: 44px;
     border-radius: 999px;
     border: 1px;
     gap: 10px;
     border: 1px solid var(--black-30);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
     transition: 0.5s ease;
 }

 .buy .listing-pagination .pagination-list li:hover {
     border-color: var(--Black);
 }

 .buy .listing-pagination .pagination-list li.active {
     background-color: var(--Black);
     border-color: var(--Black);
 }

 .buy .listing-pagination .pagination-list li.active .menu-1 {
     color: #fff !important;
 }

 .buy .explore-banner {
     padding-bottom: 170px;
     z-index: 6;
     position: relative;
     border-radius: 0 0 20px 20px;
     background: #fffcf5;
     top: 0;
     margin-bottom: -50px;
 }

 .buy .explore-banner-wrapper {
     background-color: var(--Beige-02);
     padding: 40px;
     border-radius: 20px;
 }

 .buy .explore-banner h4:before {
     content: url(../img/icons/Group-24.png);
     margin-right: 10px;
     vertical-align: middle;
 }

 .agents-img-grp {
     position: relative;
     display: inline-block;
     border-left: 1px solid var(--black-10);
     padding-left: 20px;
     margin-right: -35px;
 }

 .agents-img-grp img {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     position: relative;
     object-fit: cover;
     object-position: top;
 }

 .agents-img-grp img:nth-child(1) {
     top: 0;
     left: 0;
     z-index: 1;
 }

 .agents-img-grp img:nth-child(2) {
     top: 0px;
     left: -10px;
     z-index: 2;
 }

 .agents-img-grp img:nth-child(3) {
     top: 0px;
     left: -20px;
     z-index: 3;
 }

 .agents-img-grp img:nth-child(4) {
     top: 0px;
     left: -30px;
     z-index: 4;
 }

 .explore-banner-wrapper h5 {
     font-size: 16px;
     font-weight: 400;
     line-height: 19px;
     letter-spacing: 0em;
     text-align: left;
     width: 100%;
     max-width: 263px;
 }

 .buy .map-wrapper {
     font-size: 0;
     border-radius: 20px;
     margin-bottom: 40px;
 }

 .buy .map-wrapper iframe {
     border-radius: 20px;
 }

 .buy .sorting-row {
     margin-bottom: 40px;
 }

 .buy .sorting-row .row {
     padding: 27px 0;
     align-items: center;
 }

 .buy .sorting-row .properties-count {
     padding-right: 60px;
 }


 /* Detail Page */

 .buy.detail .buy-filter {
     padding: 70px 0 0;
 }

 .buy.detail .buy-filter h2 {
     /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 1145px; */
 }

 .buy.detail .image-galleries.image-galleries-text {
     margin: 0 -10px 20px;
 }

 .buy.detail .buy-filter h4 {
     font-size: 26px;
     font-weight: 600;
     line-height: 31px;
     letter-spacing: 0em;
     text-align: left;
 }

 .buy.detail .explore-banner-wrapper h4 {
     text-align: center;
 }

 .buy.detail .explore-banner-wrapper h5 {
     max-width: 627px;
     text-align: center;
     margin: auto;
 }

 .buy .explore-banner {
     margin-bottom: 40px;
     padding-bottom: 0;
 }

 .buy.detail .image-galleries {
     margin: 0 -10px 0px;
 }

 .buy.detail .image-galleries .img {
     border-radius: 20px;
     margin-bottom: 20px;
 }

 .buy.detail .image-galleries .col-gal-1 .img {
     height: 700px;
     object-fit: cover;
 }

 .buy.detail .image-galleries .col-gal-2 .img {
     height: 340px;
     object-fit: cover;
 }

 .buy.detail .image-galleries .col-gal-2-inner .img {
     height: 340px;
     object-fit: cover;
     max-width: 276px;
 }

 .buy.detail .col-gal-1,
 .buy.detail .col-gal-2 {
     padding: 0 10px;
 }

 .buy.detail .col-gal-1 {
     flex: 1;
 }

 .buy.detail .col-gal-2 {
     width: 100%;
     max-width: 593px;
 }

 .buy.detail .feature-properties {
     padding: 0;
     margin: 0;
     list-style: none;
     columns: 4;
     -webkit-columns: 4;
     -moz-columns: 4;
     margin-bottom: 40px;
 }

 .buy.detail .feature-properties li {
     margin-bottom: 12px;
 }

 .buy.detail .feature-properties li:before {
     content: url(../img/icons/ico-tick.svg);
     margin-right: 10px;
     vertical-align: sub;
 }

 .buy.detail .image-galleries .list-type.p1 {
     position: absolute;
     z-index: 1;
     top: 20px;
     left: 30px;
 }

 .buy.detail .image-galleries .list-type.p1 .list-type-label {
     background-color: var(--Black);
     color: var(--Beige-01);
     border-radius: 100px;
     padding: 7px 14px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     min-height: 32px;
 }

 .buy.detail .image-galleries .list-type-label.list-type-label-business.p1 {
     gap: 5px;
     margin-right: 7px;
 }

 .buy.detail .image-galleries .list-type-label-business:before {
     content: url(../img/icons/business-group.svg);
     position: relative;
     top: 1px;
 }

 .buy.detail .image-galleries .list-type-label-count {
     background-color: var(--Beige-01);
     border-radius: 100px;
     padding: 7px 14px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     min-height: 32px;
     position: absolute;
     z-index: 1;
     top: auto;
     bottom: 40px;
     left: 30px;
 }

 .buy.detail .image-galleries .list-type-label-count:before {
     content: url(../img/icons/ico-gal.svg);
     position: relative;
     top: 1px;
 }

 .buy.detail .value-card {
     background-color: var(--Beige-02);
     padding: 26px 20px 20px;
     border-radius: 20px;
 }

 .buy.detail .value-card ul {
     list-style-type: none;
 }

 .buy.detail .value-card ul li:not(.s-btn) a {
     min-width: 126px;
     background-color: #fffcf5;
     border-radius: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 40px;
     margin-right: 10px;
     margin-bottom: 14px;
     transition: 0.2s ease;
     border: 1px solid transparent;
 }

 .buy.detail .value-card ul li a:hover {
     background-color: transparent;
     border: 1px solid var(--primary);
 }

 .buy.detail .value-card ul li .menu-1 {
     color: var(--primary, #F03D4F);
     margin-left: 8px;
 }

 .buy.detail .explore-banner {
     margin-bottom: 40px;
 }

 .buy.detail .explore-banner-wrapper {
     padding: 20px;
 }

 .buy.detail .explore-banner-wrapper h4:before {
     content: url(../img/icons/group-exc.svg);
     position: relative;
     top: 1px;
     margin-right: 10px;
 }

 .buy.detail .ico-span {
     margin-right: 8px;
 }

 .buy.detail .key-information h5 {
     /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
 }

 .buy.detail .agent-mini-card {
     background-color: var(--Black-2);
     padding: 20px;
     border-radius: 20px;
     position: relative;
 }

 .buy.detail #schedulemodal {
     z-index: -1;
 }

 .buy.detail #schedulemodal.show {
     z-index: 999;
 }

 .agent-sticky {
     position: fixed !important;
     top: 0;
     width: 559px;
     z-index: 99;
 }

 .buy.detail .agent-mini-card .agent-details .agent-img {
     width: 70px;
     height: 70px;
 }

 .buy.detail .agent-mini-card .agent-details h5 {
     text-align: left;
     margin-left: 10px;
 }

 .buy.detail .agent-mini-card .section-separator {
     border-color: var(--white-10);
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .buy.detail .mini-contact-row .value-card ul li:not(.s-btn) a {
     margin-right: 0;
     min-width: 164px;
 }

 .buy.detail .nearby-services-wrapper {
     position: absolute;
     top: 70px;
     left: 20px;
     background-color: var(--Beige-01);
     border-radius: 20px;
     width: 100%;
     max-width: 405px;
     min-height: 506px;
     padding: 20px;
 }

 .buy.detail .nearby-services-wrapper .row {
     height: 506px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div {
     font-size: 16px;
     font-weight: 400;
     line-height: 1;
     text-align: left;
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .buy.detail .nearby-services-wrapper #category-counts div {
     font-size: 16px;
     font-weight: 400;
     line-height: 1;
     margin-bottom: 10px;
     min-height: 36px;
     display: flex;
     align-items: center;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(1):before {
     content: url(../img/icons/ico-culture.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(2):before {
     content: url(../img/icons/ico-food.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(3):before {
     content: url(../img/icons/ico-medicine.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(4):before {
     content: url(../img/icons/ico-education.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(5):before {
     content: url(../img/icons/ico-finance.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(6):before {
     content: url(../img/icons/ico-trade.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(7):before {
     content: url(../img/icons/ico-sports.svg);
     margin-right: 10px;
 }

 .buy.detail .nearby-services-wrapper #categories-list div:nth-child(8):before {
     content: url(../img/icons/ico-services.svg);
     margin-right: 10px;
 }

 .buy.detail .mortage-calculator {
     background-color: var(--Beige-02);
     padding: 20px;
     border-radius: 20px;
 }

 .buy.detail .mortage-calculator form .form-control,
 .buy.detail .mortage-calculator form .form-select {
     background-color: var(--Beige-01);
 }

 .buy.detail .mortage-calculator form .form-control,
 .buy.detail .mortage-calculator form .form-select {
     /* min-width: 535px; */
     max-width: -webkit-fill-available;
     width: 100%;
 }

 .buy.detail .mortage-calculator .mw-405 {
     width: 100%;
     max-width: 405px;
 }

 .buy.detail .mortage-calculator .btn-primary {
     height: 60px;
     line-height: 35px;
 }

 .buy.detail .barcode-wrapper {
     padding: 40px 63px;
     background-color: var(--Beige-02);
     border-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .buy.detail .barcode-wrapper img {
     width: 150px;
     height: 150px;
 }

 .buy.detail .rera-information h5 {
     margin-top: 15px;
     margin-bottom: 100px;
 }

 .buy.detail .permit-no:before {
     content: url(../img/icons/ico-tick.svg);
     margin-right: 10px;
 }

 .buy.detail .prop-data {
     margin-bottom: 100px;
 }

 .buy.detail #schedulemodal .modal-body {
     padding: 30px 38px 0;
 }

 .buy.detail #schedulemodal .input-grp .btn-primary {
     margin-top: 0;
     height: 50px;
     line-height: 12px;
 }

 .buy.detail #date-list {
     padding: 0;
     margin: 0;
     display: inline-flex;
     list-style: none;
 }

 .buy.detail #date-list li {
     border: 1px solid var(--black-20);
     border-radius: 20px;
     padding: 10px;
     margin-right: 10px;
     display: flex !important;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     width: 99px !important;
     height: 116px;
     cursor: pointer;
 }

 .buy.detail #date-list li:hover {
     border: 1px solid var(--Black);
 }

 .buy.detail #date-list li.disabled {
     background-color: var(--black-10);
     cursor: default;
     border-color: var(--black-10);
 }

 .buy.detail #date-list li.disabled .date,
 .buy.detail #date-list li.disabled .day {
     color: var(--black-20) !important;
 }

 .buy.detail #date-list li.disabled .month {
     color: var(--black-40) !important;
 }

 .buy.detail #date-list li.active {
     background-color: var(--Black);
     border-color: var(--Black);
 }

 .buy.detail #date-list li.active .date,
 .buy.detail #date-list li.active .day {
     color: var(--white-80) !important;
 }

 .buy.detail #date-list li.active .month {
     color: var(--Beige-01) !important;
 }

 .date-list-wrapper {
     font-size: 0;
 }

 .date-list-container {
     overflow: hidden;
 }

 .date-list-wrapper .btn-wrap {
     position: absolute;
     top: calc(50% - 10px);
     width: 100%;
 }

 .date-list-wrapper .btn-wrap img {
     transform: rotate(90deg);
     width: 14px;
 }

 .date-list-wrapper .btn-wrap .prev-btn img {
     transform: rotate(-90deg);
 }

 .date-list-wrapper .btn-wrap .slick-btn {
     width: 20px;
     height: 20px;
     border: 1px solid var(--Black);
     background-color: var(--Black);
 }

 .date-list-wrapper .btn-wrap .prev-btn {
     position: absolute;
     left: -9px;
 }

 .date-list-wrapper .btn-wrap .next-btn {
     position: absolute;
     right: -9px;
 }


 /* .date-list-container {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
}

.buy.detail #date-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.date-ul {
    display: inline-block;
    width: calc(100% / 6);
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
}

.horizontal-scroll::-webkit-scrollbar {
    display: none;
}

.horizontal-scroll {
    scrollbar-width: none;
} */


 /* Custom selet styling */


 /* @media (min-width: 1366px) {
    .search-bar .select2-container {
        width: 100% !important;
        max-width: 955px !important;
    }
} */

 .search-bar .select2-container {
     width: 99% !important;
 }

 .select2-container--default .select2-selection--multiple {
     background-color: transparent;
     border: none;
     border-radius: 0;
     min-height: 40px;
     margin: 0;
     padding: 3px 0 0 30px;
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
     margin-right: 5px;
 }

 .select2-dropdown {
     background-color: var(--White);
 }

 .select2-container--default.select2-container--focus .select2-selection--multiple {
     border: none;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--Beige-02);
     color: var(--Black);
 }

 .select2-container--default .select2-results__option {
     width: 100%;
     max-width: 700px;
 }

 .select2-dropdown {
     border: 0;
 }

 .search-module .search-input .select2.select2-container--open {
     border-radius: 5px 5px 0 0;
 }

 .select2-container--open .select2-dropdown,
 .select2-container--open .select2-dropdown--below,
 .search_inputmain .select2-container--open .select2-dropdown--above {
     top: -4px;
     border: none;
     padding: 0;
     margin: 0;
 }

 .select2-container--open .select2-dropdown--below .select2-results,
 .search_inputmain .select2-container--open .select2-dropdown--above .select2-results {}

 .select2-container--open .select2-dropdown .select2-results {
     border: 1px solid var(--secondary_text);
     border-top: 0;
     position: relative;
     margin: 0;
     border-radius: 0 0 5px 5px;
 }

 .select2-container--default .select2-results__option {
     padding: 0 6px;
 }

 .select2-container--open .select2-dropdown--above .select2-results {
     margin: 0 0 15px;
     border-top: 0;
 }

 .select2-container--default .select2-results>.select2-results__options {
     padding: 15px 15px 15px 15px;
 }

 .search-bar .input-group-append {
     display: flex;
     justify-content: flex-end;
     flex-grow: 1;
     position: absolute;
     right: -65px;
     top: -1.5px;
 }

 .search-bar .input-group-append .btn-primary.social {
     width: 60px;
     height: 60px;
     line-height: 38px;
 }



 .buy .select2-dropdown {
     background-color: var(--Beige-01);
 }

 .buy .select2-container--open .select2-dropdown {
     width: 500px !important;
     left: -90px;
     top: -10px;
 }

 .buy .select2-container--open .select2-dropdown--above {
     width: 500px !important;
     left: -90px;
     top: 10px;
 }

 .buy .select2-container--open .select2-dropdown .select2-results {
     width: 500px;
 }

 .buy .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--Beige-01);
 }


 /* .select2-search__field {
    width: 413px !important;
} */

 .chosen-value-btn[value="Property Type"] {
     color: var(--heading_black);
 }

 .chosen-value-btn[value="Category"] {
     color: var(--heading_black);
 }

 .chosen-value-btn[value="Developers"] {
     color: var(--heading_black);
 }

 .chosen-value-btn[value="Completion Year"] {
     color: var(--heading_black);
 }


 /* Our COmpany */

 .our-company {
     padding-top: 80px;
     /* margin-bottom: 80px; */
 }

 .our-company .who-we-are {
     margin-bottom: 80px;
 }

 .our-company .who-we-are p {
     font-size: 36px;
     font-weight: 300;
     line-height: 43.2px;
     text-align: left;
     width: 100%;
     max-width: 1054px;
     margin-bottom: 30px;
 }

 .our-company .who-we-are .atel {
     color: var(--primary) !important;
 }

 .our-company .who-we-are p span {
     font-size: 36px;
     font-weight: 400;
     line-height: 43.2px;
     text-align: left;
 }

 .our-company .who-we-are .btn-primary {
     width: 100%;
     max-width: 425px;
     min-height: 50px;
     transition: 0.7s ease;
     align-items: center;
     justify-content: center;
     display: flex;
     line-height: 23px;
     background-color: transparent;
     color: var(--primary);
     border: 1px solid var(--primary);
 }

 .our-company .who-we-are .btn-primary:hover {
     background-color: var(--primary);
     color: var(--Beige-01);
 }

 .our-company .bg-gif img {
     border-radius: 0 0 20px 20px;
     margin-bottom: 150px;
     width: 100%;
 }

 .our-company .form-bg-1.form-bg-2 {
     background-image: url(../img/form-bg-1.png);
     margin-bottom: 150px;
 }

 .our-company .video-bg {
     margin-bottom: 150px;
 }

 .our-company .we-stand {
     margin-bottom: 110px;
 }


 /* Our Services */

 .our-services {
     padding-top: 80px;
     margin-bottom: 130px;
 }

 .our-services .w-573 {
     width: 100%;
     max-width: 573px;
 }

 .our-services .service-card {
     min-height: 276px;
     border-radius: 20px;
     background-color: var(--Beige-02);
     transition: 0.5s ease;
     padding: 20px;
     display: flex;
     flex-direction: column;
     margin-bottom: 10px;
 }

 .our-services .service-card:hover {
     background-color: var(--primary);
 }

 .our-services .service-card .img-wrapper {
     width: 60px;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: var(--primary);
     border-radius: 100px;
     margin-bottom: auto;
     transition: 0.5s ease;
 }

 .our-services .service-card:hover .img-wrapper {
     background-color: #fffcf5;
     transition: 0.5s ease;
 }

 .our-services .service-card:hover h4,
 .our-services .service-card:hover h5 {
     color: #fffcf5 !important;
 }

 .our-services h5 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     text-overflow: ellipsis;
 }


 /* Contact Page */

 .contact-offices {
     position: relative;
     background-color: var(--bg_light);
 }
 .contact-offices h2{
    font-size: 52px;
    line-height: 58px;
    font-weight: 400;
    margin: 110px 0 40px;
    color: var(--heading_black);
    text-align: center;
    text-transform: uppercase;
    @media (max-width:1750px) {
        font-size: 36px;
        line-height: 42px;
        margin: 80px 0 40px;
    }
    @media (max-width:992px) {
        font-size: 30px;
        line-height: 36px;
        margin: 40px 0 30px;
    }
    @media (max-width:576px) {
        font-size: 22px;
        line-height: 28px;
        margin: 30px 0 20px;
    }
 }

 .mapwithform {
     padding: 40px 0;
     @media screen and (max-width:1750px) {
        padding: 40px 0;
     }
     @media screen and (max-width:992px) {
        padding: 20px 0;
     }
 }

 .formin {
     padding-left: 0px;
 }

 .formin .formie {
     max-width: 100%;
     border-radius: unset;
     background-color: var(--White);
 }
.contactformbanner{
    padding-bottom:80px;
    @media screen and (max-width:1750px) {
        padding-bottom:50px;
    }
    @media screen and (max-width:992px) {
        padding-bottom:40px;
    }
    @media screen and (max-width:576px) {
        padding-bottom: 35px;
    }
}
 .contactformbanner .formin .formie.bg-transparent {
  background:none;   
 }

 .contactformbanner .formin .formie .formiein,
 .modal .formin .formie {
     padding: 0 0;
     border-radius: unset;
     margin-top: 0;
 }


 .formin .formie .formiein {
     margin: 0;
     margin-top: 24px;
 }

 .contactformbanner .formin .formie .formiein .input-grp.row{
    margin: 0 -7.5px;
 }
.contactformbanner .formin .formie .formiein .input-grp.row .col-12{
    padding: 0 7.5px;
}
 .mapinn #map {
     height: 529px;
     border-radius: 20px;
 }

 .contact-offices .maps-sec iframe {
     width: 100% !important;
     font-size: 0;
 }

 .contact-offices .nav-tabs .nav-link {
     border: 0;
     min-width: 137px;
     height: 44px;
     background-color: var(--Beige-01);
     color: var(--Black);
     border-radius: 100px;
     font-size: 15px;
     font-weight: 400;
     line-height: 18px;
     text-align: center;
     margin-right: 10px;
 }

 .contact-offices .nav-tabs .nav-item.show .nav-link,
 .contact-offices .nav-tabs .nav-link.active {
     background-color: var(--Black);
     color: var(--Beige-01);
 }

 .contact-offices .nav-tabs {
     z-index: 5;
     border: 0;
     position: absolute;
     top: 52px;
     left: 80px;
 }

 .contact-offices .maps-sec .map-cards-wrapper {
     position: absolute;
     right: 60px;
     bottom: 80px;
     display: flex;
 }

 .contact-offices .maps-sec .map-card {
     width: 425px;
     min-height: 412px;
     background-color: var(--Beige-01);
     padding: 40px;
     border-radius: 20px;
     margin: 0 20px;
 }

 .contact-offices .maps-sec .zoom-buttons {
     position: absolute;
     bottom: 80px;
     left: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .contact-offices .maps-sec .zoom-buttons button {
     width: 44px;
     height: 44px;
     border-radius: 100px;
     background-color: var(--Beige-01);
     display: flex;
     align-items: center;
     justify-content: center;
     border: none;
     margin-right: 10px;
 }

 .contact-offices .maps-sec .map-card ul {
     list-style-type: none;
 }

 .contact-offices .maps-sec .map-card ul li {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 20px;
 }

 .contact-offices .maps-sec .map-card ul li .span2 {
     width: 100%;
     max-width: 238px;
 }

 .contact-offices .maps-sec .map-card ul li:last-child .span2 {
     min-height: 72px;
 }

 .list-card.new-projects .client-logo {
     max-width: 140px;
     max-height: 40px;
 }

 .iti__selected-country-primary {
     border-radius: 25px 0 0 25px;
 }

 .buy.detail .overlay-form {
     position: absolute;
     width: calc(100% + 40px);
     height: 100%;
     top: 0;
     right: -20px;
 }

 .list-card.new-projects {
     min-height: 548px;
 }

 .list-property-card.new-projects {
     min-height: 550px;
 }

 .list-card.new-projects h4 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .list-card.new-projects.insights .list-img-slider {
     max-width: 100%;
 }

 .list-card.new-projects.insights .list-img img {
     min-width: 100%;
     max-width: 100%;
 }

 .list-card.new-projects.insights {
     min-height: auto;
 }

 .list-card.new-projects.insights .list-details h5 {
     height: 40px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 #gallery-image-slider-detail {
     margin-left: 10px;
 }

 #gallery-image-slider-detail img {
     width: 325px;
     height: 220px;
     margin-right: 10px;
 }



 .read-more-btn.active:after {
     top: 0px;
     transform: rotate(180deg);
 }

 .agent-inqs {
     padding-left: 10px;
     margin: 0;
     margin-top: 10px;
     list-style: none;
 }

 .agent-inqs li {
     margin-bottom: 10px;
 }

 .agent-inqs .ico-meet:before {
     content: url(../img/icons/ico-cal.svg);
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
 }

 .agent-inqs .ico-cal:before {
     content: url(../img/icons/ico-cal-2.svg);
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
 }

 .agent-inqs .ico-home:before {
     content: url(../img/icons/ico-cal-3.svg);
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
 }

 .tme:before {
     content: url(../img/icons/ico-clock.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .dte:before {
     content: url(../img/icons/ico-cal-dark.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .shr:before {
     content: url(../img/icons/ico-share.svg);
     display: inline-block;
     vertical-align: middle;
     padding-right: 5px;
 }

 .shr {
     cursor: pointer;
 }

 .buy.detail.insights .value-card {
     width: 280px;
     padding: 20px;
     position: absolute;
     top: 25px;
     right: -185px;
     opacity: 0;
     visibility: hidden;
     transition: opacity .3s ease;
 }

 .buy.detail.insights.show .value-card {
     opacity: 1;
     visibility: visible;
 }

 .buy.detail.insights .value-card ul li:not(.s-btn) a {
     min-width: 40px;
     width: 40px;
     margin-bottom: 0;
     background-color: var(--primary);
 }

 .insights-banner img {
     border-radius: 0 0 20px 20px;
     height: 800px;
     object-fit: cover;
     margin-bottom: 80px;
 }

 .content-wrapper {
     width: 100%;
     max-width: 870px;
     margin: 0 auto;
 }

 .content-wrapper h2,
 .content-wrapper h3 {
     font-size: 24px;
     font-weight: 600;
     line-height: 28.8px;
     text-align: left;
     letter-spacing: 0;
     margin-bottom: 20px;
 }

 .content-wrapper h4 {
     margin-bottom: 20px;
 }

 .content-wrapper p {
     margin-bottom: 20px;
     font-size: 18px;
     word-wrap: break-word;
 }

 .content-wrapper img {
     width: 100%;
     max-width: 870px;
     height: 580px;
     border-radius: 20px;
     margin: 10px auto 40px;
     object-fit: cover;
 }

 .content-wrapper strong,
 .content-wrapper b {
     font-weight: 600;
 }

 :is(.content-wrapper) dl,
 ol,
 ul {
     padding: 0 0 0 1rem;
     list-style: disc;
 }

 .share-this-insight .value-card {
     background-color: var(--Beige-02);
     padding: 20px !important;
     border-radius: 20px;
 }

 .share-this-insight .shricon {
     width: 24px;
     height: 24px;
     max-width: none;
     border-radius: 0;
     margin: 0;
     object-fit: contain;
     vertical-align: sub;
     margin-right: 10px;
 }

 .share-this-insight.buy.detail .value-card ul li:not(.s-btn) a {
     min-width: 44px;
     background-color: var(--primary);
     border-radius: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 44px;
     margin-right: 10px;
     margin-bottom: 0;
     transition: 0.2s ease;
     border: 1px solid transparent;
 }

 .share-this-insight.buy.detail .value-card ul li:not(.s-btn) a:hover {
     /* background-color: transparent; */
     border-color: var(--Beige-03);
 }

 .share-this-insight.buy.detail .value-card ul li:last-child a {
     margin-right: 0;
 }

 .share-this-insight.buy.detail .value-card ul li:not(.s-btn) a img {
     width: 18px;
     height: 18px;
     max-width: none;
     border-radius: 0;
     margin: 0;
     object-fit: contain;
 }

 /*Upcoming Properties*/
 .upcomingproperties .properties_content .project_card:hover {
     border: 1px solid var(--secondary);
 }

 /*Community details*/

 .community_details .community_gallery {
     position: relative;
     height: fit-content;
 }

 .community_gallery .gallery_container {
     display: flex;
     flex-direction: column;
     gap: 20px;

     @media (max-width: 1920px) {
         gap: 17px;
     }

     @media (max-width: 1366px) {
         gap: 14px;
     }

     @media (max-width: 768px) {
         gap: 14px;
     }
 }

 .community_gallery .gallery_container .gallery_item {
     width: 100%;
     max-height: 206px;

     @media (max-width: 1920px) {
         max-height: 206px;
     }

     @media (max-width: 1366px) {
         max-height: 170px;
     }

     @media (max-width: 768px) {
         max-height: 177px;
         width: 100%;
     }

 }

 .community_gallery .gallery_container .gallery_item img {
     width: 100%;
     border-radius: 12px;
     height: 100%;

 }

 .community_gallery .gallery_container .gallery_container_up {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 20px;

     @media (max-width: 768px) {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
     }
 }


 .community_details .community_gallery::before {
     position: absolute;
     content: "";
     top: 0;
     height: 1px;
     left: 0;
     right: 0;
     background-color: #D1D1D1;
 }

 .community_details p {
     overflow: hidden;
     text-wrap: wrap;
     /*white-space: pre-wrap;*/
     overflow-wrap: break-word;
     word-break: break-word;
 }

 .community_details pre {
     font-size: 18px;
     color: #4A5E6D;
     /*white-space: pre-wrap;*/
     overflow-wrap: break-word;
     word-break: break-word;
     max-width: 100%;
     margin: 0 auto;
     padding: 16px;

     @media (max-width: 1920px) {
         font-size: 16px;
     }

     @media (max-width: 1366px) {
         font-size: 16px;
     }

     @media (max-width: 768px) {
         font-size: 14px;
     }
 }

 .community_details .property_locations {
     display: flex;
     align-items: center;
     gap: 12px;
     font-size: 18px;
     color: #4A5E6D;

     @media (max-width: 1366px) {
         font-size: 16px;
     }

     @media (max-width: 768px) {
         font-size: 14px;
     }
 }


 .community_details .community_attraction .community_attraction_container {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 17px;

     @media (max-width: 768px) {
         grid-template-columns: 1fr;
     }
 }

 .community_attraction .community_attraction_container .community_attraction_item {
     background-color: rgba(233, 241, 243, 1);
     padding: 15px 15px 30px 15px;
     border-radius: 12px;

     @media (max-width: 768px) {
         text-align: center;
     }
 }

 .community_attraction h2 {
     margin-bottom: 0px !important;
     font-size: 20px !important;

     @media (max-width: 1920px) {
         font-size: 18px !important;
     }

     @media (max-width: 1366px) {
         font-size: 16px !important;
     }

     @media (max-width: 768px) {
         font-size: 16px !important;
     }
 }

 .community_attraction_container .community_attraction_item ul {
     list-style-position: inside;
 }

 .community_attraction_container .community_attraction_item ul li {
     font-size: 14px;
     color: #4A5E6D;
     padding-bottom: 10px;

     @media (max-width: 1920px) {
         font-size: 14px;
     }

     @media (max-width: 1366px) {
         font-size: 12px;
     }

     @media (max-width: 768px) {
         font-size: 12px;
     }
 }

 /*Property Individual */

 .background-overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(23, 61, 80, 0.4);
    background:linear-gradient(to bottom,
    rgba(255, 255, 255,1) 0%,
    rgba(255, 255, 255,0.5) 60%
    );
 }

.property_title{
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 0 0 32px;
    text-transform: uppercase;
    @media (max-width: 1750px) {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 24px;
    }

    @media (max-width: 1366px) {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 19px;
    }

    @media (max-width: 768px) {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 19px;
    }
}
.property_individual h2 {
    font-size: 22px;
    line-height: 28px;
    color: var(--heading_black);
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
    @media (max-width: 1750px) {
        font-size: 20px;
        line-height: 26px;
    }

    @media (max-width: 1366px) {
        font-size: 20px;
        line-height:26px;
    }

    @media (max-width: 768px) {
        font-size: 18px;
        line-height: 24px;
        }
}
.property_individual img{
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}
.property_individual .img{
    margin-bottom: 20px;
}


 .property_individual .image_gallery_large {
     display: none;

     @media (min-width: 1366px) {
         display: block;
     }
 }

 .property_individual .image_gallery_small {
     display: none;

     @media (max-width: 1366px) and (min-width: 769px) {
         display: block;
     }
 }

 .property_individual .image_gallery_mobile {
     display: none;
     margin: 8px;

     @media (max-width: 769px) {
         display: block;
     }
 }

 .property_individual .image_gallery {
     display: grid;
     width: 100%;
     height: 322px;
     grid-template-columns: repeat(5, 1fr);
     gap: 20px;
     margin-top: 20px;

     @media (max-width: 1920px) {
         grid-template-columns: repeat(5, 1fr);
         height: auto;
         gap: 14.9px;
     }

     @media (max-width: 1366px) {
         grid-template-columns: repeat(4, 1fr);
         height: auto;
         gap: 11px;
     }

     @media (max-width: 768px) {
         grid-template-columns: repeat(3, 1fr);
         height: auto;
         gap: 11px;
     }

     @media (max-width: 360px) {
         grid-template-columns: repeat(3, 1fr);
         height: auto;
         gap: 11px;
     }
 }

 .property_individual .image_gallery .img {
     width: 100%;
     height: 100%;
     border-radius: 20px;
     cursor: pointer;
     transition: 0.5s ease;
 }

 .property_individual .image_gallery .img:hover {
     transform: scale(1.05);
 }

 .property_individual .image_gallery img:last-of-type {
     position: relative;
 }

 .property_individual .image_gallery .show_img_container {
     position: relative;
     height: 100%;
 }

 .property_individual .image_gallery .show_img_container::before {
     position: absolute;
     content: "";
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.4);
     border-radius: 20px;
     z-index: 1;
     cursor: pointer;
 }

 .property_individual .image_gallery .show_img_container:hover::before {
     background-color: rgba(0, 0, 0, 0.5);
 }

 .property_individual .image_gallery .show_img_text {
     position: absolute;
     right: 50%;
     top: 50%;
     transform: translate(50%, -50%);
     color: white;
     font-size: 22px;
     font-weight: 500;
     text-align: center;
     text-wrap: nowrap;
     z-index: 2;
     cursor: pointer;

     @media (max-width: 1920px) {
         font-size: 18px;
     }

     @media (max-width: 1366px) {
         font-size: 13px;
     }

     @media (max-width: 768px) {
         font-size: 7.68px;
     }
 }



.property_individual .property_individual_section .property_details {
    
     width: 100%;
     padding: 40px 40px;
     border: 1px solid rgba(74, 94, 109, 0.3);
     border-radius: 16px;
    background-color: var(--White);
    @media (max-width: 1920px) {
        width: 100%;
        padding: 30px 32px 32px 32px;
    }

    @media (max-width: 1366px) {
        width: 100%;
        padding: 30px 28px;
    }

    @media (max-width: 768px) {
        padding: 20px;
    }
}
.propertyimportantnote{
font-size: 22px;
line-height: 28px;
color: var(--heading_black);
font-weight: 600;
margin-bottom: 20px;

@media (max-width: 1750px) {
    font-size: 20px;
    line-height: 26px;
}

@media (max-width: 1366px) {
    font-size: 20px;
    line-height:26px;
}

@media (max-width: 768px) {
    font-size: 18px;
    line-height: 24px;
    }
}
.property_individual_section .property_details .property_locations {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--heading_black);
    @media (max-width: 576px) {
    font-size: 14px;
    }
}
.property_individual_section .property_details p{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--heading_black);
    @media (max-width: 576px) {
    font-size: 14px;
    }
}

.property_individual_section .property_details .property_value {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_black);
    margin: 20px 0px;
    display: flex;
    align-items: center;
@media (max-width: 1750px) {
        font-size: 22px;
    line-height: 28px;
    }
    @media (max-width: 992px) {
        font-size: 20px;
        line-height: 28px;
    }

    @media (max-width: 576px) {
        font-size: 18px;
    line-height: 24px;
    }
}
.property_individual_section .property_details .property_value span {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    color: var(--heading_black);
    margin-right: 10px;

    @media (max-width: 1750px) {
        font-size: 18px;
        line-height: 24px;
    }

    @media (max-width: 992px) {
        font-size: 16px;
        line-height: 20px;
    }

    @media (max-width: 576px) {
        font-size: 14px;
        line-height: 20px;
    }
}

.property_individual_section .property_details .property_features {
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
padding-left: 0px;
margin-bottom: 20px;

}

.property_details .property_features li {
display: flex;
align-items: center;
justify-content: space-between;
width: fit-content;
gap: 10px;
font-size: 16px;
font-weight: 400;
text-wrap: nowrap;
background-color: var(--bg_light);
color: var(--heading_black);
padding: 10px 20px;
border-radius: 10px;

@media (max-width: 768px) {
    padding: 8px 15px;
}
}
 .property_individual_section .property_details .keypointslist{
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding-left: 0px;
    margin-bottom: 30px;
    @media (max-width: 1750px) {
        grid-template-columns: repeat(3,1fr);
    }
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
 }
 .planslistdetail{
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    flex-wrap: wrap;
    gap: 18px;
    padding-left: 0px;
    margin-bottom: 30px;
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
 }
 .planstabsmain .nav-tabs{
    gap: 8px;
    border: none;
    margin-bottom: 25px;
 }
 .nav-tabs .btn.nav-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 30px;
    background: transparent;
    text-transform: uppercase;
    color: var(--heading_black_50);
    border: 1px solid var(--heading_black_50);
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    padding: 15px 32px;
    transition: color 0.15s ease-in-out, 
                background-color 0.15s ease-in-out, 
                border-color 0.15s ease-in-out, 
                box-shadow 0.15s ease-in-out;
    width: fit-content;
    @media (max-width:1750px) {
        font-size: 13px;
        line-height: 19px;
        padding: 11px 23px;
    }
 }
.nav-tabs .btn.nav-link.active{
    background: var(--primary);
    border-color: var(--primary);
    color: var(--White);
}
.keypointitem{
    background: var(--bg_light);
    border-radius: 6px;
    padding: 22px 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    justify-content: center;
    @media (max-width: 1750px) {

    }
}
.keypointitem .keytitle{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text_color);
    text-align: center;
    @media (max-width: 1750px) {
        
    }
}
.keypointitem .keyinfo{
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--heading_black);
    text-align: center;
    @media (max-width: 1750px) {
        
    }
}
.keypointitem .keyinfo .primarywithoutline{
    color: var(--primary) !important;
    text-decoration: underline !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

 .property_details .property-desc ul {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     list-style: none;
     gap: 22px;
     padding-left: 0px;

     @media (max-width: 1750px) {
         grid-template-columns: repeat(3, 1fr);
     }

     @media (max-width: 1200px) {
        gap: 16px;
     }

     @media (max-width: 576px) {
        grid-template-columns: repeat(2, 1fr);
         gap: 16px;
     }
 }

 .property_details .property-desc ul li {
     font-size: 16px;
     color: var(--heading_black);
     display: flex;
     align-items: center;
     gap: 10px;

     @media (max-width: 1750px) {
         font-size: 16px;
     }

     @media (max-width: 1366px) {
         font-size: 14px;
     }

     @media (max-width: 768px) {
         font-size: 14px;
     }
 }

 .property_details .property_overview pre {
     font-size: 18px;
     font-weight: 400;
     color: var(--heading_black);
     text-wrap: pretty;
    font-family: 'Segoe UI', sans-serif;
     @media (max-width: 1920px) {
         font-size: 16px;
     }

     @media (max-width: 1366px) {
         font-size: 16px;
     }

     @media (max-width: 768px) {
         font-size: 14px;
     }
 }
 

 .property_details .property-desc .amenities-list .hidden {
     @media (max-width: 768px) {
         display: none;
     }
 }

 .property_details .property-desc {
     padding-top: 15px;
     padding-bottom: 15px;
 }


.property_details .property_featurestexting {
     position: relative;
     padding-bottom: 20px;
}

 .property_featurestexting ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
 }
.property_featurestexting ul li{
    position: relative;
    padding-left: 25px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--heading_black);
    @media (max-width: 1750px) {
        font-size: 16px;
        line-height: 22px;
    }

     @media (max-width: 1200px) {
          font-size: 16px;
        line-height: 22px;
     }

     @media (max-width: 768px) {
        font-size: 14px;
        line-height: 20px;
     }
}
.property_featurestexting ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    background:url(../img/icons/tick.svg);
}
.infoaboutprice{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    @media (max-width:1200px) and (min-width:992px) {
        grid-template-columns: repeat(2, 1fr);
    }
     @media (max-width: 768px) {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
     }
}
.infoaboutpriceitem{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--bg_light);
    padding: 20px 12px;
    border-radius: 6px;
}
.infoaboutpriceitem h4{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    color: var(--text_color);
    text-align: center;
     @media (max-width: 1920px) {
        font-size: 14px;
        line-height: 20px;
    }

     @media (max-width: 1366px) {
          font-size: 14px;
        line-height: 18px;
     }

     @media (max-width: 768px) {
       font-size: 13px;
        line-height: 18px;
     }
}
.infoaboutpriceitem h2{
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: var(--heading_black);
    margin: 0;
    text-align: center;
     @media (max-width: 1920px) {
        font-size: 20px;
        line-height: 26px;
    }

     @media (max-width: 1366px) {
        font-size: 18px;
        line-height: 24px;
     }

     @media (max-width: 768px) {
       font-size: 16px;
        line-height: 22px;
     }
}   

 .property_details .property_map {
    position: relative;
    margin: 0 0 20px;
 }
.property_details .property_map #map{
    border-radius: 12px;
}

 .property_details .property_mortgage {
     position: relative;
     padding-top: 10px;
 }

 .property_details .property_mortgage::before {
     position: absolute;
     content: "";
     top: 0;
     height: 1px;
     left: 0;
     right: 0;
     background-color: #D1D1D1;
 }

 .property_details .property_mortgage .mortgage_section {
     flex-direction: row !important;
     width: 100% !important;
     align-items: center;
     justify-content: space-between !important;
     border-radius: 20px !important;

     @media (max-width: 1920px) {
         flex-direction: column !important;
         justify-content: flex-start !important;
         align-items: normal !important;
     }

     @media (max-width: 1366px) {}

     @media (max-width: 768px) {}
 }

 .property_mortgage .mortgage_section .mortgage_section_left {
     padding-right: 50px;
     position: relative;
     flex: 2;

     @media (max-width: 1920px) {
         padding-right: 0px;
     }

     @media (max-width: 1366px) {
         padding-right: 0px;
     }

     @media (max-width: 768px) {
         padding-right: 0px;
     }
 }

 .property_mortgage .mortgage_section .mortgage_section_left::before {
     content: "";
     position: absolute;
     top: 20px;
     bottom: 20px;
     right: 0;
     width: 1px;
     background-color: #D1D1D1;

     @media (max-width: 1920px) {
         display: none;
     }

     @media (max-width: 1366px) {
         display: none;
     }

     @media (max-width: 768px) {
         display: none;
     }
 }

 .property_mortgage .mortgage_section .mortgage_section_one,
 .mortgage_section_two {
     display: flex;
     gap: 20px;
     align-items: center;
     margin-bottom: 25px;

     @media (max-width: 768px) {
         flex-direction: column;
     }
 }

 .property_mortgage .mortgage_section label {
     text-wrap: pretty;
     text-align: center;
 }

 .property_mortgage .mortgage_section .form-group .form-control {
     @media (max-width: 768px) {
         width: 100%;
         height: 46px !important;
     }
 }

 .property_mortgage .calculator_interest {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding-left: 40px;

     @media (max-width: 1920px) {
         padding-left: 0px;
     }

     @media (max-width: 1366px) {
         padding-left: 0px;

     }

     @media (max-width: 768px) {
         padding-left: 0px;

     }
 }

 .property_mortgage .calculator_interest .calculator_interest_top {
     display: flex;
     align-items: center;
     flex-direction: column;

     @media (max-width: 1920px) {
         flex-direction: row;
         gap: 15px;
     }

     @media (max-width: 1366px) {
         flex-direction: row;
         gap: 15px;

     }

     @media (max-width: 768px) {
         flex-direction: column;
         gap: 5px;
     }
 }

 .calculator_interest .calculator_interest_top h4 {
     margin-bottom: 0px;
 }

 .calculator_interest .calculator_interest_top span {
     font-weight: 700;
 }

 .mortgage_section .mortgage_section_one .form-group,
 .mortgage_section_two .form-group {
     flex: 1;

     @media (max-width: 768px) {
         width: 100%;
     }
 }

 .property_mortgage .mortgage_section_left .calculator_btn a {
     @media (max-width: 1920px) {
         height: 52px !important;
     }

     @media (max-width: 1366px) {
         height: 40px !important;
         padding: 4px 5px 4px 14px !important;
     }

     @media (max-width: 768px) {
         height: 52px !important;
         padding: 12px 5px 12px 14px !important;
         width: 100%;
         font-size: 12px;
     }
 }

 .property_mortgage .mortgage_section_left .calculator_btn img {
     width: 20px;
     height: 20px;

     @media (max-width: 1366px) {
         width: 18px !important;
         height: 18px !important;
     }

     @media (max-width: 768px) {
         width: 18px !important;
         height: 18px !important;
     }
 }

 .property_mortgage .mortgage_section_left .calculator_btn .icon {
     width: 42px;
     height: 42px;

     @media (max-width: 1366px) {
         width: 32px;
         height: 32px;
     }

     @media (max-width: 768px) {
         width: 32px;
         height: 32px;
     }
 }

 .property_individual .contact_details {
     display: flex;
     flex-direction: column;
     gap: 32px;
     position: sticky;
     top: 10px;
 }

 .contact_details .contact_socials {
     background-color: var(--White);
     display: flex;
     flex-direction: column;
     border: 1px solid var(--White);
     border-radius: 12px;
     padding: 25px 25px;

     @media (max-width: 1920px) {
         padding: 25px 25px;
     }

     @media (max-width: 992px) {
         display: grid;
         grid-template-columns: 1fr 1fr;
         width: 100%;
         align-items: center;
         gap: 20px;
     }

     @media (max-width: 700px) {
        display: flex;
         flex-direction: column;
         gap: 10px;
         padding: 20px 25px;

     }
 }

.contact_details .contact_socials p {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: var(--heading_black);
    padding-bottom: 20px;
    width: 450px;
    @media (max-width: 1920px) {
        width: 100%;
    }
    @media (max-width: 992px) {
       
        padding-bottom: 0;
        margin-bottom: 0px;
        position: relative;
    }
    @media (max-width: 700px) {
        font-size: 18px;
        padding-bottom: 20px;
        width: 100%;
        text-align: center;
    }
}

.contact_details .contact_socials p::before {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(56, 56, 56,0.3);
    @media (max-width: 1920px) {
        display: block;
    }
    @media (max-width: 992px) {
        display: block;
        height: 33px;
        width: 1px;
        left: auto;
        right: 0;
    }
    @media (max-width: 700px) {
        display: block;
        height: 1px;
        left: 0;
        right: 0;
        width: auto;
    }
}
.contact_details .contact_socials ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 33px;
    list-style: none;
    margin-top: 4px;
    margin-bottom: 0;
    padding: 0;
    @media (max-width: 1920px) {
    gap: 10px;
    }
    @media (max-width: 992px) {
        gap: 20px;
    }
    @media (max-width: 768px) {
        gap: 10px;
    }
}
.contact_details .contact_socials ul li {
    cursor: pointer;
}
.contact_details .contact_socials ul li:hover svg rect {
    fill: var(--heading_black);
    transition: 300ms all ease !important;
}
.contact_details .contact_socials ul li:hover svg path {
    fill: #ffffff;
    transition: 300ms all ease !important;
}
.contact_details .contact_card {
    display: flex;
    flex-direction: column;
    background-color: var(--heading_black);
    border-radius: 12px;
    padding: 28px 30px 21px 30px;
}
@media (max-width: 1920px) {
    .contact_details .contact_card {
        padding: 22px 18px 18px;
    }   
}
@media (max-width: 1366px) {
    .contact_details .contact_card {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .contact_details .contact_card {
        padding: 20px 15px 20px 15px;
    }
}

.contact_details .contact_card .agent_details {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding-bottom: 20px;
    @media (max-width: 1366px) {
        justify-content: center;
    }
}

.contact_details .contact_card .agent_details img {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    border: 1px solid #FFFFFF63;
    object-fit: cover;
    @media (max-width: 768px) {
        width: 50px;
        height: 50px;
    }
}

.contact_details .contact_card .agent_details .agent_name {
    font-size: 24px;
    font-weight: 600;
    color: white;
    margin: 0;

    @media (max-width: 768px) {
        font-size: 18px;
    }
}

 .contact_details .contact_card .agent_details .agent_designation {
     font-size: 16px;
     font-weight: 300;
     color: white;

     @media (max-width: 768px) {
         font-size: 14px;
     }
 }

 .contact_details .contact_card ul {
     list-style: none;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     align-items: center;
     width: 100%;
     gap: 10px;
     border-top: 1px solid #5A5A5A33;
     padding: 20px 0px 0px;
     justify-content: space-between;
     @media (max-width: 1920px) {}

     @media (max-width: 1366px) {
         justify-content: center;
     }

     @media (max-width: 768px) {
         gap: 4px;

     }
 }

 .contact_details .contact_card ul li {
     font-size: 14px;
     font-weight: 400;
     color: var(--heading_black);
     background: white;
     border-radius: 10px;

     @media (max-width: 1920px) {
         font-size: 14px;
     }

     @media (max-width: 1366px) {
         font-size: 14px;
     }

     @media (max-width: 768px) {
         font-size: 13px;
     }
 }

 .contact_details .contact_card ul li a {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 9px;

     @media (max-width: 1920px) {}

     @media (max-width: 1366px) {
         max-width: 209px;

     }

     @media (max-width: 768px) {
         gap: 4px;
     }
 }

 .contact_details .contact_card ul li a span {
     @media (max-width: 340px) {
         display: none;
     }
 }


 .contact_details .contact_card ul li {
     padding: 5px 20px 5px 5px;

     @media (max-width: 1920px) {
         padding: 6px 12px;
     }

     @media (max-width: 1366px) {
         width: 100%;

     }

     @media (max-width: 768px) {}
 }

 .contact_details .contact_card ul li a svg {
     @media (max-width: 1920px) {
         width: 26px;
         height: 26px;
     }

     @media (max-width: 1366px) {}

     @media (max-width: 768px) {}
 }

 .contact_details .contact_card .btn-icon-primary {
     width: 100% !important;
     margin-top: 10px;
     margin-bottom: 10px;
     font-size: 14px !important;
     padding-top: 6px !important;
     padding-bottom: 6px !important;
 }

 .contact_details .contact_card .icon {
     width: 32px !important;
     height: 32px !important;
     padding-left: 7.5px !important;
     padding-right: 7.5px !important;
 }

 .contact_details .contact_card .icon img {
     width: 17px !important;
     height: 17px !important;
 }

 .property_individual .all_property_main {
     padding-top: 10px !important;
     padding-bottom: 40px !important;
 }

 .property_individual .all_property_main h2 {
     font-size: 48px !important;
     font-weight: 700;
     color: #323F49 !important;

     @media (max-width:1919px) {
         font-size: 36px !important;
     }

     @media (max-width:1366px) {
         font-size: 32px !important;
         text-align: center;
     }

     @media (max-width:768px) {
         font-size: 26px !important;
         text-align: center;

     }
 }

 .property_individual .all_property_main .all-property-slider .slick-track {
     margin: 0px !important;
 }

 .schedule_view_form {
     position: fixed;
     top: 50%;
     left: 50%;
     max-height: 80vh;
     transform: translate(-50%, -50%) !important;
     max-width: 1136px !important;
     z-index: 999;
     overflow-y: auto;
 }

 .schedule_view_form::-webkit-scrollbar {
     display: none;
 }

 .schedule_view_form {
     scrollbar-width: none;
 }

 .schedule_view_form {
     -ms-overflow-style: none;
 }

 @media (max-width: 1919px) {
     .schedule_view_form {
         max-width: 822px !important;
     }
 }

 @media (max-width: 1366px) {
     .schedule_view_form {
         width: 658px !important;
         /* Full width minus left and right margins */
     }
 }

 @media (max-width: 768px) {
     .schedule_view_form {
         max-width: calc(100vw - 40px) !important;
         margin-left: auto;
         /* Center the element */
         margin-right: auto;
         /* Center the element */
     }
 }

 .schedule_view_form h2 {
     text-align: center !important;
     font-size: 48px !important;
     margin-bottom: 20px !important;
     color: rgba(50, 63, 73, 1) !important;

     @media (max-width:1919px) {
         font-size: 36px !important;
     }

     @media (max-width:1366px) {
         font-size: 32px !important;
     }

     @media (max-width:768px) {
         font-size: 22px !important;
     }
 }

 .schedule_view_form p {
     text-align: center !important;
     font-size: 18px !important;

     @media (max-width:1919px) {
         font-size: 16px !important
     }

     @media (max-width:1366px) {
         font-size: 16px !important
     }

     @media (max-width:768px) {
         font-size: 14px !important
     }
 }

 .schedule_view_form .formiein input {
     max-height: 56px !important;

     @media (max-width:1919px) {
         max-height: 42px !important;
     }

     @media (max-width:1366px) {}

     @media (max-width:768px) {}
 }

 .schedule_view_form .formiein select {
     max-height: 56px !important;

     @media (max-width:1919px) {
         max-height: 42px !important;
     }

     @media (max-width:1366px) {}

     @media (max-width:768px) {}
 }

 .schedule_view_form .formiein textarea {
     border-color: #C2CDD6 !important;
 }

 .schedule_view_form form button {
     @media (max-width:1919px) {
         min-width: 118px !important;
     }
 }

 .schedule_view_form form button span {
     @media (max-width:1919px) {
         font-size: 14px !important;
     }
 }

 .schedule_view_form form label {
     @media (max-width:1919px) {
         font-size: 16px !important;
     }
 }

 .schedule_view_form form input::placeholder {
     @media (max-width:1919px) {
         font-size: 14px !important;
     }
 }

 .schedule_view_form .date-input {
     position: relative;
 }

 .viewing_form_close {
     position: absolute;
     right: 15px;
     top: 15px;
     cursor: pointer;
     z-index: 9999;
     @media (max-width:768px) {
         width: 30px;
         height: 30px;
     }
 }

 .viewing_form_close:hover {
     transform: rotate(90deg);
     transition: 300ms all ease-in-out;
 }

 .schedule_view_form .date-input .date-svg {
     position: absolute;
     right: 20px;
     top: 20px;
     background-color: #FFFFFF;
 }

 /* Mortgage Calculator*/
 .calculator_container_fluid {
     margin: 0 auto;
     max-width: 1920px;

     @media (max-width:1919px) {
         padding: 0 50px;
     }

     @media (max-width:1366px) {
         padding: 0 10px;
     }

     @media (max-width:768px) {
         padding: 0 15px;
     }
 }

 .calculator_first_section {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     max-width: 960px;
     margin: 50px auto;

     @media (max-width:1919px) {
         max-width: 760px;
     }

     @media (max-width:1366px) {
         width: auto;
     }

     @media (max-width:768px) {
         width: auto;
         margin: 30px auto;
     }
 }

 .calculator_first_section h1 {
     color: #323F49;
     font-weight: 700;
     font-size: 48px;

     @media (max-width:1919px) {
         font-size: 36px;
     }

     @media (max-width:1366px) {
         font-size: 32px;
     }

     @media (max-width:768px) {
         font-size: 26px;
         line-height: 31px;
     }

 }

 .calculator_first_section h2,
 .calculator_first_section p {
     color: #4A5E6D;
     font-size: 22px;

     @media (max-width:1919px) {
         font-size: 18px;
     }

     @media (max-width:1366px) {
         font-size: 16px;
     }

     @media (max-width:768px) {
         font-size: 14px;
         line-height: 18px;
         margin-top: 10px;
     }
 }

 .calculator_second_section {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 723px;
     margin: 0px auto 80px auto;
     transition: 400ms all ease-in-out;

     @media (max-width:1919px) {
         height: 655px;
     }

     @media (max-width:1366px) {
         flex-direction: column;
         height: auto;
     }

     @media (max-width:768px) {
         margin: 0px auto 40px auto;
     }
 }

 .calculator_second_section_left {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     width: 877px;
     overflow: hidden;

     @media (max-width: 1366px) {
         width: 100%;
         height: 471px;
     }

     @media (max-width: 768px) {
         width: 100%;
         height: 471px;
     }
 }

 .calculator_overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: #173D50B2;
     z-index: 1;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;

     @media (max-width: 1366px) {
         border-bottom-left-radius: 0px;
         border-top-right-radius: 20px;
     }

     @media (max-width: 768px) {
         border-bottom-left-radius: 0px;
         border-top-right-radius: 20px;
     }
 }

 .mortgage-calculator_imgContainer {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
     overflow: hidden;

     @media (max-width: 1366px) {
         border-bottom-left-radius: 0px;
         border-top-right-radius: 20px;
     }

     @media (max-width: 768px) {
         border-bottom-left-radius: 0px;
         border-top-right-radius: 20px;
     }
 }

 .mortgage-calculator_imgContainer img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     transition: transform 0.3s ease;

     @media (max-width: 1366px) {
         transform: scale(1.2);
     }

     @media (max-width: 768px) {
         transform: scale(1.4);
     }
 }

 .calculator_second_section_left_inner {
     position: absolute;
     display: flex;
     width: 620px;
     justify-content: center;
     flex-direction: column;
     row-gap: 20px;
     z-index: 2;
     left: 80px;

     @media (max-width:1919px) {
         width: 480px;
         left: 70px;
     }

     @media (max-width:1366px) {
         width: auto;
         padding-right: 30px;
         left: 60px;
     }

     @media (max-width:768px) {
         width: auto;
         padding-right: 30px;
         row-gap: 16px;
         left: 40px;
     }

     @media (max-width:370px) {
         left: 20px;
         width: auto;
         row-gap: 10px;
         padding-right: 30px;
         row-gap: 6px;
     }
 }

 .calculator_second_section_left_inner h1 {
     color: #FFFFFF;
     font-weight: 700;
     font-size: 48px;
     line-height: 57px;
     text-transform: capitalize;

     @media (max-width:1919px) {
         font-size: 36px;
         width: 341px;
     }

     @media (max-width:1366px) {
         font-size: 32px;
         width: auto;
         line-height: 39px;
     }

     @media (max-width:768px) {
         font-size: 26px;
         line-height: 31px;
         width: auto;
     }
 }

 .calculator_second_section_left_inner h4 {
     color: #FFFFFF;
     font-size: 22px;
     letter-spacing: 1px;

     @media (max-width:1919px) {
         font-size: 18px;
     }

     @media (max-width:1366px) {
         font-size: 16px;
     }

     @media (max-width:768px) {
         font-size: 14px;
     }
 }

 .calculator_second_section_left_inner ul {
     padding-left: 24px;
 }

 .calculator_second_section_left_inner ul li {
     color: #FFFFFF;
     font-size: 22px;
     font-weight: 700;
     letter-spacing: 1px;

     @media (max-width:1919px) {
         font-size: 18px;
         margin-bottom: 5px;
     }

     @media (max-width:1366px) {
         line-height: 28px;
         font-size: 16px;
         margin-bottom: 5px;
     }

     @media (max-width:768px) {
         line-height: 20px;
         font-size: 14px;
         margin-bottom: 6px;
     }
 }

 .calculator_second_section_left_inner span {
     color: rgba(255, 255, 255, 0.8);
     font-size: 22px;
     font-weight: 100;

     @media (max-width:1919px) {
         font-size: 18px;
     }

     @media (max-width:1366px) {
         font-size: 16px;
     }

     @media (max-width:768px) {
         line-height: 20px;
         font-size: 14px;
     }
 }

 .calculator_second_section_right {
     display: flex;
     flex-direction: column;
     row-gap: 25px;
     height: 100%;
     width: 844px;
     background: #E9F1F3;
     padding: 40px 45px;
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;

     @media (max-width:1919px) {
         padding: 45px 70px;
     }

     @media (max-width:1366px) {
         height: auto;
         width: 100%;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 20px;
         border-bottom-left-radius: 20px;
     }

     @media (max-width:768px) {
         padding: 20px;
         height: auto;
         width: 100%;
         border-top-right-radius: 0px;
         border-bottom-right-radius: 20px;
         border-bottom-left-radius: 20px;
     }
 }

 .calculator_second_section_right .form-group label {
     font-size: 20px;
     font-weight: 700;
     color: #323F49 !important;
     letter-spacing: 0px;

     @media (max-width:1919px) {
         font-size: 16px;
     }

     @media (max-width:1366px) {
         font-size: 16px;
     }

     @media (max-width:768px) {
         font-size: 14px;
     }
 }

 .calculator_second_section_right .form-group input,
 .calculator_second_section_right .form-group select {
     color: #4A5E6D !important;
     font-size: 16px;
     font-weight: 300;
     height: 56px;
     border-radius: 50px;

     @media (max-width:1919px) {
         font-size: 14px;
         height: 42px;
     }

     @media (max-width:1366px) {
         font-size: 14px;
         height: 42px;
     }

     @media (max-width:768px) {
         font-size: 14px;
         height: 42px;
     }
 }

 .calculator_second_section_right .form-group input::placeholder {
     font-size: 16px;
     font-weight: 300;
     color: #323F49 !important;

     @media (max-width:1919px) {
         font-size: 14px;
     }

     @media (max-width:1366px) {
         font-size: 14px;
     }

     @media (max-width:768px) {
         font-size: 14px;
     }

 }

 .calculator_second_section_right h4 {
     display: flex;
     align-items: center;
     gap: 16px;
     font-size: 24px;
     color: #00758D;

     @media (max-width:1919px) {
         font-size: 20px;
     }

     @media (max-width:1366px) {
         font-size: 20px;
     }

     @media (max-width:768px) {
         flex-direction: column;
         font-size: 16px;
         align-items: flex-start;
         font-weight: 700;
     }
 }

 .calculator_second_section_right .calculator_interest span {
     font-size: 32px;
     color: #323F49;

     @media (max-width:1919px) {
         font-size: 26px;
     }

     @media (max-width:1366px) {
         font-size: 26px;
     }

     @media (max-width:768px) {
         font-size: 22px;
     }
 }

 .calculator_second_section_right .calculator_interest p {
     margin-top: 20px;
     margin-bottom: 0px;
     font-size: 16px;
     color: #4A5E6D;

     @media (max-width:1919px) {
         font-size: 14px;
     }

     @media (max-width:1366px) {
         font-size: 14px;
     }

     @media (max-width:768px) {
         font-size: 14px;
     }
 }

 .calculator_second_section_right .calculator_interest .note {
     font-size: 16px;
     color: #4A5E6D;
     font-weight: 700;

     @media (max-width:1919px) {
         font-size: 14px;
     }

     @media (max-width:1366px) {
         font-size: 14px;
     }

     @media (max-width:768px) {
         font-size: 14px;
     }
 }

 .calculator_btn .text {
     font-size: 16px;

     @media (max-width:1366px) {
         font-size: 14px;
     }

     @media (max-width:768px) {
         font-size: 11.5px;
     }

 }

 .calculator_btn a {
     height: 60px;
     padding: 0px 10px 0 30px;

     @media (max-width:1919px) {
         height: 52px;
     }

     @media (max-width:768px) {
         padding: 0px 5px 0 7px;

     }
 }

 .mortgage-calculator_form {
     display: none;
     position: fixed !important;
     top: 50%;
     left: 50%;
     height: auto !important;
     max-width: 1136px !important;
     transform: translate(-50%, -50%);
     z-index: 999999;
     background-color: white;
     padding: 20px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

     @media (max-width:1919px) {
         width: 822px !important;
         padding: 36px 60px !important;
     }

     @media (max-width:1366px) {
         width: 658px !important;
         padding: 36px 60px !important;
     }

     @media (max-width:768px) {
         width: auto !important;
         padding: 65px 20px 36px 20px !important;
         margin: 20px 10px !important;
         left: 0%;
         transform: translate(0%, -50%);
     }
 }

 .mortgage-calculator_form h2 {
     font-size: 48px !important;
     color: #323F49;
     margin-bottom: 30px;

     @media (max-width:1919px) {
         font-size: 36px !important;
         margin-bottom: 10px;
         margin-left: 20px;
     }

     @media (max-width:1366px) {
         text-align: center;
         font-size: 32px !important;
         margin-bottom: 10px;
     }

     @media (max-width:768px) {
         text-align: center;
         font-size: 22px !important;
     }
 }

 .mortgage-calculator_form p {
     font-size: 18px !important;
     color: #003E52;

     @media (max-width:1919px) {
         font-size: 16px !important;
         padding-left: 20px;
     }

     @media (max-width:1366px) {
         text-align: center;
         font-size: 16px !important;
     }

     @media (max-width:768px) {
         text-align: center;
         font-size: 14px !important;
     }
 }

 .mortgage-calculator_form form label {
     @media (max-width:768px) {
         font-size: 16px !important;
     }
 }

 .body_overlay {
     display: none;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #000000B2;
     backdrop-filter: blur(20.2px);
     z-index: 999;
 }

 .body_view_overlay {
     display: none;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(9, 27, 37, 0.85);
     /*backdrop-filter: blur(20.2px);*/
     z-index: 999;
 }

 .mortgage-calculator_form input::placeholder {
     color: #4A5E6D !important;
     font-size: 14px;
 }

 .mortgage-calculator_form textarea {
     border: 1px solid #C2CDD6 !important;
 }

 .mortgage-calculator_close {
     position: absolute;
     top: 20px;
     right: 20px;
     cursor: pointer;
     transition: transform 0.3s ease;

     @media (max-width:768px) {
         width: 32px;
         height: 32px;
     }
 }

 .mortgage-calculator_close:hover {
     transform: rotate(90deg);
 }

 /* mew projects page */

 .insights-banner.newprojectsdetail img {
     border-radius: 0;
 }

 .insights-banner-tabs {
     background-color: var(--Beige-03);
     border-radius: 0 0 20px 20px;
 }

 .insights-banner-tabs ul {
     list-style: none;
 }

 .insights-banner-tabs ul li a {
     color: var(--Black);
 }

 .insights-banner-tabs ul li {
     padding: 18px 5px 18px 0;
     margin-right: 15px;
     border-bottom: 1px solid transparent;
 }

 .insights-banner-tabs ul li.active {
     border-bottom: 1px solid var(--primary);
 }

 .insights-banner-tabs ul li.active a {
     color: var(--primary);
 }

 .insights-banner-tabs ul li .home-bm:before {
     content: url(../img/icons/home-bm.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li.active .home-bm:before {
     content: url(../img/icons/home-bm-active.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li .img-bm:before {
     content: url(../img/icons/img-bm.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li.active .img-bm:before {
     content: url(../img/icons/img-bm-active.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li .loc-bm:before {
     content: url(../img/icons/loc-bm.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li.active .loc-bm:before {
     content: url(../img/icons/loc-bm-active.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li .pay-bm:before {
     content: url(../img/icons/pay-bm.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li.active .pay-bm:before {
     content: url(../img/icons/pay-bm-active.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li .broc-bm:before {
     content: url(../img/icons/broc-bm.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-banner-tabs ul li.active .broc-bm:before {
     content: url(../img/icons/broc-bm-active.svg);
     margin-right: 8px;
     display: inline-block;
     vertical-align: sub;
     width: 20px;
     height: 20px;
 }

 .insights-listings-detail .desc-sec {
     border-radius: 0 0 20px 20px;
 }

 .insights-listings-detail .desc {
     margin-bottom: 100px;
 }

 .insights-listings-detail .desc p {
     font-size: 18px;
 }

 .insights-listings-detail .desc .bg-grey {
     background-color: var(--Beige-02);
     border-radius: 20px;
     padding: 40px;
 }

 .insights-listings-detail .desc .group-icon,
 .insights-listings-detail .desc .rera {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
 }

 .insights-listings-detail .desc .group-icon img {
     width: 100%;
     max-width: 214px;
     height: 85px;
     object-fit: contain;
 }

 .insights-listings-detail .gal-sec {
     background-color: var(--Black);
     padding: 140px 0;
 }

 .insights-listings-detail .gal-sec .btn-wrap .slick-btn {
     border: 1px solid white;
 }

 .insights-listings-detail .gal-sec .btn-wrap img {
     filter: brightness(100);
 }

 .insights-listings-detail .gal-sec .btn-wrap .slick-btn:hover {
     background-color: var(--White);
     border-color: var(--White);
 }

 .insights-listings-detail .gal-sec .btn-wrap .slick-btn:hover img {
     filter: none;
 }

 .insights-listings-detail .all-property-slider-gallery {
     height: 600px;
     object-fit: cover;
     border-radius: 20px;
     margin-left: 80px;
 }

 .insights-listings-detail .all-property-slider-gallery .img {
     width: 1315px;
     height: 600px;
     object-fit: cover;
     border-radius: 20px;
 }

 .insights-listings-detail .buy.detail .image-galleries .list-type-label-count {
     top: 20px;
     bottom: auto;
     left: 20px;
     cursor: pointer;
 }

 .insights-listings-detail .content-sec img {
     width: 100%;
     min-width: 1093px;
     max-width: 1093px;
     height: 600px;
     object-fit: cover;
     border-radius: 20px;
 }

 .insights-listings-detail .content-sec p {
     font-size: 18px;
 }

 .insights-listings-detail .content-sec .cdh {
     font-size: 30px;
     font-weight: 600;
     line-height: 36px;
 }

 .insights-listings-detail .map-sec iframe {
     border-radius: 20px;
 }

 .insights-listings-detail .map-sec .gd-row ul {
     list-style: none;
     padding: 0;
     margin: 0;
     margin-bottom: 82px;
 }

 .insights-listings-detail .map-sec .gd-row ul .section-separator {
     padding: 0;
     margin: 15px 0 27px 0;
 }

 .insights-listings-detail .map-sec .gd-row .p-47 {
     padding: 47px 40px 40px;
     height: 600px;
     overflow-y: auto;
 }

 .sticky-bm {
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 1000;
     background-color: var(--Beige-03);
 }

 .ratings-sec {
     background-color: var(--Beige-02);
     padding: 150px 0;
     margin-bottom: -20px;
 }

 .ratings-sec .pro-controls p {
     font-size: 18px;
 }

 .ratings-sec .pro-controls a {
     font-size: 18px;
     font-weight: 600;
     line-height: 25.2px;
     text-align: left;
     color: var(--primary);
     text-decoration: underline !important;
 }

 .rating-card {
     background-color: var(--Beige-01);
     border-radius: 20px;
     padding: 20px;
     width: 573px !important;
     margin-right: 20px;
 }

 .rating-card .stars-wrapper img {
     margin-right: 10px;
 }

 .rating-card h5 {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     min-height: 76px;
 }

 @media (max-width: 1299px) {
     .d-1300-block {
         display: none;
     }

     .team-desc .buy.detail .value-card {
         margin-bottom: 20px;
     }

     .team-cover.d-1300-none {
         margin-bottom: 40px;
     }

     .team-desc .buy.detail .value-card ul li:not(.s-btn) a {
         min-width: 165px;
     }
 }

 @media (min-width: 1300px) {
     .d-1300-none {
         display: none;
     }
 }


 /* Career Page */

 .banner-desc-area-career {
     width: 100%;
     margin-top: 210px;
 }

 .banner-desc-area-career p {
     font-size: 24px;
     font-weight: 300;
     line-height: 33.6px;
     letter-spacing: -0.03em;
     text-align: center;
     color: var(--white-80);
     width: 100%;
     max-width: 730px;
     margin: 0 auto 20px;
 }

 .banner-desc-area-career .beige {
     background-color: var(--Beige-01);
     color: var(--primary);
     margin-left: 20px;
 }


 /* Career Page */

 .job-openings {
     padding-top: 150px;
     padding-bottom: 130px;
     background-color: var(--Beige-02);
 }

 .job-openings-inner {
     width: 100%;
     max-width: 575px;
 }

 .job-openings-inner h2 {
     font-size: 58px;
     font-weight: 300;
     line-height: 63.8px;
     letter-spacing: -0.03em;
     text-align: left;
 }

 .job-openings-inner p {
     font-size: 18px;
     font-weight: 400;
     line-height: 25.2px;
     text-align: left;
 }

 .job-card {
     background-color: var(--Beige-01);
     border-radius: 20px;
     padding: 45px 40px;
     margin-bottom: 20px;
 }

 .btn-primary-tr {
     background: transparent;
     color: var(--primary);
     border: 1px solid var(--primary);
 }

 .btn-primary-tr:hover {
     background-color: var(--primary);
     color: var(--White);
 }


 /* .job-card h4 {
    min-width: 547px;
} */

.jobs .job-title {
    width: 560px;
}

.jobs span {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
    display: inline-block;
}

.jobs .job-comission {
    min-width: 180px;
}

.jobs .job-timing {
    min-width: 110px;
}

.jobs .job-location {
    min-width: 77px;
}

.job-card .btn-primary {
    min-width: 263px;
}

.job-card .job-comission:before {
    content: url(../img/icons/ico-comission.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.job-card .job-timing:before {
    content: url(../img/icons/ico-time.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.job-card .job-location:before {
    content: url(../img/icons/ico-job-location.svg);
    vertical-align: middle;
    margin-right: 8px;
}

.boost-career {
    padding-top: 150px;
}

.boost-career .content-sec {
    margin-bottom: 130px;
}

.job-description-wrapper {
    width: 100%;
    max-width: 1100px;
}

.job-description-wrapper h4 {
    margin-top: 40px;
}

.job-description-wrapper p,
.job-description-wrapper li {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
}

.job-description-wrapper ul {
    margin-bottom: 0;
}

.fixed {
    position: fixed;
    top: 0;
    right: calc(0% + 70px);
    z-index: 9999;
    transition: all 0.3s ease;
    left: auto;
}

#hidden_text_keyword+.select2-container--default .select2-selection--multiple .select2-selection__choice,
#searchingprojects+.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary);
    color: var(--White);
    border: none;
}

#hidden_text_keyword+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
#searchingprojects+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--White);
}

#hidden_text_keyword+.select2-container--default .select2-selection--multiple .select2-selection__rendered,
#searchingprojects+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 30px;
    overflow-y: auto;
}

@media (max-width: 1919px) {
    .fixed {
        position: fixed;
        top: 0;
        right: calc(0% + 30px);
        z-index: 9999;
        transition: all 0.3s ease;
        left: auto;
    }
}

.search-bar .search_inputmain .widthfitcontent.select2-container {
    width: fit-content !important;
    order: 1;
    max-width: calc(100% - 198px);
}



#hidden_text_keyword+.select2-container--default .select2-search--inline .select2-search__field::placeholder,
#searchingprojects+.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: var(--black-60);
}

#hidden_text_keyword+.widthfitcontent.select2-container--default .select2-search--inline .select2-search__field,
#searchingprojects+.widthfitcontent.select2-container--default .select2-search--inline .select2-search__field {
    width: fit-content !important;
}

#hidden_text_keyword+.widthfitcontent.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    display: none;
    color: transparent;
}

#hidden_text_keyword+.select2-container--default .select2-selection__choice,
#searchingprojects+.select2-container--default .select2-selection__choice {
    display: inline-block;
}

#hidden_text_keyword+.select2-container--default .select2-selection__choice:first-child {
    display: none;
}

#hidden_text_keyword+.widthfitcontent.select2-container--default .select2-selection--multiple {
    padding: 3px 0 0;
}

#selectedItemDisplaytest {
    display: none;
    min-height: 40px;
    margin: 0;
    padding: 0px 0 0 30px;
}

.widthfitcontent+#selectedItemDisplaytest {
    display: flex;
    flex-wrap: nowrap !important;
}

#selectedItemDisplaytest .selected_locationtest {
    background-color: var(--primary, #F03D4F);
    color: var(--White);
    border: none;
    padding: 0 5px;
    border-radius: 4px;
    margin-right: 5px;
    white-space: nowrap;
}

.close-this {
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

.search-bar .search_inputmain .select2-container.select2-container--open {
    left: -1px !important;
}

.search-module .search-input.search_inputmain.listing_search_inputmain {
    flex-wrap: nowrap;
}

.listing_search_inputmain #selectedItemDisplaytest .selected_locationtest {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    vertical-align: middle;
    display: inline-block !important;
}

.search-bar .listing_search_inputmain.search_inputmain .select2-container.select2-container--open {
    left: 3px !important;
}

.mainbanner_inner {
    max-width: 1136px;
    margin: 0 auto;
    padding: 74px 0 146px;
}

.banner-desc-area {
    max-width: 915px;
    margin: 0 auto;
}
.mainformsearch{
}
.bannerformareaa {
    margin: 0 auto;
    position: relative;
    max-width: 1206px;
}
.mainsearchinnerpages .bannerformareaa{
    margin-top: -58px;
}
.search-module {
   
}

.uperformdiv {
    display: grid;
    grid-template-columns: 1fr 425px;
    gap: 12px;
    border-radius: unset;
    overflow: unset;
}

.innerformdiv {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 48px;
    gap: 12px;
    margin-top: 16px;
}
.combofilter{
    display: grid;
    align-items: center;
    border: 1px solid var(--secondary_text);
    border-radius: 5px;
    grid-template-columns: 180px 1fr;
}
.combofilter .chosen-value{
    border: none;
    border-radius: unset;
}
.combofilter .chosen-value:hover,
.combofilter .chosen-value:focus, 
.combofilter .chosen-value.open{
    background-color: transparent;
}
.combofilter .chosen-value-wrapper-filter{
    position: relative;
}
.combofilter .chosen-value-wrapper-filter::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background-color: #38383833;
}
.searchicon{
    padding: 0;
    width: 48px;
    height: 48px;
    background-color: var(--primary);
    border-radius: 100%;
    @media (max-width:992px) {
        width: 100%;
        border-radius: 30px;
        height: 42px;
        display: flex;
        align-items: center;
        gap: 8px;

    }
}
.pro_heading {
    padding-bottom: 70px;
    @media (max-width:1750px) {
        padding-bottom: 50px;
    }
    @media (max-width:576px) {
        padding-bottom: 30px;
    }
}

.pro_heading h2 {
    text-transform: uppercase;
    
}

.pro_heading p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 28px;
    color: var(--heading_black);
    font-weight: 600;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
        margin-top: 15px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        margin-top: 12px;
        text-align: center;
    }
}
.pro_heading_ifslider p{
    @media (min-width:576px) {
        max-width: 78%;
    }
}

.teamsinner {
    display: grid;
    grid-template-columns: 450px 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 32px;
    /* Adjust gap between the divs */

    width: 100%;
    height: auto;
    /* Adjust as per your design */
}

.box2,
.box3,
.box4 {
    grid-column: span 1;
    /* These 4 divs will take 1 column each */
}

.box6,
.box7,
.box8,
.box5 {
    grid-column: span 1;
    /* The next row of 4 divs */
}

.box {
    height: 300px;
    text-align: center;
}

.box1 {
    grid-row: span 2;
    height: 100%;
}

.teamsinner {
    margin-bottom: 69px;
}

.teamsinner .team {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    overflow: hidden;
}

.teamsinner .team .pro_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.teamsinner .team .pro_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.teamsinner .team .content {
    background-color: rgba(244, 248, 249, 1);
    padding: 19px 12px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    margin: 20px;
    width: calc(100% - 40px);
    display: block;
    transition: transform 0.8s, opacity 0.8s;
    transform: translateY(100px);
    opacity: 0;
}

.teamsinner .team:hover .content {
    transform: translateY(0px);
    opacity: 1;
}

.teamsinner .team .content h2 {
    font-size: 18px;
    font-weight: 700;
    color: rgba(50, 63, 73, 1);
    line-height: 100%;
    margin: 0;
    letter-spacing: 0px;
}

.teamsinner .team.box1 .content h2 {
    font-size: 24px;
    font-weight: 700;
    color: rgba(50, 63, 73, 1);
    line-height: 100%;
}

.banner_text {
    padding: 160px 100px;
    border-radius: unset;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    overflow: hidden;
    height: 100%;
    @media (max-width:992px) {
        padding: 150px 40px;
    }
    @media (max-width:576px) {
        padding: 50px 30px;
    }
}
.google_reviewsonbanner{
    position: absolute;
    right:30px;
    bottom: 30px;
}
.banner_imgs {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner_imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner_text::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(
        to bottom,
        rgba(61, 19, 12, 0.1) 0%,
        rgba(61, 19, 12, 0.6) 60%,
        rgba(61, 19, 12, 0.1) 100%
        );
}

.banner_text .pro_img {}

.banner_text .content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    position: relative;
    max-width: 995px;
    margin: 0 auto;
}

.banner_text .content h2 {
    font-size: 40px;
    color: var(--White);
    margin-bottom: 70px;
    line-height: 46px;
    text-align: center;
}
.banner_text .content p {
    font-size: 34px;
    color: var(--White);
    margin-bottom: 40px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 26px;
        margin-bottom: 32px;
        line-height: 38px;
    }
    @media (max-width:1200px) {
        font-size: 24px;
        margin-bottom: 30px;
        line-height: 32px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 24px;
    }
}


.banner_text .content .btn-icon-white {
    width: fit-content;
}

.banner_main {
    padding: 0px;
}

.Our_team {
    padding: 0px 0 90px;
}

footer {
    background: var(--bg_light);
    padding-top: 0;
    position: relative;
}
/* footer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--White);
    background-size: cover;
} */
footer p{
    margin: 32px 0;
    font-size: 18px;
    line-height: 24px;
    color: rgba(38, 38, 38, 0.6);
    font-weight: 400;
}
ul.socialfooter{
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 16px;
    padding: 0;
    margin: 0;
    @media (max-width:576px) {
    }
}
footer .footer-box ul.socialfooter li{
    margin: 0;
}
ul.socialfooter .iconsocial{
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border:1px solid rgba(38, 38, 38, 0.886);
    display: flex;
    align-items: center;
    justify-content: center;
    
    @media (max-width:992px) {
        width: 26px;
        height: 26px;
    }
    @media (max-width:576px) {
    }
}
ul.socialfooter .iconsocial img{
    max-width: 16px;
    @media (max-width:992px) {
      max-width: 13px;
    }
}
ul.infolist .ico {
  margin: 4px 0 0;
  @media (max-width:576px) {
    margin: 1px 0 0 0;
  }
}
ul.infolist{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap:15px;
}
footer .footer-box ul.infolist li{
    display: grid;
    grid-template-columns: 18px 1fr;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
}
footer .footer-box ul.infolist .detail a{
    font-size: 16px;
    line-height: 24px;
    color: var(--heading_black);
    margin: 0;
    display: block;
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
        margin-left: 5px;
    }
}
footer .footer-box ul.infolist .detail a:first-child{
    margin-left: 0;
}
footer .footer-box ul.infolist .detail p{
    font-size: 16px;
    line-height: 22px;
    color: var(--heading_black);
    margin: 0;
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.subscribeform h2 {
    font-size: 39px;
    line-height: 44px;
    margin: 0 0;
    color: var(--White);
    text-transform: capitalize;
}

.newslaterfooter {
    position: relative;
    width: 685px;
    margin: 0 auto;
    @media (max-width:992px) {
        width: 100%;
    }
}

.newslaterfooter input {
    border-radius: 50px;
    height: 76px;
    padding: 8px 24px;
    font-size: 16px;
    line-height: 17px;
    color: var(--White);
    background: transparent;
    border: 1px solid #ffffff42;
    width: 100%;
}
.newslaterfooter input::placeholder{
    color: var(--White);
}
#subsribeButton{
    width: 285px;
    @media (max-width:992px) {
        width: 100%;
        max-width: 214px;
    }
    @media (max-width:576px) {
        width: 100%;
        max-width: 100%;
    }
}
.newslaterfooter a,
.newslaterfooter button {
    position: absolute;
    right: 8px;
    top: 8px;
    height: calc(100% - 16px);
}

.border_footer {
    border-bottom: 1px solid rgba(38, 38, 38, 0.12);
    padding-top: 40px;
    margin-bottom: 40px;
}
.linkterms a{
    font-size: 18px;
    line-height: 24px;
    color: var(--heading_black);
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.footer-content {
    display: grid;
    grid-template-columns: 338px 1fr 1fr 1fr 328px;
    justify-content: space-between;
    padding-top: 78px;
    @media (max-width:1200px) {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width:1200px) {
    .footer-content .footer-box{
        width: calc(33.33% - 20px);
    }
    .footer-content .footer-box:first-child,
    .footer-content .footer-box:last-child{
        width: 100%;
    }

}
@media (max-width:576px) {
    .footer-content .footer-box{
        width: calc(50% - 20px);
    }
    .footer-content .footer-box:first-child,
    .footer-content .footer-box:last-child{
        width: 100%;
    }
    .footer-content .footer-box:last-child{
        margin-bottom: 0;
    }

}

footer .footer-box {
    padding-right: 32px;
    margin-bottom: 40px;
}

footer .footer-box:last-child,
footer .footer-box:nth-child(5n) {
    border-right: none;
    padding-right: 0;
}

footer .footer-box .property_content_footer {
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
footer .footer-box:last-child .property_content_footer,
footer .footer-box:nth-child(5n) .property_content_footer {
    border-right: none;
    padding-right: 0;
}
.footer_heads {
    font-size:18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--heading_black);
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
}

.footer_heads+p {
    margin-top: 30px;
    margin-bottom: 0;
    color: var(--secondary_text);
    font-size: 14px;
    line-height: 18px;
}

.footer_heads+ul {
    margin-top: 30px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

footer .footer-box ul li {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 20px;
    color: var(--heading_black);
    font-weight: 400;
    display: flex;
    align-items: center;
}

footer .footer-box ul li:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

footer .footer-box ul li span {
    display: block;
    margin-right: 15px;
}

footer .footer-box ul li a {
    font-size: 16px;
    line-height: 100%;
    color: var(--heading_black);
    font-weight: 400;
}

footer .footer-box ul li a:hover {
    color: var(--primary);
}

footer .footer-box ul.social-icons {
    display: flex;
    flex-wrap: wrap;
}

footer .footer-box ul.social-icons li {
    margin-right: 24px;
    margin-bottom: 0;
}

footer .footer-box ul.social-icons li:last-child {
    margin-right: 0;
}

footer .footer-box ul.social-icons li a {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid var(--secondary_text);
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .footer-box ul.social-icons li a svg {
    fill: var(--secondary_text);
    width: 14px;
    height: 13px;
}

footer .footer-box ul.social-icons li a:hover {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
}
.all_rights{
    padding-bottom: 60px;
    @media (max-width:576px) {
        padding-bottom: 44px;
    }
}
.all_rights .leftie {
    display: flex;
    align-items: center;
}

.all_rights .leftie p {
    font-size: 18px;
    color: var(--heading_black);
    line-height: 24px;
    position: relative;
    margin: 0;
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.all_rights h4 {
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: var(--secondary_text);
    margin: 0;
    letter-spacing: 0px;
}

.contactformbanner .col-lg-auto {
    max-width: 697px;
}

.contactformbanner form p {
    font-size: 18px;
    line-height: 20px;
    color: #003E52;
    margin-bottom: 10px;
    margin-top: 25px;
}

.project_card {
    padding: 15px;
    border-radius: 20px;
    border: 1px solid #242B5626;
    display: block;
    height: 100%;
    background-color: var(--White);
    @media (max-width:1750px) {
        padding: 12px;
    }
    @media (max-width:992px) {
        padding: 8px;
    }
}

.project_card .pro_img {
    position: relative; 
    width: 100%;
    height: 320px;
    overflow: hidden;
    border-radius: 18px;
    @media (max-width:1750px) {
        height: 242px;
        borrer-radius: 10px;
    }
    @media (max-width:992px) {
        height: 207px;
        borrer-radius: 10px;
    }
    @media (max-width:1750px) {
        height: 207px;
        borrer-radius: 10px;
    }
}
.project_card .badgediv {
  position: absolute;
  z-index: 99;
  top: 6px;
  right: 6px;
}
.project_card .badgeproperty {
  background-color: var(--heading_black);
  color: var(--White);
  border-radius: 100px;
  padding: 5px 12px 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  text-transform: uppercase;
}
.project_card .pro_img img {
   width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_card .content {
    padding: 30px 15px 15px;
    @media (max-width:1750px) {
        padding: 20px 6px 6px;
    }
    @media (max-width:992px) {
        padding: 18px 8px 8px;
    }
}
.project_card .content h4{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: var(--heading_black);
    text-transform: uppercase;
    margin: 0 0 12px;
    @media (max-width: 992px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width: 576px) {
        font-size: 18px;
        line-height: 24px;
    }
}
.project_card .content h4 span{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--heading_black);
    margin-right: 5px;
    @media (max-width: 992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width: 576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.project_card .content h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--heading_black);
    text-transform: uppercase;
    margin: 0 0 14px;
    @media (max-width: 992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width: 576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.project_card .content h3 span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--heading_black);
    margin-right: 5px;
    @media (max-width: 992px) {
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width: 576px) {
        font-size: 12px;
        line-height: 18px;
    }
}
.project_card .content h2{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--heading_black);
    margin: 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    @media (max-width: 992px) {
        font-size: 22px;
        line-height: 28px;
    }
    @media (max-width: 576px) {
        font-size: 20px;
        line-height: 26px;
        text-align: start;
    }
}
.project_card .content .loc{
    position: relative;
    padding-left: 32px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--text_color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    @media (max-width: 1750px) {
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width: 576px) {
        font-size: 12px;
        line-height: 18px;
        padding-left: 29px;
    }
}
.project_card .content .loc::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url('./../img/icons/map-pinloc.svg') center no-repeat;
    background-size: contain;
    @media (max-width: 576px) {
        width: 20px;
        height: 20px;
    }
}

.project_card .content .speciality {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px 0 0;
}

.project_card .content .speciality .item {
   background: var(--bg_light);
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
   padding: 12px 12px;
    @media (max-width: 1200px) {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
    }
    @media (max-width: 576px) {
        font-size: 12px;
        line-height: 18px;
    }
}
.project_card .content .speciality .item span{
    max-width: 16px;
    margin-right: 10px;
    @media (max-width: 1200px) {
        max-width: 14px;
    }
}

.project_card .content .social{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background-color: var(--secondary);
 }
.project_card .content .address {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.project_card .brandswithcontact{
    padding: 4px 8px 4px 16px;
    background-color: var(--bg_light);
    border-radius: 22px;
    margin: 12px 0 0;
}
.listagents .profiler {
  padding-right: 5px;
  width: calc(100% - 70px);
}

.project_card .content .address .icon {
    width: 18px;
    display: flex;
}

.project_card .content .address .icon img {
    max-width: 100%;
    height: auto;
}

.project_card .content .address .content {
    width: calc(100% - 24px);
    margin-left: 5px;
    color: #4A5E6D;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.project_card .content .headingandtext h4 {
    font-size: 20px;
    line-height: 24px;
    color: var(--secondary);
    margin: 0;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.project_card .content .headingandtext p {
    font-size: 14px;
    line-height: 18px;
    color: #4A5E6D;
    margin: 15px 0 0;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.projectsmain {
    padding-bottom: 90px;
}

.customarrowslick {
    padding-top: 60px;
    display: flex;
    justify-content: center;
}

.customarrowslick button {
    border: 1px solid var(--text_color);
    background-color: transparent;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.7s all;
    margin-left: 6px;
    user-select: none;
    position: relative;
    transition: background-color 0.3s ease;
}

.customarrowslick button:first-child {
    margin-left: 0;
}

.customarrowslick button img {
    transition: transform 0.3s ease;
}

.customarrowslick button.nextslick img {
    transform: rotate(180deg);
}

.customarrowslick button:hover {
    border-color: var(--secondary);
    background-color: var(--secondary);
}

.customarrowslick button:hover img {
    filter: brightness(0) invert(1);
}

.galleryproject_mian .customarrowslick button:hover{
    border-color: var(--primary);
    background-color: var(--primary);
}
.galleryproject_mian .customarrowslick button:hover img{
    filter: none;
}

.galleryproject_mian .pre_heading {
  padding-bottom: 32px;
}


.customarrowslick button.slick-disabled {
    opacity: 0.4;
    cursor: auto;
}

.projects_listing.slick-slider {
    margin: 0 -16px;
}

.projects_listing .slick-slide {
    outline: none;
    padding-right: 16px;
    padding-left: 16px;
}

.brandslist.slick-slider {
    margin: 0 -16px;
}

.brandslist .slick-slide {
    outline: none;
    padding-right: 16px;
    padding-left: 16px;
}

.branditem {
    border: 1px solid var(--secondary-lightest);
    border-radius: 100%;
    padding: 0;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.branditem img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 25px;
}

.brandsmainsectoion {
    padding: 90px 0;
}

.dealcards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.dealcards .dealcard {
    width: 100%;
    overflow: hidden;
    height: 415px;
    border-radius: 14px;
}

.dealcards .dealcard img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.dealoftheday {
    padding-bottom: 90px;
}

#loader .spinner.spinner-icon {
    width: 40px;
    height: 40px;
    border: 10px solid transparent;
    border-top-color: var(--secondary) !important;
    border-left-color: var(--white-60) !important;
    border-radius: 50%;
    animation: loading-bar-spinner 400ms linear infinite;
}

@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }
}

.branditem {
    overflow: hidden;
    position: relative;
}

.branditem img {
    position: absolute;
    bottom: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.image-down {
    transform: translateY(100%);
    opacity: 0;
}

.branditem:hover .image-up {
    transform: translateY(-100%);
    opacity: 0;
}

.branditem:hover .image-down {
    transform: translateY(0);
    opacity: 1;
}

@keyframes jump {
    0% {
        transform: translateX(0) rotate(180deg);
        /* Start at original position */
    }

    25% {
        transform: translateX(10px) rotate(180deg);
        /* Move right */
    }

    50% {
        transform: translateX(-10px) rotate(180deg);
        /* Move left */
    }

    75% {
        transform: translateX(5px) rotate(180deg);
        /* Move slightly to the right */
    }

    100% {
        transform: translateX(0) rotate(180deg);
        /* Return to original position */
    }
}

@keyframes jumpback {
    0% {
        transform: translateX(0) ;
        /* Start at original position */
    }

    25% {
        transform: translateX(-10px) ;
        /* Move right */
    }

    50% {
        transform: translateX(10px) ;
        /* Move left */
    }

    75% {
        transform: translateX(-5px);
        /* Move slightly to the right */
    }

    100% {
        transform: translateX(0);
        /* Return to original position */
    }
}

.all-property-slider.slick-slider,
.bloglisting_slider.slick-slider {
    margin: 0 -10px;
}

.all-property .all-property-slider.slick-slider .slick-slide,
.bloglisting_slider.slick-slider .slick-slide {
    padding: 0 10px;
}

.all-property .list-card .list-img-slider .slick-slide {
    padding: 0 0;
}

.all-property .all-property-slider.slick-slider .list-card {
    /* width: 100%;*/
    max-width: 100%; 
    margin: 0;
}

.all-property .all-property-slider.slick-slider .list-card .list-img-slider {
    /* max-width: 100%; */
}

.all-property .all-property-slider.slick-slider .slick-slide.w-0 {
    width: 0 !important;
}

.listagents .profiler .content {
    width: calc(100% - 50px);
    margin-left: 10px;
}

.listagents .profiler {
    padding-right: 5px;
    width: calc(100% - 72px);
}

.listagents .profiler .pre_img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
}

.listagents .profiler .pre_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.listagents .profiler .content .agent-name,
.listagents .profiler .content .agent-designation {
    overflow: hidden;
    text-overflow: ellipsis;
}

.listagents .contacter {
    width: 70px;
}

header .row .col-auto {
    padding: 0 0;
}

.all-property-slider button.slick-arrow,
.exploringcommunityslider button.slick-arrow,
.bloglisting_slider.slick-slider .slick-arrow {
    border: 1px solid var(--heading_black);
    background-color: transparent;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.7s all;
    user-select: none;
    transition: background-color 0.3s ease;
    position: absolute;
    top: -70px;
    right: 16px;
    transition: transform 0.3s ease;
}
@media (min-width:1750px) {
    .exploringcommunityslider button.slick-arrow{
        top: -93px;
    }
}

.all-property-slider button.slick-arrow.slick-prev{
    left: auto;
    right: 120px;
    @media (min-width:1780px) {
        right: 158px;
    }
    @media (max-width:1440px) {
        right: 106px;
    }
}
.exploringcommunityslider button.slick-arrow.slick-prev,
.all-property-slider.property-slider button.slick-arrow.slick-prev,
.bloglisting_slider.slick-slider button.slick-arrow.slick-prev {
    left: auto;
    right: 74px;
}
.all-property-slider button.slick-arrow.slick-next{
    right: 60px;
    @media (min-width:1780px) {
        right: 100px;
    }
    @media (max-width:1440px) {
        right: 46px;
    }
}
.exploringcommunityslider button.slick-arrow.slick-next,
.all-property-slider.property-slider button.slick-arrow.slick-next,
.bloglisting_slider.slick-slider button.slick-arrow.slick-next{
    right: 10px;
}

.all-property-slider button.slick-arrow::before,
.exploringcommunityslider button.slick-arrow::before,
.bloglisting_slider.slick-slider button.slick-arrow::before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: var(--secondary);
    height: 100%;
    width: 100%;
    content: "";
}

.all-property-slider button.slick-arrow.slick-next::before,
.exploringcommunityslider button.slick-arrow.slick-next::before,
.bloglisting_slider.slick-slider button.slick-arrow.slick-next::before {
    background: url('../img/icons/arrow-next.svg') no-repeat center;
    transform: rotate(180deg);
}

.all-property-slider button.slick-arrow.slick-prev::before,
.exploringcommunityslider button.slick-arrow.slick-prev::before,
.bloglisting_slider.slick-slider button.slick-arrow.slick-prev::before {
    background: url('../img/icons/arrow-next.svg') no-repeat center;
   
}

.all-property-slider.slick-slider {
    position: initial;
}
.all-property-slider.slick-slider .slick-list{
    padding:0 27% !important;
    overflow: visible;
    @media (max-width:1780px) {
        padding:0 22% !important;
    }
    @media (max-width:1340px) {
        padding:0 22% !important;
    }
    @media (max-width:1300px) {
        padding:0 20% !important;
    }
    @media (max-width:1200px) {
        padding:0 18% !important;
    }
    @media (max-width:992px) {
        padding:0 40px !important;
    }
    @media (max-width:745px) {
        padding:0 20% !important;
    }
    @media (max-width:560px) {
        padding:0 30px !important;
    }
}
.all-property-slider.property-slider.slick-slider .slick-list{
    padding:0  !important;
    overflow: hidden;
}
.all-property-slider.slick-slider .list-img-slider .slick-list,
.bloglisting_slider.slick-slider .list-img-slider .slick-list {
    padding: 0 !important;
    overflow: hidden;
}
.all-property .container-fluid {
    position: relative;
}

.all-property-slider button.slick-arrow:hover,
.exploringcommunityslider button.slick-arrow:hover,
.bloglisting_slider.slick-slider button.slick-arrow:hover {
    border-color: var(--primary);
    background-color: var(--primary);
}

.all-property-slider button.slick-arrow:hover::before,
.exploringcommunityslider button.slick-arrow:hover::before,
.bloglisting_slider.slick-slider button.slick-arrow:hover::before {
    /* animation: jump 0.5s ease; */
    filter: brightness(0) saturate(100%);
}

.all-property-slider button.slick-arrow.slick-prev:hover::before,
.exploringcommunityslider button.slick-arrow.slick-prev:hover::before,
.bloglisting_slider.slick-slider button.slick-arrow.slick-prev:hover::before {
    /* animation: jumpback 0.5s ease; */
    filter: brightness(0) saturate(100%);
}

.all-property-slider button.slick-arrow.slick-disabled,
.exploringcommunityslider button.slick-arrow.slick-disabled,
.bloglisting_slider.slick-slider button.slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: unset;
}

.breadcrumbmain {
    margin-bottom: 32px;
}

.breadcrumbmain .breadcrumb {
    margin: 0 auto;
    justify-content: center;
}

.breadcrumbmain .breadcrumb .breadcrumb-item,
.breadcrumbmain .breadcrumb .breadcrumb-item a {
    color: #26262699;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.breadcrumbmain .breadcrumb .breadcrumb-item.active {
    color: var(--primary);
}

.breadcrumbmain .breadcrumb-item+.breadcrumb-item::before {
    color: var(--primary);
}

.mortgage-calculator .text-white {
    margin-bottom: 10px !important;

    @media (max-width: 768px) {
        margin-bottom: 50px !important;
    }
}

.listing_main {
    padding: 60px 0 90px;
    background-color: var(--bg_light);
    @media (max-width:1750px) {
         padding: 45px 0 60px;
    }
    @media (max-width:992px) {
        padding: 40px 0 30px;
    }
    @media (max-width:576px) {
        padding: 30px 0 20px;
    }
    
}

.sorting-row .properties-count {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: var(--heading_black);
    @media (min-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:576px) {
        text-align: center;
    }
}

.sorting-row .dropdown {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: var(--heading_black);
    @media (min-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
}
 @media (max-width:576px) {
    .sorting-row .dropdown.gap-1 {
        justify-content: space-between !important;
        margin-top: 20px;
    }
}

.sorting-row .dropdown .dropdown-toggle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--text_color);
    margin-left: 4px;
    @media (min-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: 0.15em;
    content: "";
    border: none;
    width: 10px;
    height: 6px;
    background: url('../img/icons/dropdowncaret.svg')no-repeat center;
}

.dropdown-menu {
    padding: 15px;
    background-color: var(--White);
    background-clip: padding-box;
    border: none;
    border-radius: 8px;
    min-width: 10rem;
    font-size: 16px;
    text-align: left;
    list-style: none;
}

.custom-select-trigger.active+.custom-options {
    display: block;
}

.dropdown-menu.custom-options {
    right: 0;
    top: calc(100% + 10px);
}

.custom-dropdownselect {
    position: relative;
}

.custom-select-wrapper {
    position: relative;
}

.custom-select-trigger {
    cursor: pointer;
}

.custom-options {
    display: none;
}

#sort-order {
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.listing_main .listing_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    padding: 32px 0;
}

.pagination_listing {
    padding: 20px 0;
}
.paginationlistmain{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.pagination_listing ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.pagination_listing ul li {
    margin: 0 8px;
}


.pagination_listing ul li a {
    width: 48px;
    height: 48px;
    border: 1px solid transparent;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #26262640 !important;
    transition: all 0.3s;
    @media (max-width:1750px) {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }
    @media (max-width:992px) {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
    @media (max-width:576px){
        width: 25px;
        height: 25px;
        font-size: 10px;
    } 
}
.pagination_listing  a.prev,
.pagination_listing  a.next{
    width: auto;
    height: auto;
    border-radius: 8px;
    padding: 6.7px 13px;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 22px;
    color: var(--heading_black) !important;
    border: 1px solid #26262640;
    @media (max-width:576px) {
        font-size: 12px;
        padding: 5.7px 10px;
        gap: 5px;
    }
}
.pagination_listing  a.prev img,
.pagination_listing  a.next img{
    max-width: 22px;
    @media (max-width:576px) {
        max-width: 14px;
    }
}
.pagination_listing a.prev span, 
.pagination_listing a.next span {
  margin: -3px 0 0;
}
.pagination_listing ul li.disabled,
.pagination_listing ul li.disabled a,
.pagination_listing a.disabled {
    opacity: 0.5;
    cursor: unset;
}



.pagination_listing ul li.active a,
.pagination_listing ul li a:hover {
    color: var(--heading_black) !important;
    border-color: var(--primary);
}
.pagination_listing ul li.active.next a,
.pagination_listing ul li.next a:hover,
.pagination_listing ul li.active.prev a,
.pagination_listing ul li.prev a:hover{
    background-color: var(--primary);
    border-color: var(--primary);
}
.pagination_listing ul li a:hover img {
    /* filter: brightness(0) invert(1); */
}
.pagination_listing ul li.next a:hover img,
.pagination_listing ul li.prev a:hover img  {
      filter: brightness(0) saturate(100%);
}
.pagination_listing ul li.disabled a:hover {
    border: 1px solid var(--secondary);
    color: var(--secondary) !important;
    background-color: transparent;
}
.pagination_listing ul li.disabled a:hover img {
    filter: none;
}
.pagination_listing ul li a.disabled {
    opacity: 0.5;
    cursor: auto;
}

.pagination_listing ul li a span.dotted {
    margin: -8px 0 0 0;
    display: block;
    line-height: normal;
}

.pre_heading {
    padding-bottom: 50px;
}

.pre_heading h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0;
}

.pre_heading .customarrowslick {
    padding-top: 0;
    justify-content: flex-end;
}

.gallery_agency .agency_item {
    border-radius: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.gallery_agency .agency_item img {
    max-width: 100%;
    height: auto;
    aspect-ratio: 321 / 257;
}

.gallery_agency.slick-slider {
    margin: 0 -8px;
}

.gallery_agency.slick-slider .slick-slide {
    padding: 0 8px;
}

.agency_main {
    padding: 40px 0 60px;
}
.aboutlistmain{
    background-color: var(--bg_light);
    padding: 40px 0;
    @media (max-width:1750px) {
        padding: 36px 0;
    }
    @media (max-width:1200px) {
       padding: 36px 0;
    }
    @media (max-width:576px) {
        padding: 36px 0;
    }
}
.aboutlist{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 40px;
    @media (max-width:1750px) {
        gap: 30px;
    }
    @media (max-width:1200px) {
        gap: 30px;
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.aboutlistitem{
    display: grid;
    grid-template-columns: 65px 1fr;
    gap: 30px;
    align-items: center;
    @media (max-width:1750px) {
        grid-template-columns: 50px 1fr;
        gap: 22px;
    }
    @media (max-width:1200px) {
        grid-template-columns: 1fr;
        gap: 15px;
        align-items: flex-start;
    }
    @media (max-width:576px) {
        grid-template-columns: 40px 1fr;
        gap: 20px;
        align-items: center;
    }
}
.aboutlistitem .icon{
     @media (max-width:1200px) {
        text-align: center;
    }
    @media (max-width:576px) {
       text-align: left;
    }
}
.aboutlistitem img{
    max-width: 100%;
    height: auto;
}
.aboutlistitem h2{
    font-size: 40px;
    line-height: 46px;
    margin: 0 0 15px;
    color: var(--heading_black);
    font-weight: 700;
     @media (max-width:1750px) {
        font-size: 34px;
        line-height: 42px;
        margin: 0 0 10px;
    }
    @media (max-width:1200px) {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 10px;   
        text-align: center;
    }
    @media (max-width:576px) {
        font-size: 22px;
        line-height: 28px;
        text-align: left;
        margin: 0 0 10px;   
    }
}
.aboutlistitem p{
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    font-weight: 500;
    color: var(--text_color);
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:1200px) {
       font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
    }
}
.content_image {
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:1200px) {
       padding: 60px 0;
    }
    @media (max-width:576px) {
        padding: 50px 0;
    }
}
.leftrightimgtext{
    display: grid;
    grid-template-columns: 1fr 780px;
    gap: 130px;
    align-items: center;
    @media (max-width:1750px) {
        grid-template-columns: 1fr 626px;
        gap: 80px;
    }
    @media (max-width:1200px) {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    @media (max-width:576px) {
        gap: 30px;
    }
}
@media (min-width:1200px) {
    .leftrightimgtext.leftimg{
        direction: rtl;
    }
    .leftrightimgtext.leftimg > *{
        direction: ltr;
    }
}
.content_image .immg {
    width: 100%;
    height: auto;
    overflow: hidden;
    @media (max-width:1200px) {
        order: -1;
    }
}

.content_image .immg img {
    width: 100%;
    object-fit: cover;
    border-radius: 26px;
    @media (max-width:1750px) {
        border-radius: 22px;
    }
    @media (max-width:576px) {
        border-radius: 14px;
    }
}

.content_image .content h2 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--heading_black);
    margin: 0 0;
}
.content_image .content h3{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: var(--heading_black);
    margin: 30px 0 0;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
        margin: 24px 0 0;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        margin: 20px 0 0;
    }
}

.content_image .content p {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    color: var(--text_color);
}
.quotewithimagemain{
    padding: 90px 0;
    @media (max-width:1750px) {
        padding: 70px 0;
    }
    @media (max-width:1200px) {
       padding: 60px 0;
    }
    @media (max-width:576px) {
        padding: 50px 0;
    }
}
.quotewithimage{
    display: grid;
    grid-template-columns: 1fr 580px;
    gap: 200px;
    align-items: center;
    @media (max-width:1750px) {
        grid-template-columns: 1fr 455px;
        gap: 200px;
    }
    @media (max-width:1200px) {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    @media (max-width:576px) {
        gap: 30px;
    }
}
.quotewithimage .pre_img{
    height: 555px;
    overflow: hidden;
    border-radius: 20px;
    @media (max-width:1750px) {
        height: 500px;
        border-radius: 16px;
    }
    @media (max-width:1200px) {
        height: 600px;
        border-radius: 16px;
    }
    @media (max-width:576px) {
        height: 285px;
        border-radius: 14px;
    }
}
.quotewithimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.quotewithimage .content{
    position: relative;
    padding-top: 80px;
}
.quotewithimage .content::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 44px;
    width: 64px;
    background:  url('../img/icons/reverseqoma.svg');
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.quotewithimage .content::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 44px;
    width: 64px;
    background:  url('../img/icons/qoma.svg');
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}
.quotewithimage .content p{
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    margin: 0 0 40px;
    color: var(--text_color);
    
}

.quotewithimage .content h3{
    font-size: 26px;
    font-weight: 700;
    padding-right: 70px;
    color: var(--heading_black);
    margin: 0;
}
.quotewithimagemain.bg-secondary .quotewithimage .content p,
.quotewithimagemain.bg-secondary .quotewithimage .content h3{
    color: var(--White);
}
@media (max-width:1750px) {
    .quotewithimage .content{
        padding-top: 70px;
    }
    .quotewithimage .content::before,
    .quotewithimage .content::after{
        width: 45px;
        height: 30px;
    }
    .quotewithimage .content p{
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 30px;
    }
    .quotewithimage .content h3{
        font-size: 20px;
        line-height: 26px;
        padding-right: 50px;
    }
}
@media (max-width:1200px) {
     .quotewithimage .content{
        padding-top: 48px;
    }
    .quotewithimage .content::before,
    .quotewithimage .content::after{
        width: 40px;
        height: 28px;
    }
    .quotewithimage .content p{
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px;
    }
    .quotewithimage .content h3{
        padding-right: 45px;
    }
}
@media (max-width:576px) {
    .quotewithimage .content{
        padding-top: 37px;
    }
    .quotewithimage .content::before,
    .quotewithimage .content::after{
        width: 32px;
        height: 22px;
    }
    .quotewithimage .content p{
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 15px;
    }
    .quotewithimage .content h3{
        font-size: 18px;
        line-height: 24px;
        padding-right: 38px;
    }
}
.corevaluelistmain{
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:1200px) {
       padding: 60px 0;
    }
    @media (max-width:576px) {
        padding: 50px 0;
    }
}
.corevaluelist{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 70px;
    @media (max-width:1200px) {
        grid-template-columns: repeat(2,1fr);
        gap: 40px;
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.corevaluelistitem{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    @media (max-width:1200px) {
        gap: 25px;
    }
    @media (max-width:576px) {
        grid-template-columns: 45px 1fr;
        gap: 20px;
    }
}
.corevaluelistitem h2{
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--heading_black);
    margin: 0;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
    }
   
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }
}
.corevaluelistitem p{
    font-size: 20px;
    line-height: 26px;
    margin: 20px 0 0;
    color: var(--text_color);
    text-align: center;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin: 12px 0 0;
    }
    @media (max-width:1200px) {    
        
    }
    @media (max-width:576px) {
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 0;
    }
}
.corevaluelistitem .pre_img{
    text-align: center;
}
.corevaluelistitem .pre_img img{
    max-width: 100%;
    height: auto;
}
.visonwithimgmain{
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:1200px) {
       padding: 60px 0;
    }
    @media (max-width:576px) {
        padding: 50px 0;
    }
}
.visonwithimggrid{
    display: grid;
    grid-template-columns:  1fr 780px;
    gap: 35px;
    @media (max-width:1750px) {
        grid-template-columns:  1fr 580px;
        gap: 25px;
    }
    @media (max-width:1200px) {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    @media (max-width:576px) {
        gap: 15px;
    }
}
.visonwithimggrid .pre_img{
    height: 490px;
    overflow: hidden;
    border-radius: 20px;
    @media (max-width:1750px) {
        height: 445px;
    }
    @media (max-width:1200px) {
       height: 385px;
       border-radius: 16px;
       order: -1;
    }
    @media (max-width:576px) {
        height: 240px;
        border-radius: 14px;
    }
}
.visonwithimggrid .pre_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contentvisi{
    display: grid;
    grid-template-columns: 1fr;
    gap:35px;
    @media (max-width:1750px) {
        gap: 25px;
    }
    @media (max-width:1200px) {
        grid-template-columns: 1fr;
        gap:20px;
    }
    @media (max-width:576px) {
        gap: 15px;
    }
}
.contentvisionitem {
    padding: 50px 28px;
    border-radius: 20px;
    background-color: var(--bg_light);
    @media (max-width:1750px) {
        padding: 40px 25px;
    }
    @media (max-width:1200px) {
       padding: 35px 25px;
       border-radius: 16px;
    }
    @media (max-width:576px) {
       padding: 30px 20px;
       border-radius: 14px;
    }
}
.contentvisionitem h2{
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 0;
    @media (max-width:1750px) {
        font-size: 30px;
        line-height: 35px;
    }
    @media (max-width:1200px) {    
        font-size: 28px;
        line-height: 32px;
    }
    @media (max-width:576px) {
        font-size: 24px;
        line-height: 30px;
    }
}
.contentvisionitem p{
    font-size: 18px;
    line-height: 24px;
    margin: 20px 0 0;
    color: var(--text_color);
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin: 12px 0 0;
    }
    @media (max-width:1200px) {    
        text-align: left;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 0;
    }
}

.bgformmain {
    background-size: cover;
    border-radius: 15px;
    padding: 58px 0 62px;
}

.contentinnerform {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

.contentinnerform .contenttext {
    max-width: 572px;
}

.contentinnerform .contenttext h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 38px;
    color: var(--White);
    margin: 0px;
}

.contentinnerform .contenttext p {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--White);
    margin: 30px 0;
}

.contentinnerform .contenttext ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.contentinnerform .contenttext ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: var(--White);
    margin-bottom: 22px;
}

.contentinnerform .contenttext ul li:last-child {
    margin: 0;
}

.formie {
    max-width: 1600px;
    padding: 80px 350px;
    position: relative;
    background: url('./../img/Texture.png') bottom no-repeat;
    background-size: 100% 100%; 
    margin: 0 auto;
    border-radius: 32px;
    @media (max-width:1750px) {
        padding: 54px 47px;
        max-width: 1088px;
        border-radius: 28px;
    }
    @media (max-width:992px) {
        padding: 40px 35px;
        border-radius: 20px;
    }
    @media (max-width:576) {
        padding: 20px 15px;
    }
}

.formie h2 {
    font-size: 52px;
    line-height: 58px;
    font-weight: 400;
    color: var(--heading_black);
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    @media (max-width:1750px) {
        font-size: 36px;
        line-height: 42px;
    }
    @media (max-width:992px) {
        font-size: 30px;
        line-height: 36px;
    }
    @media (max-width:576px) {
        font-size: 22px;
        line-height: 28px;
    }
}

.formie p {
    color: #003E52;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin: 0 0;
}

.formiein {
    margin: 0;
    margin-top: 28px;
}
.formiein .row{
    margin: 0 -10px;
}
.formiein .row .col-12,.formiein .row .col-auto,.formiein .row .col,
.formiein .row .col-6,.formiein .row .col-4 {
  padding: 0 10px;
}
.formiein .form-control,
.formiein .input-group{
    margin-bottom: 14px;
}

.formiein label {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--heading_black);
    margin: 0 0 8px;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }

}

.formiein input {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    background-color: var(--White);
    border: 1px solid var(--light_color);
    border-radius: 65px;
    transition: 0.3s ease-in-out;
    padding: 17px 30px;
    min-height: 64px;
    color: var(--Black);
    position: relative;
    width: 100%;
    @media (max-width:1750px) {
        padding: 17px 20px;
        min-height: 54px;
        border-radius: 50px;
    }
    @media (max-width:992px) {
        padding: 16px 20px;
        min-height: 54px;
        border-radius: 50px;
    }
    @media (max-width:576px) {
        padding: 14px 20px;
        min-height: 44px;
        border-radius: 50px;
        font-size: 14px;
        line-height: 20px;
    }

}
.formiein select.form-control {
    padding: 17px 30px;
    min-height: 64px;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: var(--heading_black);
    border-radius: 65px;
    border: 1px solid var(--light_color);
    background: #fff url('../img/icons/selectarrow.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 11px;
    @media (max-width:1750px) {
        padding: 17px 20px;
        min-height: 54px;
        border-radius: 50px;
    }
    @media (max-width:992px) {
        padding: 16px 20px;
        min-height: 54px;
        border-radius: 50px;
    }
    @media (max-width:576px) {
        padding: 14px 20px;
        min-height: 44px;
        border-radius: 50px;
        font-size: 14px;
        line-height: 20px;
    }
}
.formiein input[type="checkbox"] {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.formiein ::placeholder{
    color: #858585;
}


.formiein h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #003E52;
    margin: 0 0;
}

.formiein .radiochecked {
    margin-left: 8px;
    display: flex;
    align-items: center;
}

.formiein .radiochecked .contactmode {
    margin-left: 35px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    position: relative;
}

.formie .mb_24 {
    margin-bottom: 24px;
}

.contactmode span {
    font-size: 16px;
    line-height: 18px;
    color: #4A5E6D;
    font-weight: 400;
    margin-left: 10px;
}

.contactmode input[type="radio"] {
    position: absolute;
    width: 100%;
    appearance: none;
    border: none;
}

.contactmode label {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #003E52;
    border-radius: 100%;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactmode label::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: transparent;
    transition: background-color 0.25s;
}

.contactmode :checked~label::before {
    background-color: #003E52;
}

.checkboxcheck {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
}

.checkboxcheck span {
    font-size: 16px;
    line-height: 18px;
    color: #4A5E6D;
    font-weight: 600;
    margin-left: 12px;
}

.checkboxcheck input[type="checkbox"] {
    position: absolute;
    width: 100%;
    appearance: none;
    border: none;
}

.checkboxcheck label {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #003E52;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkboxcheck label::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: transparent;
    transition: background-color 0.25s;
}

.checkboxcheck :checked~label::before {
    background-color: #003E52;
}

.iti {
    width: 100%;
}

.visonmain {
    padding: 30px 0;
}

.visonrydiv {
    background: var(--secondary-lightest);
    padding: 75px 32px;
    border-radius: 20px;
}

.visonrydiv h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 39px;
    color: #323F49;
    margin-bottom: 32px;
}

.visonrydiv p {
    font-size: 18px;
    line-height: 21px;
    color: #4A5E6D;
    font-weight: 400;
}

.conatctlisting {
    margin-top: 60px;
}

.conatctlisting ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
    align-items: center;
    margin: 0;
    padding: 0;
}

.conatctlisting .listingmedia {
    display: flex;
    align-items: center;
}

.conatctlisting .listingmedia .icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conatctlisting .listingmedia .content {
    margin-left: 20px;
    width: calc(100% - 70px);
}

.conatctlisting .listingmedia h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.conatctlisting .listingmedia p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    color: #fff;
}

.conatctlisting .listingmedia a {
    display: block;
    color: #fff;
    margin-top: 10px;
}

.conatctlisting .listingmedia a:first-child {
    margin-top: 0;
}

.upcomingpropertiescontact {
    margin-bottom: 40px;
}

.blurred {
    position: relative;
}

.blurred::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(82, 106, 119, 0.56);
    backdrop-filter: blur(5px);
    z-index: 3;
}

.dropdown-menu.sort-by .dropdown-item {
    cursor: pointer;
    color: var(--heading_black);
}

.contactformbanner.form-bg-1 {
    position: relative;
}

.contactformbanner.form-bg-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    background-color: rgba(66, 16, 11, 0.5);
}

.detaillayout {
    padding-top: 55px;
    background: var(--bg_light);
    @media (max-width: 1920px) {
        
     }

     @media (max-width: 1366px) {
        
     }

     @media (max-width: 768px) {
      
     }
}
.detaillayout.developerdetail{
    padding-top: 0;
}
.profiledetials {
    background-color: var(--White);
    padding: 25px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 30px;
    margin-top: -50px;
    z-index: 99999;
    position: relative;
}

.profiledetials .buttons .btn {
    white-space: nowrap;
}

.profiledet {
    display: flex;
    align-items: center;
    max-width: 80%;
}

.profiledet .pro_img {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 22px;
    background-color: var(--bg_light);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.profiledet .pro_img img {
    max-width: 100%;
    height: auto;
}

.profiledet .pro_content {
    margin-left: 30px;
    width: calc(100% - 190px);
    padding-right: 5px;
}

.profiledet .pro_content h3 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 0 0 15px;
    text-transform: uppercase;
}
.profiledet .pro_content h3 span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text_color);
    text-transform: none;
    @media (max-width:576px) {
        font-size: 12px;
        line-height: 18px;
    }
}

.profiledet .pro_content .addrss {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 15px;
    color: #4A5E6D;
    display: flex;
    align-items: center;
}

.profiledet .pro_content .addrss span {
    margin-right: 9px;
    width: 31px;
}

.profiledet .pro_content .addrss span img {
    max-width: 100%;
    height: auto;
}

.profiledet .pro_content .textinfo {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0;
    color: #4A5E6D;
}

.detaillayout .detailsinnmain {
    display: grid;
    grid-template-columns: 1fr 366px;
    gap: 30px;
   
}

.detailsinnmain .socialsharing {
    border: 1px solid var(--bg_light);
    padding: 30px;
    border-radius: 15px;
    background-color: var(--bg_light);
}

.detailsinnmain .socialsharing h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #4A5E6D4D;
    color: var(--secondary);
}

.detailsinnmain .socialsharing ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.detailsinnmain .socialsharing .icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 100%;
    overflow: hidden;
}
.detailsinnmain .socialsharing .icon svg{
    width: 100% !important;
    height: 100% !important;
}

.detailsinnmain .socialsharing a:hover svg rect {
    fill: var(--secondary);
    transition: 300ms all ease;
}

.detailsinnmain .socialsharing a:hover svg path {
  fill: #ffffff;
  transition: 300ms all ease !important;
}


.detailsinnmain .upcomeproject {
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    height: 520px;
    position: relative;
    margin-bottom: 30px;
}

.detailsinnmain .upcomeproject .mainimg {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.detailsinnmain .upcomeproject .content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.detailsinnmain .upcomeproject .content h3 {
    color: var(--White);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 25px;
}

.detailsinnmain .upcomeproject .content p {
    color: var(--White);
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 25px;
}


.inncontent {
    border-bottom: 1px solid #4A5E6D4D;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.inncontent:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.primelocationsec{
    padding-top: 50px;
}
.primelocationsec .inncontent{
    border-top: 1px solid #4A5E6D4D;
    padding-top: 30px;
}
.locationgrid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}
.locationgriditem{
    background-color: var(--bg_light);
    border-radius: 6px;
    padding: 25px 12px;
    text-align: center;
}
.locationgriditem h2{
    font-size: 22px;
    line-height: 28px;
    color: var(--secondary);
    font-weight: 700;
    margin: 0 0 10px;
}
.locationgriditem p{
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    color: var(--text_color);
    margin: 0 0;
}
@media (max-width: 1750px) {
    .locationgrid{
        gap:14px;
    }
    .locationgriditem h2{
        font-size: 20px;
        line-height:26px;
    }
    .locationgriditem p{
        font-size:14px;
        line-height:20px;
    }
    .detailsinnmain .socialsharing .icon {
        width: 38px;
        height: 38px;
    }
}
@media (max-width: 992px) {
    .primelocationsec{
        padding-top: 30px;
    }
    .locationgrid{
        gap:14px;
        grid-template-columns: repeat(2, 1fr);
    }
    .locationgriditem h2{
        font-size: 18px;
        line-height:24px;
    }
    .locationgriditem p{
        font-size:14px;
        line-height:20px;
    }
}

@media (max-width: 768px) {
   .locationgrid{
        gap:12px;
        grid-template-columns:  1fr;
    }
    .locationgriditem h2{
        font-size: 16px;
        line-height:22px;
    }
    .locationgriditem p{
        font-size:14px;
        line-height:20px;
    }
    .detailsinnmain .socialsharing ul{
        gap: 25px;
    }
    .detailsinnmain .socialsharing .icon {
        width: 35px;
        height: 35px;
    }
}
.textingwithslider{
    padding-top: 50px;
    border-top:  1px solid #4A5E6D4D;
    margin-top: 50px;
}
.textingwithsliderinner{
    background-color: var(--bg_light);
    padding: 70px 60px;
    border-radius: 20px;
}
.textingwithslidegrid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
}
.textingwithsliderinner h2{
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    margin:0 0;
}
.textingwithsliderinner p{
    font-size: 20px;
    line-height: 26px;
    font-weight: normal;
    margin:32px 0 0;
}
.textingsliderside{
    overflow: hidden;
}
.textingsliderdetail img{
    height: 475px;
    border-radius: 12px;
    width: 100%;
    object-fit: cover;
}
.FloorPlansmain{
    padding-bottom: 110px;
}
.FloorPlans{
   overflow: hidden;
   position: relative;
}
.floorplanlist{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    margin-bottom: 20px;
    @media (max-width:1750px) {
        grid-template-columns: repeat(2,1fr);
        gap: 18px;
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
    }
}
.floorplanitem{
    border-radius: 6px;
    border: 1px solid #26262633;
    overflow: hidden;
    height: 160px;
    width: 100%;
    @media (max-width:1750px) {
        height: 247px;
    }
    @media (max-width:576px) {
        height: 230px;
    }
}
.floorplanitem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: unset;
}
@media (max-width:1750px) {
    .textingwithsliderinner {
        padding: 50px 40px;
        border-radius: 20px;
    }
    .textingwithslidegrid{
        gap:60px;
    }
    .textingwithsliderinner h2{
        font-size: 20px;
        line-height: 26px;
    }
    .textingwithsliderinner p {
        font-size: 16px;
        line-height: 22px;
        margin: 26px 0 0;
    }
    .textingsliderdetail img {
        height: 360px;
        border-radius: 12px;
    }
 
}
.projectprofiledetials {
    background-color: var(--bg_light);
    padding: 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    margin-bottom: 0px;
    flex-wrap: wrap;
    @media (max-width:1750px) {
        gap: 15px;
    }
}
.projectprofiledetials .projectbtns{
    @media (max-width:1750px) {
        width: 100%;
    }
}
.projectprofiledetials .projectbtns .btn {
    white-space: nowrap;
    @media (max-width:576px) {
        width: 100%;
    }
}

.projectprofiledet {
    display: flex;
    align-items: center;
    width: 70%;
    @media (max-width:1750px) {
        max-width: 100%;
        width: 100%;
    }
}

.projectprofiledet .pro_img {
    width: 95px;
    height: 80px;
    overflow: hidden;
    border-radius: 12px;
    background-color: var(--White);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    @media (max-width:576px) {
        width: 85px;
        height: 70px;
    }
}

.projectprofiledet .pro_img img {
    max-width: 100%;
    height: auto;
}

.projectprofiledet .pro_content {
    margin-left: 20px;
    width: calc(100% - 120px);
    padding-right: 5px;
    @media (max-width:1750px) {
        padding-right: 0;
    }
    @media (max-width:576px) {
        width: calc(100% - 100px);
        margin-left: 14px;
    }
}

.projectprofiledet .pro_content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 0;
    text-transform: uppercase;
    @media (max-width:576px) {
        font-size: 20px;
        line-height: 26px;
    }
}
.projectprofiledet .pro_content h3 span{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text_color);
    @media (max-width:576px) {
        font-size: 12px;
        line-height: 18px;
        display: block;
    }
}


.projectprofiledet .pro_content .textinfo {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 12px;
    color: var(--text_color);
    @media (max-width:576px) {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 8px;
    }
}

@media (max-width:1200px) {
    .textingwithsliderinner {
        padding: 35px 30px;
    }
    .textingwithslidegrid{
        gap:30px;
        grid-template-columns: 1fr;
    }
    .textingwithsliderinner h2{
        font-size: 20px;
        line-height: 26px;
    }
    .textingwithsliderinner p {
        font-size: 16px;
        line-height: 22px;
        margin: 26px 0 0;
    }
    .textingsliderdetail img {
        height: 365px;
        border-radius: 12px;
    }
}
@media (max-width:992px) {
    .textingwithslider {
        padding-top: 30px;
        margin-top: 30px;
    }
}
@media (max-width:576px) {
    .textingwithsliderinner {
        padding: 30px 15px;
    }
    .textingwithslidegrid{
        gap:30px;
        grid-template-columns: 1fr;
    }
    .textingwithsliderinner h2{
        font-size: 18px;
        line-height: 24px;
    }
    .textingwithsliderinner p {
        font-size: 14px;
        line-height: 20px;
        margin: 24px 0 0;
    }
    .textingsliderdetail img {
        height: 220px;
        border-radius: 12px;
    }
}
.inncontent h3 {
    font-size: 20px;
    line-height: 20px;
    color: var(--secondary);
    margin: 0 0 30px;
    font-weight: 700;
}

.inncontent p {
    font-size: 16px;
    line-height: 22px;
    color: #4A5E6D;
    margin: 0px 0 0;

}

.inncontent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inncontent .amenities {
    display: flex;
    gap: 15px 15px;
    flex-wrap: wrap;

}

.inncontent .amenities li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--secondary);
    display: flex;
    padding: 12px 24px;
    background: var(--bg_light);
    border-radius: 103px;
    align-items: center;
    white-space: nowrap;
}

.inncontent .amenities li span {
    width: 20px;
    margin-right: 6px;
}

.inncontent .amenities li span.content {
    width: calc(100% - 24px);
    margin-right: 0;
}

.inncontent .planslist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 0px;
    @media (max-width: 1750px) {
         grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    @media (max-width: 992px) {
        grid-template-columns: repeat(3, 1fr);
        gap: 13px;
    }
     @media (max-width: 576px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.inncontent .planslist .plans {
    background-color: var(--bg_light);
    border-radius: 6px;
    padding: 25px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    @media (max-width: 1750px) {
         padding: 25px 12px;
    }
    @media (max-width: 992px) {
         padding: 22px 12px;
         display: block;
    }
     @media (max-width: 576px) {
         padding: 18px 15px;
    }
}

.inncontent .planslist .plans h4 {
    font-size: 16px;
    line-height: 22px;
    color: var(--text_color);
    font-weight: 400;
    margin: 0;
    text-align: center;
    @media (max-width: 1750px) {
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width:992px) {
        margin: 0 0 15px;
    }
}
.inncontent .planslist .plans h5 {
    font-size: 16px;
    line-height: 18px;
    color: #323F49;
    font-weight: 500;
    margin: 15px 0 0;
    @media (max-width: 1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width: 992px) {
        font-size: 14px;
        line-height: 20px;
    }
     @media (max-width: 576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.inncontent .planslist .plans h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--secondary);
    margin: 0;
    text-align: center;
    @media (max-width: 1750px) {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }
    @media (max-width: 992px) {
        font-size: 17px;
        line-height: 22px;
    }
     @media (max-width: 576px) {
        font-size: 16px;
        line-height: 22px;
    }
}
/* brandwithttext */
.brandwithttext{
   display: grid;
   grid-template-columns: 180px 1fr;
   gap:40px;
   align-items: center;

}
.brandwithttext .brandlogo{
    height: 150px;
    overflow: hidden;
    background-color: var(--bg_light);
    border-radius: 6px;
    padding: 10px;
}
.brandwithttext .brandlogo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.brandwithttext .brandcontent h2{
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: var(--secondary);
    margin: 0 0 15px;
}
.brandwithttext .brandcontent p{
    font-size: 20px;
    line-height: 26px;
    color: var(--secondary);
    margin: 0 0 0;
    font-weight: normal;
}
@media (max-width: 1750px) {
    .brandwithttext{
        grid-template-columns: 156px 1fr;
        gap:30px;
    }
    .brandwithttext .brandlogo{
        height: 130px;
    }
    .brandwithttext .brandcontent h2{
        font-size: 20px;
        line-height: 26px;
    }
    .brandwithttext .brandcontent p{
        font-size: 16px;
        line-height: 22px;
    }
}
@media (max-width: 992px) {
    .brandwithttext{
        grid-template-columns: 125px 1fr;
        gap:25px;
    }
    .brandwithttext .brandlogo{
        height: 105px;
    }
    .brandwithttext .brandcontent h2{
        font-size: 18px;
        line-height: 24px;
    }
    .brandwithttext .brandcontent p{
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 576px) {
     .brandwithttext{
        grid-template-columns: 102px 1fr;
        gap:15px;
        align-items: flex-start;
    }
    .brandwithttext .brandlogo{
        height: 85px;
    }
    .brandwithttext .brandcontent h2{
        font-size: 18px;
        line-height: 24px;
    }
    .brandwithttext .brandcontent p{
        font-size: 14px;
        line-height: 20px;
    }
}
/* end brandwithttext */
/* youtubevideo */
.youtubevideo iframe{
    width: 100%;
    height: 630px;
    border-radius: 13px;
}
@media (max-width: 1750px) {
    .youtubevideo iframe{
        height: 450px;
        border-radius: 13px;
    }

}
@media (max-width: 992px) {
    .youtubevideo iframe{
        height: 400px;
        border-radius: 12px;
    }
}
@media (max-width: 576px) {
    .youtubevideo iframe{
        height: 200px;
        border-radius: 12px;
    }
}
.inncontent .amenities li span img {
    max-width: 100%;
    height: auto;
}

.inncontent .features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
    -moz-column-gap: 18px;
    column-gap: 18px;
}

.inncontent .features li {
    position: relative;
}

.inncontent .features li .items {
    display: flex;
    align-items: center;
}

.inncontent .features li .items .icon {
    width: 20px;
    margin-right: 5px;
    display: flex;
    position: relative;
    justify-content: center;
    height: 20px;
    align-items: center;
}

.inncontent .features li .items .icon::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #4A5E6D;
}

.inncontent .features li .items .content {
    width: calc(100% - 34px);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #4A5E6D;
}

.text-limitation {
    overflow: hidden;
}

.readmoretext {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #F03D4F;
    display: flex;
    align-items: center;
    margin-top: 20px;
    width: fit-content;
}

.readmoretext img {
    margin-left: 7px;
}

.readmoretext.less {
    color: green;
}

.projectdetaillisting {
    list-style: none;
    margin: 32px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.projectdetaillisting {
    max-width: 915px;
    margin: 32px auto 0;
}

.projectdetaillisting li {
    display: flex;
    align-items: center;
}

.projectdetaillisting li .icon {
    margin-right: 9px;
}

.projectdetaillisting li .content {
    font-size: 16px;
    line-height: 20px;
    color: #DAE1E7;
}

.consultationform {
    padding: 32px 30px;
    border-radius: 15px;
    color: var(--White);
    text-align: center;
    margin-bottom: 32px;
    position: relative;
    background:var(--heading_black);
}
.consultationform:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url('./../img/textureBG.png') bottom no-repeat;
    background-size: 100% 100%;
}


.consultationform h2 {
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    color: var(--White);
}

.consultationform h3 {
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    color: var(--White);
    margin: 18px 0 0;
}

.consultationform form {
    margin: 22px 0 0;
    position: relative;
}

.consultationform .form-group {
    margin-bottom: 18px;
}

.consultationform .form-group label {
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: left;
    position: relative;
    display: block;
}

.consultationform .form-group input[type="text"],
.consultationform .form-group input[type="email"],
.consultationform .form-group input[type="tel"],
.consultationform .form-group select{
    width: 100%;
    border-radius: 55px;
    background-color: var(--White);
    border: 1px solid #C2CDD6;
    padding: 12px 14px;
    color: var(--text_color);
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
}
.consultationform .form-group textarea {
    width: 100%;
    border-radius: 15px;
    background-color: var(--White);
    border: 1px solid #C2CDD6;
    padding: 12px 14px;
    color: var(--text_color);
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
}
.consultationform .form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('../img/icons/selectarrow.svg');
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 30px;
    background-size: 11px;
}

.consultationform form .form-group .input-group .input-group-prepend select {
    background-position: right 8px center;
    background-size: 8px;
}

.consultationform .form-group h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 100%;
    color: var(--White);
    text-align: left;
}

.consultationform .form-group .checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.consultationform .form-group input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid var(--White);
    border-radius: 100%;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.3s ease;
}

.consultationform .form-group input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: white;
    border-radius: 100%;
}

.consultationform .form-group input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 17px;
    height: 17px;
    border: 1px solid var(--White);
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.3s ease;
}

.consultationform .form-group input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: white;
    border-radius: 100%;
}

.consultationform .form-group .checkboxes label {
    margin: 0;
    display: flex;
    align-items: center;
}

.consultationform .form-group .checkboxes label span {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: calc(100% - 25px);
}

.consultationform .submit {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}


.project_gallery .project_gallery_item {
    padding: 30px 0;
    width: 100%;
    height: 378px;
    overflow: hidden;
    position: relative;
}

.project_gallery .project_gallery_item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 20px;
}

.project_gallery.slick-slider {
    margin: 0 -14px;
}


.project_gallery.slick-slider .slick-slide {
    padding: 0 14px;
    /* width: 288px; */
   
    transition: all 0.5s ease;
}
.project_gallery.slick-slider .slick-slide.slick-center {
  /* width: 42vw; */
  padding: 0 14px;
  opacity: 1;
  z-index: 2;
}
.project_gallery.slick-slider .slick-slide.slick-current + .slick-slide.slick-active .project_gallery_item {
    padding: 0 0;
}


.galleryproject_inner {
    padding-top: 50px;
    border-top: 1px solid #4A5E6D4D;
    margin-top:50px;
}
@media (min-width:1920px) {
    /* .gallery_project.slick-slider .slick-slide{
        width: 430px;
    }
    .gallery_project.slick-slider .slick-slide.slick-center{
        width: 46vw;
    } */
}
@media (max-width:992px) {
    .galleryproject_inner {
        padding-top: 30px;
        margin-top:30px;
    }
    .project_gallery .project_gallery_item{
        height: 250px;
    }
}
@media (max-width:576px) {
    .project_gallery .project_gallery_item{
        height: 340px;
        padding: 0;
    }
}
.leftrightcontentimg {
    padding: 0 0 50px;
}

.mediawithtext {
    display: grid;
    grid-template-columns: 1fr 636px;
    align-items: center;
    gap: 75px;
    padding: 32px;
    background-color: #E9F1F3;
    border-radius: 14px;
}

.mediawithtext .content h2 {
    font-size: 36px;
    line-height: 42px;
    color: #323F49;
    margin: 0 0 30px;
}

.mediawithtext .content p {
    color: #4A5E6D;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    margin: 0;
}

.mediawithtext .content p strong {
    font-weight: 500;
}

.mediawithtext .pro_img {
    text-align: right;
}

.mediawithtext .pro_img img {
    max-width: 100%;
    height: auto;
    border-radius: 22px;
}

.paymentplanmain {
    padding-bottom: 70px;
}

.paymentplanmain h2 {
    font-size: 36px;
    line-height: 100%;
    color: #323F49;
    margin: 0;
}

.paymentplanmain p {
    margin: 20px 0 40px;
    font-size: 16px;
    line-height: 21px;
    color: #4A5E6D;
}

.planslist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.planslist .planitem {
    background-color: #E9F1F3;
    padding: 30px 35px;
    display: flex;
    align-items: center;
    border-radius: 12px;
}

.planslist .planitem h2 {
    font-size: 46px;
    line-height: 100%;
    color: #00758D;
    margin: 0;
    font-weight: 500;
}

.planslist .planitem h4 {
    margin: 0;
    margin-left: 30px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    color: #323F49;
    font-style: italic;
}

.buyrentcardslider.slick-slider {
    margin: 0 -14px;
}

.buyrentcardslider.slick-slider .slick-slide {
    padding: 0 14px;
}

#teamModal .modal-body {
    padding: 24px;
    @media (max-width: 576px) {
        padding: 8px;
    }
}

#teamModal .modal-content {
    border-radius: 20px;
    background-color: var(--White);
}

#teamModal .close {
    box-shadow: none;
    border: none;
    background-color: transparent;
    outline: none;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

#teamModal .innercontentnews {
    display: grid;
    grid-template-columns:  400px 1fr;
    gap: 48px;
    align-items: flex-start;
}
#teamModal .innercontentnews .pro-image {
    border-radius: 12px;
    overflow: hidden;
    height: 400px;
    background-color: var(--bg_light);
    @media (max-width: 1750px) {
        height: 340px;
    }
    @media (max-width: 992px) {
        height: 620px;
    }
    @media (max-width: 576px) {
        height: 313px;
    }
}
#teamModal .text-01 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 10px 0 14px;
    text-transform: uppercase;
    @media (max-width: 992px) {
        font-size: 24px;
        line-height: 30px;
    }
    @media (max-width: 576px) {
        font-size: 22px;
        line-height: 28px;
        margin: 10px 0px 14px;
    }
}

#teamModal .text-03 {
    color: var(--text_color);
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    @media (max-width: 576px) {
        font-size: 12px;
        line-height: 18px;
    }
}

#teamModal p {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    color: var(--text_color);
    @media (max-width: 1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width: 576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.infomember{
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 16px 0;
}
.infomember h3{
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--heading_black);
    margin: 0;
    @media (max-width: 992px) {
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width: 576px) {
        font-size: 12px;
        line-height: 18px;
    }
}
.infomember h3 span{
    font-weight: 400;
    color: var(--text_color);
    margin-left: 8px;
}
#teamModal .promo-box {
    text-align: left;
    z-index: 999;
}

#teamModal .newslaterformmodal {
    border: 1px solid #4A5E6D;
    position: relative;
    border-radius: 50px;
    margin: 0;
}

#teamModal .newslaterformmodal input {
    border-radius: 50px;
    height: 58px;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 100%;
    color: var(--secondary);
    background-color: var(--White);
    width: 100%;
    border: none;
}

#teamModal .newslaterformmodal a,
#teamModal .newslaterformmodal button {
    position: absolute;
    right: 8px;
    top: 8px;
    height: calc(100% - 16px);
}

#teamModal .newslaterformmodal .btn-icon-primary .icon {
    width: 32px;
    height: 32px;
    margin-left: 8px;
    padding: 5px 5.5px;
    justify-content: center;
}

#teamModal .newslaterformmodal .btn-icon-primary .icon img {
    width: 13px;
}

#teamModal .pro-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: top;
}

#teamModal .modal-lg {
    --bs-modal-width: 1030px;
}

#teamModal.modal {
    backdrop-filter: blur(6px);
}

#teamModal .modal-lg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}
.locationcareerdetail{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--White);
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}
.locationcareerdetail .locicon{
    width: 24px;

}
.locationcareerdetail .loccontent{
    font-size: 18px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.dotlistingstyle li{
    position: relative;
    padding-left: 15px;
    font-size: 18px;
    line-height: 22px;
    color: #4A5E6D;
    font-weight: 400;
    margin-top: 15px;
}
.dotlistingstyle li:first-child{
    margin-top: 0;
}
.dotlistingstyle li strong{
    font-weight: 700;
}
.dotlistingstyle li::before{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #4A5E6D;
    border-radius: 100%;
}
.findjoblisting{
    padding: 60px 0 40px;
}
.applayformbanner{
    background-image: url(../img/form-bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    display: flex;
    justify-content: center;
    padding-top: 48px;
    padding-bottom: 48px;
    border-radius: 15px;
    overflow: hidden;
}
.uploadfileinput{
    position: relative;
    width: 100%;
    background-color: transparent;
    font-weight: 400;
    text-align: left;
    overflow: hidden;
    max-height: 42px;
    height: 42px;
    border-radius: 50px;
    border: 1px solid #C2CDD6;
    outline: none;
    padding: 11px 18px;
    font-size: 16px;
    line-height: 18px;
    color: #323F49;
}
.uploadfileinput:hover{
    background-color: var(--Beige-03);
}

.uploadfileinput .file-name {
    position: absolute;
    top: 50%;
    left: 150px;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 500;
    color: #323F49;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 150px);
    padding-right: 20px;
}
.uploadfileinput input[type="file"]{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
cursor: pointer;
}
.uploadfileinput:before{
    content: "Browse File";
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 0;
    cursor: pointer;
    text-transform: capitalize;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.5, 0, 0, 1);
    background-color: #EEF2FC;
    color: #4A5E6D;
    appearance: none;
    outline: none;
    height: calc(100% - 12px);
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0 28px;
    border: 1px solid #173D5033;
    border-radius: 50px;
}
.applyform .formie{
    padding: 36px 60px;
    margin: 0 auto;
    max-width: 800px;
}
.developerlogoscard .list-img{
    border-radius: 12px;
    height: 180px;
    overflow: hidden;
    width: 100%;
    background-color: #00758D2B;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.developerlogoscard .list-img img{
    max-width: 100%;
    height: auto !important;
    object-fit: contain !important;
    max-height: 100%;
}

@media screen and (min-width:1920px) {
    .developerlogoscard .list-img{
        height: 248px;
    }
    .findjoblisting {
        padding: 70px 0 40px;
    }
    .applyform .formie{
        max-width: 1000px;
        padding: 50px 60px;
    }
    .applyform .formie p{
        max-width: 650px;
        margin: 18px auto 0;
    }
    .applayformbanner{
        padding-top: 80px;
        padding-bottom: 80px;
        border-radius: 30px;
    }
   
    .mainbanner_inner  .banner-desc-area h1 {
        font-size: 55px;
        line-height: 60px;
    }
    #teamModal .modal-lg {
        --bs-modal-width: 1428px;
    }

    #teamModal .modal-body {
        padding: 80px 100px;
    }

    #teamModal .innercontentnews {
        grid-template-columns:  540px 1fr;
        gap: 100px;
    }
    .leftrightcontentimg {
        padding: 0 0 80px;
    }

    .paymentplanmain {
        padding-bottom: 80px;
    }

    .project_gallery.slick-slider {
        margin: 0 -10px;
    }

    .project_gallery.slick-slider .slick-slide {
        padding: 0 10px;
    }

    .projectdetaillisting li .content {
        font-size: 18px;
    }

    .mediawithtext {
        padding: 48px 48px 48px 87px;
        gap: 90px;
        grid-template-columns: 1fr 874px;
        border-radius: 30px;
    }

    .mediawithtext .content h2 {
        font-size: 48px;
        line-height: 53px;
        margin: 0 0 40px;
    }

    .mediawithtext .content p {
        font-size: 22px;
        line-height: 27px;
    }

    .paymentplanmain h2 {
        font-size: 48px;
        line-height: 53px;

    }

    .paymentplanmain p {
        font-size: 18px;
        line-height: 100%;
        margin: 28px 0 50px;
    }

    .planslist .planitem {
        padding: 40px 70px;
        gap: 32px;

    }

    .planslist .planitem h2 {
        font-size: 70px;
    }

    .planslist .planitem h4 {
        margin-left: 32px;
        font-size: 20px;

    }

    .consultationform h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .consultationform h3 {
        font-size: 14px;
        line-height: 18px;
    }



    .detaillayout .detailsinnmain {
        grid-template-columns: 1fr 520px;
        gap: 60px;
    }

    .detailsinnmain .upcomeproject {
        height: 738px;
    }

    .profiledet .pro_img {
        width: 200px;
        height: 200px;
    }

    .profiledet .pro_content {
        margin-left: 40px;
        width: calc(100% - 240px);
    }

    .profiledet .pro_content h3 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 18px;
    }

    .profiledet .pro_content .addrss {
        font-size: 18px;
        line-height: 22px;
    }


    .inncontent p {
        font-size: 18px;
        line-height: 22px;
    }

    .inncontent h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .inncontent .amenities li span {
        margin-right: 8px;
    }

    .inncontent .amenities li span.content {
        margin-right: 0;
    }

    .btns_navbar a.btn {
        margin-left: 20px;
    }

    header .navbar ul li {
        margin-right: 30px;
    }

    .header-link {
        font-size: 18px;
        line-height: 22px;
    }

  
    .btn-outline-white,
    .btn-icon-white {
        font-size: 16px;
    }

    .pre_heading h2 {
        font-size: 48px;
        line-height: 55px;
        font-weight: 700;
        margin: 0 0;
    }

    .agency_main {
        padding: 58px 0 80px;
    }

    .pre_heading {
        padding-bottom: 60px;
    }

    .gallery_agency.slick-slider {
        margin: 0 -12px;
    }

    .gallery_agency.slick-slider .slick-slide {
        padding: 0 12px;
    }

    .gallery_agency .agency_item img {
        aspect-ratio: 452 / 362;
    }

    .content_image .content h2 {
        font-size: 52px;
        line-height: 58px;
    }

    .content_image .content p {
        font-size: 20px;
        line-height: 26px;
    }

    .content_image .content p b {
        font-size: 20px;
        line-height: 26px;
    }

    .contentinnerform {
        padding: 0;
    }

    .contentinnerform .contenttext {
        max-width: 701px;
    }

    .contentinnerform .contenttext h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .contentinnerform .contenttext p {
        font-size: 22px;
        line-height: 25px;
        margin: 40px 0;
    }

    .contentinnerform .contenttext ul li {
        font-size: 22px;
        line-height: 25px;
    }

    .contactformbanner .col-lg-auto {
        max-width: 826px;
    }

    .contactformbanner.cvform .col-lg-auto {
        max-width: 1136px;
    }


    .bgformmain {
        padding: 72px 0;
    }

    .visonmain {
        padding: 50px 0;
    }

    .visonrydiv {
        padding: 105px 82px;
    }

    .visonrydiv h2 {
        font-size: 48px;
        line-height: 51px;
        margin-bottom: 40px;
    }

    .visonrydiv p {
        font-size: 22px;
        line-height: 26px;
    }

    .conatctlisting {
        margin-top: 60px;
    }

    .conatctlisting ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
    }

    .conatctlisting .listingmedia .icon {
        width: 50px;
        height: 50px;
    }

    .conatctlisting .listingmedia .content {
        margin-left: 20px;
        width: calc(100% - 70px);
    }

    .conatctlisting .listingmedia h3 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    .conatctlisting .listingmedia p {
        font-size: 18px;
        line-height: 22px;
    }

    .conatctlisting .listingmedia a {
        margin-top: 10px;
    }
    .detailsinnmain .upcomeproject .content p{
        font-size: 18px;
        line-height: 23px;
    }
}

@media screen and (max-width:1920px) {
    .formonalldevices .container-fluid {
        padding: 0 80px;
        max-width: 100%;
    }
}

@media screen and (max-width:1750px) {  
    .container-fluid {
        padding-right: 60px;
        padding-left: 60px;
        max-width: 1326px;
    }
}
@media screen and (max-width:1440px) {
    #teamModal .modal-lg {
        --bs-modal-width: 1030px;
    }

    .container-fluid {
        max-width: 1366px;
        padding: 0 45px;
    }
 
    .contentinnerform {
        padding: 0 0;
    }

    .contentinnerform .contenttext {
        padding-right: 20px;
    }

    .w-150 {
        width: 116px;
    }

    .header-link,
    .menu-1 .header-link,
    .menu-1.header-link,
    .header-link {
        font-size: 12px;
    }
    header .navbar ul li {
        margin-right: 22px;
    }
    header .col-langs .menu-1 {
        font-size: 12px;
    }

    .headinbanner header .col-langs .menu-1 .header-link::after {
        font-size: 14px;
        line-height: 14px;
    }

    .btn-outline-primary {
        font-size: 14px;
    }

    .btns_navbar a.btn {
        margin-left: 12px;
    }

    .btn-outline-white {
        font-size: 14px;
    }

    .btn-outline-white .icon {
        width: 32px;
        height: 32px;
    }

    .header-row-1 .row {
        padding-top: 29px;
        padding-bottom: 20px;
    }

    .video-banner-wrapper {
        padding-top: 92px;
    }

    .mainbanner_inner {
        padding: 110px 0 130px;
        max-width: 840px;
    }

    .banner-desc-area {
        max-width: 690px;
        margin: 0 auto;
    }
    .withoutformbannr .banner-desc-area{
        max-width: 738px;
    }
    .projectdetaillisting {
        max-width: 690px;
        margin: 24px auto 0;
    }

    .banner-desc-area h1 {
        font-size: 44px;
        line-height: 49px;
    }

    .btn-capsule {
        height: 38px;
        padding: 3px 46px;
        font-size: 16px;
    }



    #hidden_text_keyword+.select2-container--default .select2-search--inline .select2-search__field,
    #searchingprojects+.select2-container--default .select2-search--inline .select2-search__field {
        height: auto;
        margin-top: 3px;
    }

    #hidden_text_keyword+.select2-container--default .select2-search--inline .select2-search__field,
    #hidden_text_keyword+.select2-container--default .select2-search--inline,
    #searchingprojects+.select2-container--default .select2-search--inline .select2-search__field,
    #searchingprojects+.select2-container--default .select2-search--inline {
        font-size: 14px;
    }

    .chosen-value {
        font-size: 14px;
        padding: 11px 18px;
        min-height: 42px;
    }

    .value-list.open {
        padding: 0 0px 15px 20px;
    }

    #hidden_text_keyword+.select2-container--default .select2-selection--multiple .select2-selection__rendered,
    #searchingprojects+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
        height: 26px;
    }

    #hidden_text_keyword+.select2-container--default .select2-selection--multiple .select2-selection__choice,
    #searchingprojects+.select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 14px;
        margin-top: 0;
        height: fit-content;
    }

    #hidden_text_keyword+.select2-container--default .select2-selection--multiple,
    #searchingprojects+.select2-container--default .select2-selection--multiple{
        min-height: 23px;
        margin: 0;
        height: 29px;
    }

    .innerformdiv {
        gap: 14px;
        margin-top: 14px;
    }

    .btn-icon-primary {
        font-size: 14px;
        min-width: 159px;
        padding: 4.5px 5.5px 4.5px 18px;
    }

    .btn-icon-primary .icon {
        width: 32px;
        height: 32px;
        margin-left: 8px;
        padding: 3px 6px;
    }

    .btn-icon-white,
    .btn-icon-white.menu-1 {
        font-size: 14px;
        min-width: 159px;
        padding: 4.5px 5.5px 4.5px 18px;
    }

    .btn-icon-white .icon {
        width: 32px;
        height: 32px;
        margin-left: 8px;
        padding: 3px 6px;
    }

    .btn-icon-white .text {
        width: calc(100% - 33px);
    }

    .all-property h2{
        margin-bottom: 30px;
    }

    .pro-controls .btn-capsule {
        height: 38px;
        padding: 3px 27px;
        font-size: 16px;
    }

  

    .all-property .all-property-slider.slick-slider .list-card,
    .list-card .list-img-slider {
        max-width: 100%;
    }

  

    .list-card .list-location {
        font-size: 12px;
        margin-bottom: 15px;
    }


    .listagents .profiler .pre_img {
        width: 36px;
        height: 36px;
    }

    .listagents .profiler .content {
        width: calc(100% - 46px);
        margin-left: 6px;
    }

    .listagents .profiler .content .agent-name {
        font-size: 14px;
    }

    .agent-details .agent-designation {
        font-size: 12px;
    }

    .btn-primary.social,
    .btn-secondary.social {
        width: 28px;
        height: 28px;
    }

    .listagents .contacter {
        width: 61px;
    }

    .listagents .profiler {
        width: calc(100% - 63px);
    }



    .Our_team {
        padding-bottom: 70px;
    }


    .projectsmain {
        padding-bottom: 70px;
    }

    .brandsmainsectoion {
        padding: 70px 0;
    }

    .teamsinner {
        grid-template-columns: 290px 1fr 1fr 1fr;
        gap: 28px;
    }

    .teamsinner .team .content h2 {
        font-size: 16px;
    }

    .teamsinner .team.box1 .content h2 {
        font-size: 20px;
    }

    .teamsinner {
        margin-bottom: 50px;
    }

    .banner_text .content h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 40px;
    }

    .projects_listing.slick-slider {
        margin: 0 -12px;
    }

    .projects_listing .slick-slide {
        padding: 0 12px;
    }

    .project_card .content .address .content {
        font-size: 12px;
        width: calc(100% - 24px);
    }

    .project_card .content .address {
        margin-top: 16px;
    }

    .slick-slide .project_card .address img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .customarrowslick {
        padding-top: 50px;
    }

    .customarrowslick button {
        width: 42px;
        height: 42px;
        padding: 0;
    }


    .contactformbanner form p {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
        margin-top: 14px;
    }

    label.menu-1 {
        font-size: 16px;
    }

    .input-grp {
        padding-bottom: 0;
    }

    .branditem {
        padding: 10px;
        width: 175px;
        height: 175px;
    }

    .dealcards .dealcard {
        height: 295px;
    }

    .dealcards {
        gap: 28px;
    }

    .subscribeform h2 {
        font-size: 30px;
        line-height: 33px;
    }

    .newslaterfooter {
        border-width: 12px;
    }

    .newslaterfooter input {
        height: 58px;
    }

    .border_footer {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    .footer_heads+p,
    footer .footer-box ul li a,
    .all_rights h4 {
        font-size: 14px;
    }

    .footer_heads+p {
        margin-top: 20px;
    }

    footer .footer-box ul.social-icons li a {
        width: 24px;
        height: 24px;
    }

    footer .footer-box ul.social-icons li {
        margin-right: 15px;
    }

    footer .footer-box ul.social-icons li:last-child {
        margin-right: 0;
    }

    footer .footer-box ul li {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .all_rights .leftie img {
        max-width: 120px;
    }

    .breadcrumbmain {
        margin-bottom: 25px;
    }

    .breadcrumbmain .breadcrumb .breadcrumb-item,
    .breadcrumbmain .breadcrumb .breadcrumb-item a {
        font-size: 18px;
        line-height: 22px;
    }



    .listing_main .listing_items {
        gap: 28px;
        padding: 28px 0;
    }
}

@media screen and (max-width:1300px) {
    .listing_main .listing_items {
        grid-template-columns: repeat(3, 1fr);
    }
}


@media screen and (max-width:1200px) {
   
   
    .mainbanner_inner  .banner-desc-area h1 {
        font-size: 36px;
        line-height: 41px;
    }

    #teamModal .modal-lg {
        --bs-modal-width: 930px;
    }

    #teamModal .innercontentnews {
        gap: 30px;
    }

    .mediawithtext {
        grid-template-columns: 1fr 465px;
        gap: 30px;
        padding: 24px 26px;
    }

    .mediawithtext .content h2 {
        font-size: 26px;
        line-height: 31px;
        margin: 0 0 16px;
    }

    .mediawithtext .content p {
        font-size: 16px;
        line-height: 21px;
    }

    .inncontent .features {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
    }

    .project_gallery.slick-slider {
        margin: 0 -12px;
    }

    .project_gallery.slick-slider .slick-slide {
        padding: 0 12px;
    }

    header .navbar {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        width: 320px;
        margin-top: 0;
        padding: 0;
        border-radius: unset;
        background-color: transparent;
    }

    header .header-row-1 {
        position: relative;
    }

    header .navbar ul {
        background-color: var(--White);
        border-radius: 10px;
        padding: 20px 22px;
        color: rgba(12, 37, 95, 1);
        align-items: flex-start;
        gap: 0;
        position: relative;
        z-index: 22;
        display: block;
    }

    header .navbar ul li {
        margin-right: 0;
        display: flex;
        align-items: center;
        position: relative;
        padding: 0 0;
        margin-bottom: 5px;
    }

    header .navbar ul li:last-child {
        margin-bottom: 0;
        margin-top: 14px;
    }

    header .navbar ul li a {
        padding: 5px 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 21.6px;
        width: 100%;
        z-index: 1;
        color: var(--text_color);
    }
    header .navbar ul li a.btn-primary{
        color: var(--White) !important;
        border-color: var(--primary) !important;
        padding: 15px 32px;
    }

    header .navbar ul li a.btn {
        width: 100%;
        font-size: 14px;
        padding: 11px 32px;
        font-weight: 700;
    }

    .header-link.menu-2 {
        font-size: 18px;
        font-weight: 600;
    }

    header .navbar::after {
        width: 18px;
        height: 18px;
        content: "";
        position: absolute;
        top: -5px;
        right: 22px;
        background-color: var(--White);
        transform: rotate(45deg);
    }

    header .dropdown-toggle::after {
        width: 14px;
        height: 8px;
        border: none;
        background-size: contain;
        bottom: 13px;
        position: absolute;
        filter: invert(1);
        transform: rotate(-90deg);
        right: 0;
    }

    header .dropdown:hover .dropdown-menu {
        display: none;
    }

    header .dropdown.dropdowngeneral {
        flex-direction: column;
    }

    header .dropdown .dropdown-menu {
        position: unset;
        padding: 0;
        background: transparent;
        width: 100%;
    }

    header .dropdown-menu .dropdown_menu_inner {
        padding: 0;
        background: transparent;
    }

    header .dropdown-menu::before {
        display: none;
    }

    header .dropdown-toggle.active::after {
        transform: rotate(0deg);
    }

    .headinbanner header .col-langs .menu-1 {
        padding: 0;
    }

    .headinbanner header .col-langs .menu-1 .header-link {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 14px;
        font-size: 15px;
        font-weight: 500;
    }

    .headinbanner header .col-langs .menu-1 .header-link::after {
        content: "";
        position: absolute;
        right: 0;
        top:4px;
        font-size: 16px;
        line-height: 16px;
        font-weight: 800;
        color: #fff;
        width: 2px;
        height: 16px;
        background: #5A5A5A99;
    }
    .headinbanner header .col-langs .menu-1 .header-link{
        padding-left: 7px;
        color: var(--heading_black);
    }

    .headinbanner header .col-langs .menu-1.active .header-link {
        color: #5A5A5A99 !important;
    }

    .container-fluid {
        padding: 0 40px;
    }

    .search-module {
        max-width: 100%;
    }

    .banner-desc-area {
        max-width: 560px;
        margin: 0 auto;
    }

    .projectdetaillisting {
        max-width: 560px;
        margin: 24px auto 0;
    }


    .mainbanner_inner {
        padding: 110px 16px 130px;
        max-width: 950px;
    }

    .banner-desc-area h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .dealoftheday {
        padding-bottom: 70px;
    }

    .subscribeform h2 {
        font-size: 26px;
        margin-bottom: 35px;
    }

    .border_footer {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    footer .footer-box .property_content_footer{
        padding-right: 30px;
    }
    footer .footer-box:nth-child(3n) {
        padding: 0;
        border-right: none;
        padding-right: 0;
    }
    footer .footer-box:nth-child(5n){
        padding-right: 30px;
    }
    footer .footer-box:nth-child(5n) .property_content_footer{
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        padding-right: 30px;
    }
    footer .footer-box:last-child{
        padding-right: 0;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    footer .footer-box:nth-child(3n) .property_content_footer,
    footer .footer-box:last-child .property_content_footer{
        border-right: none;
        padding-right: 0;
    }


    .branditem {
        width: 100%;
        height: 165px;
    }

    .breadcrumbmain .breadcrumb .breadcrumb-item,
    .breadcrumbmain .breadcrumb .breadcrumb-item a {
        font-size: 16px;
        line-height: 18px;
    }

    .content_image .content h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .content_image .content p {
        margin: 15px 0 0;
        font-size: 16px;
        line-height: 22px;
    }

    .content_image .content h2+p {
        margin: 22px 0 0;
    }

    .contentinnerform .formie {
        max-width: 500px;
    }

    .formonalldevices .container-fluid {
        padding: 0 32px;
    }


    .detailsinnmain .socialsharing {
        padding: 30px 20px;
    }

    .inncontent .amenities {
        gap: 13px 15px;
    }

    .inncontent .amenities li span {
        width: 16px;
    }

    .inncontent .amenities li span.content {
        width: calc(100% - 20px);
    }

    .detaillayout .detailsinnmain {
        grid-template-columns: 1fr 340px;
    }

    .detailsinnmain .upcomeproject {
        height: 475px;
    }
    h2 {
        font-size: 34px;
        line-height: 40px;
    }
}
@media screen and (min-width:1200px) and (max-width:1300px) {
    .bannerformareaa{
        max-width: 1200px;
        padding: 0 16px;
    }
}

@media screen and (min-width:992px) {
    .project_gallery.slick-slider .slick-list {
        padding: 0 !important;
    }
}

@media screen and (max-width:992px) {
    .developerlogoscard .list-img{
        height: 210px;
    }
    #teamModal .promo-box{
       padding: 0 15px;
    }
    .project_gallery.slick-slider::before {
        display: none;
    }

    .project_gallery.slick-slider .slick-list {}

    .chosen-value {
        background-position: 95% 50%;
    }

    .all-property-slider.slick-slider {
        padding-bottom: 0px;
    }

    .slideslesser.all-property-slider.slick-slider {
        padding-bottom: 0;
    }

    .mainbanner_inner {
        padding: 90px 16px 155px;
    }

    .listing_main .listing_items {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

 
    .pagination_listing {
        padding: 10px 0 30px;
    }

    .pagination_listing ul li {
        margin: 0 10px;
    }

 
    .gallery_agency .agency_item img {
        aspect-ratio: 226 / 181;
    }

    
    .profiledetials {
        padding: 25px;
    }

    .profiledet {
        max-width: 100%;
        align-items: flex-start;
    }

    .profiledet .pro_img {
        width: 100px;
        height: 100px;
    }

    .profiledet .pro_content {
        margin-left: 20px;
        width: calc(100% - 120px);
        padding-right: 0;
    }

    .profiledet .pro_content h3 {
        font-size: 20px;

    }

    .profiledet .pro_content .buttons {
        margin-top: 15px;
    }

    .detaillayout .detailsinnmain {
        grid-template-columns: 1fr;
    }
    .careerdetail.detaillayout .detailsinnmain {
        display: flex;
        flex-wrap: wrap;
    }
    .careerdetail.detaillayout .detailsinnmain .leftie{
        width: 100%;
    }
    .careerdetail.detaillayout .detailsinnmain .rightie{
        width: 100%;
    }
    .inncontent h3 {
        font-size: 18px;
        margin: 0 0 18px;
    }

    .detailsinnmain .upcomeproject {
        height: 520px;
    }

    .detailsinnmain .socialsharing h3 {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
        margin-right: 20px;
    }

    .detailsinnmain .socialsharing {
        display: flex;
        align-items: center;
    }

}

@media screen and (max-width:992px) {
    #teamModal .modal-lg {
        --bs-modal-width: 700px;
    }

    #teamModal .modal-body {
        padding: 24px;
        padding-bottom: 40px;
    }

    #teamModal .innercontentnews {
        grid-template-columns: 1fr;
        gap: 22px;
        height: 100%;
        overflow-y: auto;
        align-items: flex-start;
        max-height: 700px;
    }   
    #teamModal .pro-image {
        order: -1;
    } 
    #teamModal .close {
        border-radius: 100%;
        background-color: transparent;
        right: 12px;
        top: 12px;
    }
  #teamModal .close img{
    max-width: 24px;
  }
    .rightmobilefull {
        padding-bottom: 32px;
    }

    .leftrightcontentimg {
        padding: 0 0 32px;
    }

    .paymentplanmain {
        padding-bottom: 32px;
    }

    .paymentplanmain h2 {
        font-size: 32px;
        line-height: 100%;
    }

    .paymentplanmain p {
        font-size: 16px;
        margin: 20px 0 30px;
    }

    .planslist {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .pre_heading {
        padding-bottom: 40px;
    }

    .customarrowslick {
        padding-top: 40px;
    }

    .customarrowslick button {
        margin-left: 14px;
    }

    .mediawithtext {
        display: flex;
        flex-direction: column-reverse;
    }




    .inncontent .features {
        grid-template-columns: repeat(1, 1fr);
    }

    .teamsinner {
        display: block;
        margin-bottom: 0;
        margin: 0 -16px;
        width: auto;
    }

    .teamsinner .slick-slide {
        padding: 0 16px;
    }

    .box,
    .box1 {
        width: 100%;
    }

    .dealcards {
        display: block;
        margin-bottom: 0;
        margin: 0 -16px;
        width: auto;
    }

    .dealcards .slick-slide {
        padding: 0 16px;
    }

    .menu-1 {
        font-size: 16px;
    }

    .contactformbanner .col-lg-auto {
        max-width: 100%;
    }

    .teamsinner .team .content {
        opacity: 1;
        transform: translateY(0px);
    }

    .teamsinner .team.box1 .content h2 {
        font-size: 16px;
    }

    .pre_heading {
        text-align: center;
    }

    .pre_heading h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .contentinnerform {
        flex-direction: column;
    }

    .contentinnerform .contenttext {
        max-width: 100%;
        padding-right: 0;
        padding-bottom: 50px;
    }

    .contentinnerform .formie {
        max-width: 100%;
    }

    .bgformmain {
        padding: 60px 0 17px;
    }

    .contentinnerform .contenttext h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .contentinnerform .contenttext p {
        font-size: 16px;
        line-height: 20px;
    }

    .contentinnerform .contenttext ul li {
        font-size: 16px;
        line-height: 20px;
    }

    .visonmain {
        padding: 50px 0;
    }

    .visonmain .row {
        gap: 25px;
    }

    .visonrydiv {
        padding: 50px 32px;
    }

    .visonrydiv h2 {
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 32px;
        text-align: center;
    }

    .visonrydiv p {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }

 

    .formin .formie {
        padding: 40px 0 0;
    }

    .contactformbanner .formin .formie {
        padding: 40px;
    }
    .conatctlisting ul {
        align-items: flex-start;
        gap: 20px;
    }

    .conatctlisting .listingmedia {
        flex-direction: column;
        text-align: center;
    }

    .conatctlisting .listingmedia .content {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .modal .modal-dialog {
        z-index: 25;
        width: var(--bs-modal-width);
    }

    .inncontent .features {
        row-gap: 10px;
        grid-template-columns: 1fr;
    }

    .inncontent .features li .items .content {
        font-size: 16px;
    }

  

    .mainbanner_inner {
         padding: 30px 16px 140px;
    }

    .mainbanner_inner.withoutformbannr {
        padding-bottom: 105px;
    }

    .pro-controls {
        padding-bottom: 20px;
    }

    .all-property h2 {
        margin-bottom: 20px;
    }

    .pagination_listing ul li {
        margin: 0;
    }
    .pagination_listing ul li a img {
        max-width: 13px;
    }

    .conatctlisting {
        margin-top: 40px;
    }

    .conatctlisting ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .conatctlisting .listingmedia {
        flex-direction: row;
        text-align: left;
        align-items: flex-start;
    }

    .conatctlisting .listingmedia .content {
        margin-top: 0;
        margin-left: 15px;
    }

    .conatctlisting .listingmedia .content {
        width: calc(100% - 65px);
    }

    .conatctlisting {
        padding: 0 15px;
    }

    .contactformbanner .formin .formie {
        padding: 32px 20px;
        border-radius: 15px;
    }
}

@media screen and (max-width:710px) {
    #teamModal .modal-lg {
        --bs-modal-width: 548px;
    }

}

@media screen and (max-width:576px) {
    h2 {
        font-size: 26px;
        line-height: 32px;
    }
    .container-fluid {
        padding: 0 20px;
    }
     .all-property-slider button.slick-arrow,
     .all-property-slider button.slick-arrow.slick-next,
     .exploringcommunityslider button.slick-arrow,
     .exploringcommunityslider button.slick-arrow.slick-next,
     .all-property-slider.property-slider button.slick-arrow,
     .all-property-slider.property-slider button.slick-arrow.slick-next,
     .bloglisting_slider.slick-slider button.slick-arrow,
     .bloglisting_slider.slick-slider button.slick-arrow.slick-next{
        top: auto;
        right: 50%;
        transition: transform 0.3s ease;
        bottom: 60px;
        transform: translateX(100%);
        width: 35px;
        height: 35px;
        margin-right: -19px;
    }
    .all-property-slider button.slick-arrow.slick-prev,
    .exploringcommunityslider button.slick-arrow.slick-prev ,
    .all-property-slider.property-slider button.slick-arrow.slick-prev,
    .bloglisting_slider.slick-slider button.slick-arrow.slick-prev{
        left: calc(50% - 30px);
        right: auto;
        margin-left: -44px;
        margin-right: 0;
    }
    .exploringcommunity{
        position: relative;
    }
    .exploringcommunityslider,
    .all-property-slider.property-slider.slick-slider,
    .bloglisting_slider.slick-slider {
        position: initial !important;
    }
    .developerlogoscard .list-img{
        height: 210px;
    }
    .applayformbanner{
        border-radius: unset;
        padding: 30px 0;
    }
    .dotlistingstyle li{
        font-size: 14px;
        line-height: 19px;
        padding-left: 13px;
        margin-top: 10px;
    }
    .applyform .formie{
        padding: 30px 20px;
    }
    .uploadfileinput::before{
        font-size: 13px;
        padding: 0 17px;
    }
    .uploadfileinput .file-name{
        left: 120px;
        max-width: calc(100% - 115px);

    }
    #teamModal .promo-box{
        padding: 0 10px;
    }
    .mainbanner_inner  .banner-desc-area h1 {
        font-size: 26px;
        line-height: 30px;
    }
    #teamModal .close {
        right: 5px;
        top: 5px;
    }
    #teamModal .modal-lg {
        --bs-modal-width: 320px;
    }
    #teamModal .modal-lg{
        margin: 0;
        width: var(--bs-modal-width);
    }

    #teamModal .innercontentnews {
        gap: 20px;
        height: 572px;
    }

   
    #teamModal .modal-body {
        padding: 8px;
        padding-bottom: 26px;
    }

    #teamModal .newslaterformmodal {
        border: none;
        border-radius: unset;
    }

    #teamModal .newslaterformmodal input {
        height: 42px;
        border: 1px solid #4A5E6D;
    }

    #teamModal .newslaterformmodal button {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin-top: 10px;
    }
    .detaillayout {
        padding-top: 24px;
    }



    .inncontent h3 {
        font-size: 16px;
        margin: 0 0 14px;
    }

    .projectdetaillisting {
        margin: 20px auto 0;
        gap: 14px;
    }

    .projectdetaillisting li .icon {
        margin-right: 5px;
    }

    .projectdetaillisting li .content {
        font-size: 13px;
    }

    .project_gallery.slick-slider {
        margin: 0 -8px;
    }

    .project_gallery.slick-slider .slick-slide {
        padding: 0 8px;
    }

    .inncontent p {
        font-size: 14px;
        line-height: 20px;
    }

    .inncontent .features li .items .content {
        font-size: 14px;
    }
    .video-banner-wrapper {
        border-radius: unset;
    }
    .video-banner-wrapper::before{
        border-radius: unset;
    }

    .banner-desc-area h1 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 30px;
    }

    .btn-capsule {
        padding: 3px 30px;
    }

    .btn-capsule .menu-1 {
        font-size: 14px;
    }

    .search-module {
        padding: 18px;
    }

    .search-module .btn-icon-primary {
        width: fit-content;
        margin-left: auto;
    }

    .all-property h2{
        font-size: 26px;
        text-align: center;
        margin-bottom: 26px;
    }

    .pro-controls {
        padding-bottom: 28px;
    }

    .pro-controls ul {
        gap: 10px;
    }

    .banner_text .content h2 {
        font-size: 22px;
        line-height: 25px;
    }

    .contactformbanner form p {
        font-size: 14px;
        line-height: 16px;
    }

    

    .dealcards .dealcard {
        height: 325px;
    }

    .subscribeform h2 {
        font-size: 19px;
        margin-bottom: 25px;
        line-height: 22px;
    }

    .newslaterfooter {
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .newslaterfooter input {
        font-size: 14px;
    }

    .newslaterfooter a,
    .newslaterfooter button {
        font-size: 14px;
        position: relative;
        top: auto;
        right: 0;
        margin-top: 10px;
    }


    .border_footer {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .footer-content {
        column-gap: 28px;
    }

    .all_rights .leftie {
        align-items:center;
        flex-direction: column;
        gap: 28px;
    }

    .all_rights .leftie p {
        padding-left: 0;
        margin-bottom: 22px;
        text-align: center;
    }

    .all_rights .leftie p::before {
        display: none;
    }

    .footer_heads+ul,
    .footer_heads+p {
        margin-top: 18px;
    }


    .customarrowslick {
        padding-top: 28px;
    }

    body {
        padding: 0 0;
    }

    .brandslist .slick-slide {
        outline: none;
        padding-right: 10px;
        padding-left: 10px;
    }

    .brandslist.slick-slider {
        margin: 0 -10px;
    }

    .dealoftheday {
        padding-bottom: 44px;
    }

    .brandsmainsectoion {
        padding: 44px 0;
    }

    .projectsmain,
    .Our_team {
        padding-bottom: 44px;
    }


    .listing_main .listing_items {
        grid-template-columns: repeat(1, 1fr);
        gap: 28px;
    }

    .gallery_agency.slick-slider {
        margin: 0 0px;
        padding: 0 12px;
    }

    .gallery_agency.slick-slider .slick-slide {
        padding: 0 8px;
    }

    .pre_heading h2 {
        font-size: 26px;
        line-height: 28px;
    }

    .pre_heading {
        padding-bottom: 28px;
    }

    .agency_main {
        padding: 40px 0 40px;
    }

    .content_image .content h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .content_image .content p {
        font-size: 14px;
        line-height: 17px;
    }

    .content_image .content h2+p {
        margin-top: 20px;
    }

    .contentinnerform .formie {
        padding: 32px 20px;
    }


    .formiein .radiochecked .contactmode {
        margin-left: 0;
        margin-right: 35px;
        margin-top: 16px;
    }

    .formiein h3,
    .checkboxcheck span {
        font-size: 13px;
    }

    .bgformmain {
        border-radius: unset;
    }

    .visonmain {
        padding: 24px 20px;
    }

    .visonmain .row {
        gap: 20px;
    }

    .visonrydiv {
        padding: 30px 20px;
    }

    .visonrydiv h2 {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 22px;
        text-align: center;
    }

    .visonrydiv p {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

   

    .formin .formie {
        padding: 30px 0 0;
    }

    .mapinn #map {
        height: 300px;
        border-radius: 20px;
    }

    .upcomingpropertiescontact {
        margin-bottom: 0px;
        padding-bottom: 50px;
    }

    .detaillayout {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .profiledet {
        display: block;
    }

    .profiledet .pro_content {
        margin-left: 0;
        width: 100%;
        margin-top: 25px;
    }

    .profiledet .pro_content h3 {
        font-size: 20px;

    }

    .profiledet .pro_content .addrss {
        font-size: 14px;
    }

    .profiledet .pro_content .textinfo {
        font-size: 14px;
    }

    .inncontent .amenities {
        gap: 10px;
    }



    .detailsinnmain .socialsharing {
        display: block;
    }

    .detailsinnmain .socialsharing h3 {
        margin-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #4A5E6D4D;
    }

    .detailsinnmain .upcomeproject {
        height: 475px;
    }

    .detailsinnmain .upcomeproject .content h3 {
        margin: 0 0 20px;
        font-size: 18px;
    }


    .mediawithtext {
        padding: 18px;
        gap: 20px;
    }

    .mediawithtext .content h2 {
        font-size: 22px;
        line-height: 26px;
        margin: 0 0 16px;
    }

    .paymentplanmain h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .paymentplanmain p {
        font-size: 14px;
        margin: 20px 0 24px;
    }

    .planslist {
        gap: 16px;
    }

    .planslist .planitem {
        padding: 22px 26px;
    }

    .planslist .planitem h2 {
        font-size: 32px;
    }

    .planslist .planitem h4 {
        font-size: 14px;
        margin-left: 20px;
    }

    .consultationform h2 {
        font-size: 18px;

    }

    .project_gallery .galleryproject_item {
        border-radius: 14px;
    }
}


/* Career Page */
.cv-btns .row {
    gap: 20px;
}

.why-work-at {
    margin-bottom: 90px;
}

.bg-sec {
    background-color: var(--bg_light);
    padding: 110px 0;
    @media (max-width: 1750px) {
        padding: 80px 0;
    }
    @media (max-width: 1199px) {
        padding: 60px 0;
    }
    @media (max-width: 767px) {
        padding: 50px 0;
    }
}

.bg-sec .visonrydiv p {
    margin-bottom: 30px;
}

.jobs-sec {
    margin-bottom: 70px;
}

.job-card {
    border: 1px solid #4A5E6D4D;
    border-radius: 20px;
    padding: 28px 55px;
    background: none;
}

.job-card .job-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 5px;
}

.job-card .job-mini-desc {
    font-size: 18px;
    font-weight: 400;
    max-width: 720px;
    margin-bottom: 0;
    line-height: 1.2;
}

.job-card .job-location:before {
    content: url("../img/ico-loc.svg");
    position: relative;
    top: 3px;
}

.job-card .btn-outline-white {
    color: var(--primary);
    border-color: var(--primary);
}

.job-card .btn-outline-white:hover {
    color: var(--white-cream);
}

.cvform h2 {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    line-height: 57.6px;
    margin: auto;

}

.cvform p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: center;
    max-width: 652px;
    margin: 0 auto;
}

.cvform input[type=file] {
    line-height: 1.8em;
}



@media (max-width: 1919px) {
 
    .bg-sec .visonrydiv p {
        margin-bottom: 30px;
    }

    .job-card {
        padding: 26px;
    }

    .job-card .job-title {
        font-size: 20px
    }

    .job-card .job-mini-desc {
        font-size: 14px;
    }

    .cvform h2 {
        font-size: 36px;
    }

    .cvform p {
        font-size: 16px;
    }

    .cvform.contactformbanner .col-lg-auto {
        max-width: 822px;
    }

    .cvform input[type=file] {
        line-height: 1.1em;
    }
}

@media (max-width: 1199px) {

    .bg-sec .visonrydiv p {
        margin-bottom: 30px;
    }

    .job-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 34px;
    }

    .job-card {
        padding: 26px 22px;
        margin: 0;
        border-radius: 8px;
    }

    .job-card .job-title {
        font-size: 18px;
        max-width: 275px;
    }
    .findjoblisting .joblisting{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 30px;
    }
    .findjoblisting .joblisting .job-card .job-title{
        max-width: 100%;
    }
    .job-card .job-mini-desc {
        font-size: 14px;
        margin-bottom: 13px;
    }

    .job-card span {
        margin-bottom: 0 !important;
    }

    .job-card .job-location {
        margin-bottom: 13px !important;
    }

    .job-card .btn-outline-white .text {
        font-size: 14px !important;
    }

    .cvform h2 {
        font-size: 32px;
    }

    .cvform p {
        font-size: 16px;
    }

    .cvform.contactformbanner .col-lg-auto {
        max-width: 822px;
    }

    .cvform.form-bg-1 {
        padding: 40px !important;
    }

    .cvform .form-bg-1 form {
        max-width: 100%;
    }

    .cvform input[type=file] {
        line-height: 1.1em;
    }
}

@media (max-width: 767px) {
    .cv-btns .row {
        gap: 14px;
    }

    .job-row {
        grid-template-columns: 1fr;
    }

    .why-work-at {
        margin-bottom: 30px;
    }

    .why-work-at .visonrydiv h2 {
        font-size: 24px;
        line-height: 22px;
    }

    .jobs-sec {
        margin-bottom: 44px;
    }

    .jobs-sec .pro_heading {
        margin: 0 15px;
    }

    .jobs-sec .pro_heading h2 {
        max-width: 260px;
        margin: 0 auto;
    }

    .job-row {
        margin: 0 5px;
        gap: 16px;
    }

    .cvform.form-bg-1 {
        padding: 20px !important;
    }

    .cvform.contactformbanner .col-lg-auto {
        padding: 0;
    }

    .cvform h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .cvform p {
        font-size: 14px;
    }

}
@media screen and (max-width:576px) {
    .findjoblisting .joblisting{
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .findjoblisting {
        padding: 44px 0 40px;
    }
}
/* Developer Listing Page */

.list-card .list-type {
    background-color: var(--primary);
}
.list-card.developer-card .list-img {
    border-radius: 18px;
    height: 240px;
    overflow: hidden;
    background-color: var(--bg_light);
    @media (max-width:1750px) {
        height: 184px;
        border-radius: 10px;
    }
    @media (max-width:992px) {
        height: 160px;
    }
    @media (max-width:576px) {
        height: 160px;
    }
}
.list-card.developer-card .list-img img {
    width: 100%;
    height: 100% !important;
    object-fit: none;
    min-width: 100%;
}

.list-card.developer-card .developer-logo {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    border: 1.13px solid var(--Primary-Primary100, #E9F1F3);
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-card.developer-card .developer-logo img {
    width: 48px;
    height: 30px;
    object-fit: contain;
}

.list-card.developer-card .short-dev-desc {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--text_color);
    @media (max-width:992px) {
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width:576px) {
        font-size: 12px;
        line-height: 18px;
    }
}
.list-card.developer-card h4{
    margin-top: 0;
}
.list-card.developer-card h5{
    color: var(--text_color);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px;
    @media (max-width:1750px) {
         margin: 0 0 14px;
    }
    @media (max-width:992px) {
        margin: 0 0 12px;
    }
    @media (max-width:576px) {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 1919px) {
    .list-card.developer-card .list-type {
        background-color: #C42333;
    }
    .list-card.developer-card .developer-logo {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        border: 1.13px solid var(--Primary-Primary100, #E9F1F3);
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .list-card.developer-card .developer-logo img {
        width: 32px;
        height: 20px;
        object-fit: contain;
    }
}

@media (max-width: 1199px) {
    .list-card.developer-card .list-type {
        background-color: #C42333;
    }
    .list-card.developer-card .developer-logo {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        border: 1.13px solid var(--Primary-Primary100, #E9F1F3);
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .list-card.developer-card .developer-logo img {
        width: 32px;
        height: 20px;
        object-fit: contain;
    }

    .all-property-slider.dev-slider button.slick-arrow {
        top: calc(100% - -25px);
    }
}

@media (max-width: 767px) {
    .all-property-slider.dev-slider.dev-slider .slick-slide {
        margin-right: 0;
    }
}

/* Hot Deals */
.dealoftheday.hotdeals {
    padding-bottom: 50px;
}

.hotdealcards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.hotdealcards .dealcard {
    width: 100%;
    overflow: hidden;
    height: 415px;
    border-radius: 14px;
}

.hotdealcards .dealcard img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

@media (max-width: 1600px) {
    .hotdealcards .dealcard {
        height: 297px;
    }

    .hotdealcards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 28px;
    }

    .dealoftheday.hotdeals {
        padding-bottom: 30px;
    }
}

@media (max-width: 1365px) {
    .hotdealcards .dealcard {
        height: 343px;
    }

    .hotdealcards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 28px;
    }

    .dealoftheday.hotdeals {
        padding-bottom: 15px;
    }
}

@media (max-width: 1199px) {
    .hotdealcards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }
}

@media (max-width: 1024px) {
    .hotdealcards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (max-width: 767px) {
    .hotdealcards .dealcard {
        height: 327px;
    }

    .hotdealcards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .dealoftheday.hotdeals {
        padding-bottom: 0px;
    }
}

 /* Footer subscribe form width fixed */
 .subscribeform {
     max-width: 1750px;
     margin: 0 auto;
 }

 /* Blogs Home Pgae */
 .blog-inner-desc {
     max-width: 700px;
     margin: 0 auto;
 }

 .blog-inner-desc p {
     font-size: 20px;
     text-transform: capitalize;
     color: #fff;
 }

 .blog-inner-desc form {
     max-width: 636px;
     margin: 44px auto;
 }

 .blog-inner-desc .btn-outline-white {
     padding: 0;
 }

 .blog-inner-desc .form-control {
     background-color: #fff;
     border-radius: 999px !important;
 }

 .blog-inner-desc .form-control::placeholder {
     color: rgba(17, 17, 17, 0.5);
 }

 .blog-inner-desc .input-group-append {
     position: absolute;
     right: 0;
 }

 .blog-inner-desc .input-group-append .btn {
     z-index: 6;
 }

 .blog-inner-desc .icon {
     width: 48px;
     height: 48px;
 }

 .blog-inner-desc .btn-outline-white:hover .icon {
     background-color: var(--primary);
 }

 .blog-inner-desc .btn-outline-white:hover .icon img {
     transform: translate(0);
 }

 .blog_post_container {
    padding: 60px 0 90px;
    background-color: var(--bg_light);
    @media (max-width:1750px) {
         padding: 45px 0 60px;
    }
    @media (max-width:992px) {
        padding: 40px 0 30px;
    }
    @media (max-width:576px) {
        padding: 30px 0 20px;
    }
 }

 .blog_post_container h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: var(--heading_black);
    margin: 0 0 60px;
    @media (max-width:1750px) {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 50px;
    }
    @media (max-width:992px) {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 40px;
    }
    @media (max-width:576px) {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 20px;
    }
 }
 .bloglatest{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    padding-bottom: 80px;
    @media (max-width:1750px) {
        gap: 24px;
        padding-bottom: 70px;
    }
    @media (max-width:1200px) {
        gap: 24px;
        grid-template-columns: 1fr;
    }
    @media (max-width:992px) {
        gap: 14px;
        padding-bottom: 50px;
    }
    @media (max-width:576px) {
        gap: 20px;
        padding-bottom: 40px;
    }
 }
 .bloglatestbigitem{
    border-radius: 16px;
    background-color: var(--White);
    overflow: hidden;
    @media (max-width:576px) {
        padding: 10px;
    }
 }
.bloglatestbigitem .pre_img{
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    @media (max-width:1750px) {
        height: 344px;
    }
    @media (max-width:992px) {
        height: 328px;
    }
    @media (max-width:576px) {
        height: 240px;
        border-radius: 16px;
    }
}
.bloglatestbigitem .pre_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bloglatestbigitem .pre_img .date{
    border-top-left-radius: 15px;
    padding: 21px 22px;
    background-color: var(--secondary);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--White);
    position: absolute;
    right: 0;
    bottom: 0;
    @media (max-width:1750px) {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width:992px) {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width:576px) {
        padding: 16px 18px;
        font-size: 12px;
        line-height: 18px;
    }
}
.bloglatestbigitem .content{
    padding: 45px;
    @media (max-width:1750px) {
        padding: 36px;
    }
    @media (max-width:992px) {
        padding: 32px 34px;
    }
    @media (max-width:576px) {
        padding: 25px 5px 15px;
    }
}
.bloglatestbigitem .content h3{
    font-size: 22px;
    line-height: 28px;
    color: var(--secondary);
    font-weight: 700;
    margin: 0 0 20px;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 16px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 16px;
    }
}
.bloglatestbigitem .content p{
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    font-weight: 400;
    margin: 0 0 20px;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 16px;
    }
}
.bloglatestbigitem .content a{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: transparent;
    padding: 0;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
        gap: 10px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}

.bloglatestlist{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    @media (max-width:1750px) {
        gap: 24px;
    }

    @media (max-width:992px) {
        gap: 14px;
    }
    @media (max-width:576px) {
        gap: 20px;
    }
}
.bloglatestitem{
    border-radius: 16px;
    background-color: var(--White);
    overflow: hidden;
    display: grid;
    grid-template-columns: 306px 1fr;
    gap: 50px;
    @media (max-width:1750px) {
        grid-template-columns: 218px 1fr;
        gap: 24px;
    }
    @media (max-width:992px) {
        grid-template-columns: 262px 1fr;
        gap: 35px;
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 10px;
    }

}
.bloglatestitem .pre_img{
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 330px;
    overflow: hidden;
    @media (max-width:1750px) {
        min-height: 269px;
    }
    @media (max-width:992px) {
        min-height: 216px;
    }
    @media (max-width:576px) {
        height: 240px;
        border-radius: 16px;
        min-height: 240px;
    }
}
.bloglatestitem .pre_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bloglatestitem .pre_img .date{
    border-top-left-radius: 15px;
    padding: 21px 21px;
    background-color: var(--secondary);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--White);
    position: absolute;
    right: 0;
    bottom: 0;
    @media (max-width:1750px) {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width:992px) {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 20px;
    }
    @media (max-width:576px) {
        padding: 16px 18px;
        font-size: 12px;
        line-height: 18px;
    }
}
.bloglatestitem .content{
    padding: 45px;
    padding-left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    @media (max-width:1750px) {
        padding: 34px;
        padding-left: 0;
    }
    @media (max-width:992px) {
    }
    @media (max-width:576px) {
        padding: 0 5px 15px;
    }
}
.bloglatestitem .content h3{
    font-size: 22px;
    line-height: 28px;
    color: var(--secondary);
    font-weight: 700;
    margin: 0 0 20px;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 16px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 16px;
    }
}
.bloglatestitem .content p{
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    font-weight: 400;
    margin: 0 0 20px;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 16px;
    }
}
.bloglatestitem .content a{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: transparent;
    padding: 0;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
        gap: 10px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}

.blogitem{
    overflow: hidden;
}
.blogitem .pre_img{
    width: 100%;
    height: 469px;
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    @media (max-width:1750px) {
        height: 340px;
        border-radius: 22px;
    }
    @media (max-width:992px) {
        height: 290px;
        border-radius: 16px;
    }
}
.blogitem .pre_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogitem .date{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--heading_black);
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
}
.blogitem .date span{
    padding-right: 12px;
}
.blogitem .content{
    padding: 22px 0 0;
    @media (max-width:576px) {
        padding: 18px 0 0;
    }
}
.blogitem .content h3{
    font-size: 26px;
    line-height: 32px;
    color: var(--heading_black);
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 20px;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 16px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 16px;
    }
}
.blogitem .content p{
    font-size: 16px;
    line-height: 22px;
    color: var(--text_color);
    font-weight: 400;
    margin: 0 0 16px;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 14px;
    }
    @media (max-width:576px) {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 12px;
    }
}
.blogitem .content a{
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--primary);
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
    text-transform: uppercase;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 20px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}


 .blog_post_container .pro-controls ul {
     gap: 24px;
 }

 .blog_post_container .pro-controls .btn-capsule {
     padding: 15px 25px;
     border: 1px solid #637D92;
     color: #637D92;
 }

 .blog_post_container .pro-controls .btn-capsule:hover,
 .blog_post_container .pro-controls .btn-capsule.active {
     border-color: var(--secondary);
     background-color: var(--secondary);
     color: #fff;
 }

 .blog-card-big {
     background-color: var(--secondary-lightest);
     border-radius: 20px;
     padding: 22px;
     margin-top: 65px;
 }

 .blog-card-big img {
     width: 708px;
     height: 539px;
     object-fit: cover;
     border-radius: 22px;
 }

 .blog-card-big .blog-desc-wrapper {
     padding: 0 85px;
 }

 .blog-card-big .blog-desc-wrapper .blog-date {
     font-size: 16px;
     font-weight: 500;
     text-align: left;
     color: #4A5E6D;
 }

 .blog-card-big .blog-desc-wrapper .blog-date::before {
     content: '';
     display: inline-block;
     background-image: url(../img/icons/calendar.svg);
     background-size: contain;
     background-repeat: no-repeat;
     width: 20px;
     height: 20px;
     vertical-align: sub;
     margin-right: 5px;
 }


 .blog-card-big .blog-desc-wrapper .blog-heading {
     font-size: 26px;
     font-weight: 700;
     text-align: left;
     color: #00758D;
     margin-bottom: 25px;
 }

 .blog-card-big .blog-desc-wrapper .blog-text {
     font-size: 18px;
     line-height: 26px;
     font-weight: 400;
     text-align: left;
     color: #4A5E6D;
     margin-bottom: 25px;
 }

 .blog-card-big .blog-desc-wrapper .read-article {
     font-size: 16px;
     font-weight: 700;
     text-align: left;
     color: #F03D4F;
     margin-bottom: 20px;
 }

 .blog-card-big .blog-desc-wrapper .read-article:after {
     content: url(../img/icons/arrow-right-red.svg);
     display: inline-block;
     vertical-align: middle;
     margin-left: 5px;
 }

 .blog-listings {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 25px;
     margin-bottom: 40px;
     @media (max-width:1750px) {
        gap: 23px;
     }
    @media (max-width:1200px) {
        gap: 23px;
        grid-template-columns: repeat(3,1fr);
    }
    @media (max-width:992px) {
        gap: 30px 23px;
        grid-template-columns: repeat(2,1fr);
        margin-bottom: 30px;
    }
    @media (max-width:576px) {
        gap: 20px;
        margin-bottom: 20px;
        grid-template-columns: 1fr;
    }
 }

 .blog-card-big.card-small {
     background-color: transparent;
     padding: 12px;
     margin-top: 0;
     border: 1px solid var(--Primary-Primary200, #D2E3E8);
 }

 .blog-card-big.card-small img {
     width: 100%;
     height: 257px;
     border-radius: 12px;
     margin-bottom: 20px;
 }

 .blog-card-big.card-small .blog-desc-wrapper {
     width: 100%;
     margin: 0 auto;
     padding: 0 15px;
 }

 .blog-card-big.card-small .blog-desc-wrapper .blog-date {
     font-size: 12px;
     font-weight: 500;
     text-align: left;
     color: #4A5E6D;
     margin-bottom: 10px;
 }

 .blog-card-big.card-small .blog-desc-wrapper .blog-date::before {
     content: '';
     display: inline-block;
     background-image: url(../img/icons/calendar.svg);
     background-size: contain;
     background-repeat: no-repeat;
     width: 16px;
     height: 16px;
     vertical-align: sub;
     margin-right: 5px;
 }

 .blog-card-big.card-small .blog-desc-wrapper .blog-heading {
     font-size: 20px;
     font-weight: 700;
     text-align: left;
     color: #00758D;
     margin-bottom: 10px;
     max-width: 335px;
 }

 .blog-card-big.card-small .blog-desc-wrapper .blog-text {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
     text-align: left;
     color: #4A5E6D;
     margin-bottom: 13px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }

 .blog-card-big.card-small .blog-desc-wrapper .read-article {
     font-size: 16px;
     font-weight: 700;
     text-align: left;
     color: #F03D4F;
     margin-bottom: 20px;
     display: inline-block;
 }

 @media (max-width: 1919px) {

     .blog-inner-desc {
         max-width: 100% !important;
     }

     .blog-inner-desc p {
         max-width: 608px;
         color: rgba(182, 195, 205, 1);
         font-size: 18px;
     }

     .blog-inner-desc .form-control {
         height: 42px;
     }

     .blog-inner-desc .icon {
         width: 30px;
         height: 30px;
     }

     .blog-inner-desc .icon img {
         width: 12px;
         height: 12px;
     }
     .blog_post_container .controls-col {
         justify-content: end !important;
     }

     .blog_post_container .pro-controls ul {
         gap: 10px;
     }

     .blog_post_container .pro-controls ul .menu-1 {
         font-size: 12px;
     }

     .blog-card-big {
         margin-top: 45px;
         padding: 20px;
         border-radius: 14px;
     }

     .blog-card-big img {
         width: 405px;
         height: 308px;
         object-fit: cover;
         border-radius: 13px;
     }

     .blog-card-big .blog-desc-wrapper {
         padding: 0 50px;
     }

     .blog-card-big .blog-desc-wrapper .blog-date {
         font-size: 12px;
     }

     .blog-card-big .blog-desc-wrapper .blog-heading {
         font-size: 24px;
     }

     .blog-card-big .blog-desc-wrapper .blog-text {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 4;
         overflow: hidden;
         font-size: 18px;
         line-height: 26px;
     }

     .blog-card-big .blog-desc-wrapper .read-article {
         font-size: 14px;
     }


     .blog-card-big.card-small {
         border-radius: 10px;
         padding: 10px;
     }

     .blog-card-big.card-small img {
         width: 100%;
         height: 174px;
         border-radius: 6px;
         margin-bottom: 20px;
     }

     .blog-card-big.card-small .blog-desc-wrapper {
         padding: 0 7px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-date {
         font-size: 12px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-heading {
         font-size: 18px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-text {
         font-size: 12px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .read-article {
         font-size: 14px;
     }
 }

 @media (max-width: 1199px) {
     .blog-inner-desc {
         max-width: 510px !important;
     }

     .blog-inner-desc p {
         color: rgba(182, 195, 205, 1);
         font-size: 16px;
     }
     .blog_post_container .controls-col {
         justify-content: center !important;
     }

     .blog_post_container .pro-controls ul {
         gap: 10px;
     }

     .blog_post_container .pro-controls .btn-capsule {
         padding: 15px 16px;
     }

     .blog_post_container .pro-controls ul .menu-1 {
         font-size: 12px;
     }

     .blog-card-big {
         margin-top: 30px;
         padding: 24px;
         border-radius: 14px;
     }

     .blog-card-big img {
         width: 100%;
         height: 492px;
         object-fit: cover;
         border-radius: 10px;
     }

     .blog-card-big .blog-desc-wrapper {
         padding: 25px 15px 0;
     }

     .blog-card-big .blog-desc-wrapper .blog-date {
         font-size: 12px;
         margin-bottom: 15px;
     }

     .blog-card-big .blog-desc-wrapper .blog-heading {
         font-size: 24px;
         margin-bottom: 15px;
     }

     .blog-card-big .blog-desc-wrapper .blog-text {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
         font-size: 18px;
         line-height: 26px;
         margin-bottom: 15px;
         font-size: 18px;
     }

     .blog-card-big .blog-desc-wrapper .read-article {
         font-size: 14px;
     }



     .blog-card-big.card-small {
         border-radius: 10px;
         padding: 10px;
     }

     .blog-card-big.card-small img {
         width: 100%;
         height: 203px;
         border-radius: 6px;
         margin-bottom: 20px;
     }

     .blog-card-big.card-small .blog-desc-wrapper {
         padding: 0 7px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-date {
         font-size: 12px;
         margin-bottom: 10px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-heading {
         font-size: 18px;
         line-height: 18px;
         margin-bottom: 10px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-text {
         font-size: 12px;
         line-height: 17px;
         margin-bottom: 10px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .read-article {
         font-size: 14px;
     }
 }

 @media (max-width: 767px) {
     .blog-inner-desc {
         max-width: 510px !important;
     }

     .blog-inner-desc p {
         color: rgba(182, 195, 205, 1);
         font-size: 14px;
     }
     .blog_post_container .controls-col {
         justify-content: center !important;

     }

     .blog_post_container .pro-controls ul {
         gap: 10px;
         flex-wrap: wrap;
         justify-content: center;
     }

     .blog_post_container .pro-controls .btn-capsule {
         padding: 15px 13px;
     }

     .blog_post_container .pro-controls ul .menu-1 {
         font-size: 11px;
     }

     .blog-card-big {
         margin-top: 25px;
         padding: 18px;
         border-radius: 8px;
     }

     .blog-card-big img {
         width: 100%;
         height: 215px;
         object-fit: cover;
         border-radius: 6px;
     }

     .blog-card-big .blog-desc-wrapper {
         padding: 15px 5px 0;
     }

     .blog-card-big .blog-desc-wrapper .blog-date {
         font-size: 12px;
         margin-bottom: 15px;
     }

     .blog-card-big .blog-desc-wrapper .blog-heading {
         font-size: 20px;
         line-height: 20px;
         margin-bottom: 15px;
     }

     .blog-card-big .blog-desc-wrapper .blog-text {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
         font-size: 14px;
         line-height: 17px;
         margin-bottom: 15px;
     }

     .blog-card-big .blog-desc-wrapper .read-article {
         font-size: 14px;
     }

  

     .blog-card-big.card-small {
         border-radius: 10px;
         padding: 10px;
     }

     .blog-card-big.card-small img {
         width: 100%;
         height: 193px;
         border-radius: 6px;
         margin-bottom: 20px;
     }

     .blog-card-big.card-small .blog-desc-wrapper {
         padding: 0 7px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-date {
         font-size: 12px;
         margin-bottom: 10px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-heading {
         font-size: 18px;
         line-height: 18px;
         margin-bottom: 10px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .blog-text {
         font-size: 12px;
         line-height: 17px;
         margin-bottom: 10px;
     }

     .blog-card-big.card-small .blog-desc-wrapper .read-article {
         font-size: 14px;
     }
 }

 /* Blog Article */
 .blog-details-inner-desc p:before {
     content: url(../img/icons/calendar-white.svg);
     display: inline-block;
     vertical-align: middle;
 }

 .blog-article-wrapper .container-fluid > .row {
    gap: 66px;
 }

 .blog-article-wrapper .blog-article-inner {
     border: 1px solid rgba(74, 94, 109, 0.3);
     border-radius: 15px;
     padding: 55px 65px 20px;

 }

 .blog-article-wrapper .blog-article-inner p {
     font-size: 24px;
     font-weight: 400;
     line-height: 32px;
     text-align: left;
     color: rgba(74, 94, 109, 1);
     margin-bottom: 35px;
 }

 .blog-article-wrapper .blog-article-inner ul {
     padding: 0;
     margin: 0 0 40px 35px;
 }

 .blog-article-wrapper .blog-article-inner li {
     font-size: 24px;
     font-weight: 400;
     line-height: 32px;
     text-align: left;
     color: rgba(74, 94, 109, 1);
 }

 .blog-article-wrapper .blog-article-inner h3 {
     font-size: 26px;
     font-weight: 700;
     line-height: 26px;
     text-align: left;
     margin-bottom: 30px;
     color: rgba(0, 117, 141, 1);
 }

 .blog-article-wrapper .blog-article-inner .img-main {
     width: 100%;
     height: 548px;
     object-fit: cover;
     border-radius: 22px;
     background: linear-gradient(0deg, rgba(0, 117, 141, 0.09), rgba(0, 117, 141, 0.09)),
         linear-gradient(180deg, rgba(23, 61, 80, 0) 80.67%, rgba(23, 61, 80, 0.5) 95.41%);
     background-blend-mode: multiply;
     margin-bottom: 40px;
 }

 .blog-article-wrapper .blog-article-inner .img-grid {
     width: 100%;
     height: 436px;
     object-fit: cover;
     border-radius: 20px;
     margin-bottom: 40px;
 }

 .blog-article-wrapper .share-article {
    width: 519px;
 }

 .blog-article-wrapper .share-socials {
     border: 1px solid rgba(74, 94, 109, 0.3);
     border-radius: 15px;
     padding: 36px 32px;
     margin-bottom: 32px;
 }

 .blog-article-wrapper .share-socials p {
     font-size: 20px;
     font-weight: 700;
     line-height: 20px;
     text-align: left;
     border-bottom: 1px solid rgba(74, 94, 109, 0.3);
     padding-bottom: 30px;
     color: rgba(0, 117, 141, 1);
 }

 .blog-article-wrapper .share-socials ul {
     padding: 0;
     margin: 30px 0 0 0;
 }

 .blog-article-wrapper .share-socials ul li {
     display: inline-flex;
     gap: 33px;
 }

 .blog-article-wrapper .share-socials ul li a {
     display: flex;
     width: 44px;
     height: 44px;
     align-items: center;
     justify-content: center;
     margin-right: 40px;
 }

 .blog-article-wrapper .share-socials ul li a:hover svg {
     fill: rgba(0, 117, 141, 1);
 }

 .blog-article-wrapper .share-socials ul li a:hover svg path {
     fill: white;
 }

 @media (max-width: 1919px) {
    .blog-inner-desc.blog-details-inner-desc {
        max-width: 750px !important;
    }

    .blog-article-wrapper .container-fluid > .row {
        gap: 30px;
     }

    .blog-article-wrapper .blog-article-inner {
        border: 1px solid rgba(74, 94, 109, 0.3);
        border-radius: 15px;
        padding: 45px 25px 10px;
    }

    .blog-article-wrapper .blog-article-inner p {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgba(74, 94, 109, 1);
        margin-bottom: 30px;
    }

    .blog-article-wrapper .blog-article-inner ul {
        padding: 0;
        margin: 0 0 35px 25px;
    }

    .blog-article-wrapper .blog-article-inner li {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgba(74, 94, 109, 1);
    }

    .blog-article-wrapper .blog-article-inner h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        margin-bottom: 25px;
        color: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .blog-article-inner .img-main {
        width: 100%;
        height: 478px;
        object-fit: cover;
        border-radius: 15px;
        background: linear-gradient(0deg, rgba(0, 117, 141, 0.09), rgba(0, 117, 141, 0.09)),
            linear-gradient(180deg, rgba(23, 61, 80, 0) 80.67%, rgba(23, 61, 80, 0.5) 95.41%);
        background-blend-mode: multiply;
        margin-bottom: 35px;
    }

    .blog-article-wrapper .blog-article-inner .img-grid {
        width: 100%;
        height: 347px;
        object-fit: cover;
        border-radius: 15px;
        margin-bottom: 35px;
    }

    .blog-article-wrapper .share-article {
        width: 366px;
     }

    .blog-article-wrapper .share-socials {
        border: 1px solid rgba(74, 94, 109, 0.3);
        border-radius: 15px;
        padding: 30px;
        margin-bottom: 22px;
    }

    .blog-article-wrapper .share-socials p {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        border-bottom: 1px solid rgba(74, 94, 109, 0.3);
        padding-bottom: 20px;
        color: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .share-socials ul {
        padding: 0;
        margin: 20px 0 0 0;
    }

    .blog-article-wrapper .share-socials ul li {
        display: inline-flex;
        gap: 30px;
    }

    .blog-article-wrapper .share-socials ul li a {
        display: flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        margin-right: 30px;
    }

    .blog-article-wrapper .share-socials ul li a:hover svg {
        fill: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .share-socials ul li a:hover svg path {
        fill: white;
    }
 }

 @media (max-width: 991px) {
    .blog-inner-desc.blog-details-inner-desc {
        max-width: 560px !important;
    }

    .blog-article-wrapper .container-fluid > .row {
        gap: 0px;
     }

    .blog-article-wrapper .blog-article-inner {
        border: 1px solid rgba(74, 94, 109, 0.3);
        border-radius: 15px;
        padding: 45px 20px 10px;
    }

    .blog-article-wrapper .blog-article-inner p {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgba(74, 94, 109, 1);
        margin-bottom: 25px;
    }

    .blog-article-wrapper .blog-article-inner ul {
        padding: 0;
        margin: 0 0 30px 25px;
    }

    .blog-article-wrapper .blog-article-inner li {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgba(74, 94, 109, 1);
    }

    .blog-article-wrapper .blog-article-inner h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        margin-bottom: 25px;
        color: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .blog-article-inner .img-main {
        width: 100%;
        height: 395px;
        object-fit: cover;
        border-radius: 18px;
        background: linear-gradient(0deg, rgba(0, 117, 141, 0.09), rgba(0, 117, 141, 0.09)),
            linear-gradient(180deg, rgba(23, 61, 80, 0) 80.67%, rgba(23, 61, 80, 0.5) 95.41%);
        background-blend-mode: multiply;
        margin-bottom: 30px;
    }

    .blog-article-wrapper .blog-article-inner .img-grid {
        width: 100%;
        height: 286px;
        object-fit: cover;
        border-radius: 13px;
        margin-bottom: 30px;
    }

    .blog-article-wrapper .share-article {
        width: 100%;
         max-width: 100%;
         margin-top: 60px;
     }

    .blog-article-wrapper .share-socials {
        border: 1px solid rgba(74, 94, 109, 0.3);
        border-radius: 15px;
        padding: 30px 20px;
        margin-bottom: 22px;
        text-align: center;
    }

    .blog-article-wrapper .share-socials p {
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        border-bottom: 1px solid rgba(74, 94, 109, 0.3);
        padding-bottom: 20px;
        color: rgba(0, 117, 141, 1);
        text-align: center;
    }

    .blog-article-wrapper .share-socials ul {
        padding: 0;
        margin: 20px 0 0 0;
    }

    .blog-article-wrapper .share-socials ul li {
        display: inline-flex;
        gap: 30px;
    }

    .blog-article-wrapper .share-socials ul li a {
        display: flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        margin-right: 30px;
    }

    .blog-article-wrapper .share-socials ul li a:hover svg {
        fill: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .share-socials ul li a:hover svg path {
        fill: white;
    }

    .all_property_main_blog-details h2 {
        text-align: center;
    }
 }

 @media (max-width: 767px) {
    .blog-inner-desc.blog-details-inner-desc {
        max-width: 320px !important;
    }

    .blog-article-wrapper .container-fluid > .row {
        gap: 0px;
        margin: 0;
     }

    .blog-article-wrapper .blog-article-inner {
        border: 1px solid rgba(74, 94, 109, 0.3);
        border-radius: 15px;
        padding: 35px 20px 10px;
    }

    .blog-article-wrapper .blog-article-inner p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        color: rgba(74, 94, 109, 1);
        margin-bottom: 25px;
    }

    .blog-article-wrapper .blog-article-inner ul {
        padding: 0;
        margin: 0 0 25px 25px;
    }

    .blog-article-wrapper .blog-article-inner li {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgba(74, 94, 109, 1);
    }

    .blog-article-wrapper .blog-article-inner h3 {
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        text-align: left;
        margin-bottom: 20px;
        color: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .blog-article-inner .img-main {
        width: 100%;
        height: 168px;
        object-fit: cover;
        border-radius: 12px;
        background: linear-gradient(0deg, rgba(0, 117, 141, 0.09), rgba(0, 117, 141, 0.09)),
            linear-gradient(180deg, rgba(23, 61, 80, 0) 80.67%, rgba(23, 61, 80, 0.5) 95.41%);
        background-blend-mode: multiply;
        margin-bottom: 25px;
    }

    .blog-article-wrapper .blog-article-inner .img-grid {
        width: 100%;
        height: 247px;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 13px;
    }

    .blog-article-wrapper .share-article {
        width: 100%;
         max-width: 100%;
         margin-top: 40px;
     }

    .blog-article-wrapper .share-socials {
        border: 1px solid rgba(74, 94, 109, 0.3);
        border-radius: 15px;
        padding: 25px 18px;
        margin-bottom: 22px;
        text-align: center;
    }

    .blog-article-wrapper .share-socials p {
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        border-bottom: 1px solid rgba(74, 94, 109, 0.3);
        padding-bottom: 20px;
        color: rgba(0, 117, 141, 1);
        text-align: center;
    }

    .blog-article-wrapper .share-socials ul {
        padding: 0;
        margin: 20px 0 0 0;
    }

    .blog-article-wrapper .share-socials ul li {
        display: inline-flex;
        gap: 27px;
    }

    .blog-article-wrapper .share-socials ul li a {
        display: flex;
        width: 36px;
        height: 36px;
        align-items: center;
        justify-content: center;
        margin-right: 27px;
    }

    .blog-article-wrapper .share-socials ul li a:hover svg {
        fill: rgba(0, 117, 141, 1);
    }

    .blog-article-wrapper .share-socials ul li a:hover svg path {
        fill: white;
    }

    .all_property_main_blog-details h2 {
        text-align: center;
    }
 }

.whatdosec{
    background-color: var(--bg_light);
    padding: 80px 0;
}
.whatdosec .docontent{
    display: grid;
    grid-template-columns: 40% calc(60% - 15px);
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}
.whatdosec .docontent h2{
    font-size: 40px;
    line-height: 46px;
    color: var(--heading_black);
    margin: 0;
    font-weight: 700;
}
.whatdosec .docontent p{
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    margin: 0;
    font-weight: 500;
}
.dolist{
    padding-top: 65px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.doitem{
    border-radius: 18px;
    background-color: var(--White);
    padding: 30px 25px;
    position: relative;
    overflow: hidden;
}
.doitem::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background: url(../img/icons/svimg.png) no-repeat top -3px right -16px;
    background-size: 64%;
    opacity: 0.2;
    display: none;
}
.doitem::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background:var(--secondary);
    display: none;
}
.dotiteminner{
    z-index: 1;
    position: relative;
}
.doitem .pre_img img{
    max-width: 55px;
}
.doitem .content{
    margin-top: 35px;
}
.doitem .content h3{
    font-size: 20px;
    line-height: 26px;
    color: var(--secondary);
    margin: 0 0 20px;
    font-weight: 700;
}

.doitem .content p{
    font-size: 16px;
    line-height: 22px;
    color: var(--text_color);
    margin: 0;
    font-weight: normal;
}
.doitem:hover::before,
.doitem:hover::after{
    display: block;
}
.doitem:hover .pre_img img{
    filter: brightness(0) invert(1); 
}
.doitem:hover .content h3{
    color: var(--White);
}
.doitem:hover .content p{
    color: var(--White);
}
.our_partners{
    padding:80px 0;
}
.partnerslist .slick-track{
    padding: 0px 12.5%;
}
.partnerslist.slick-slider .slick-slide {
    padding: 0 14px;
}
.partneritem{
    height: 85px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.partneritem img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.formwithtext{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    position: relative;
}
.formtext{
    max-width: 445px;
}
.formtext h2{
    font-size: 40px;
    line-height: 46px;
    color: var(--White);
    margin: 0;
    font-weight: 700;
}
.formtext p{
    font-size: 20px;
    line-height: 26px;
    color: var(--White);
    margin: 20px 0 0;
    font-weight: 500;
}

.checkedbox{
    display: flex;
    align-items: center;
}

.checkedbox label{
   font-weight: 400;
    margin: 0;
    font-size: 14px;
}

.list-img-slider .slick-list{
    padding-right: 0 !important;
    overflow: hidden;
}
.bloglisting {
    padding: 100px 0;
    @media (max-width:1750px) {
    padding: 80px 0;
    }
    @media (max-width:1200px) {
        padding: 60px 0;
    }
    @media (max-width:576px) {
        padding: 55px 0;
    }
}
.has-arrows.bloglisting{
    @media (max-width:1200px) {
        padding-bottom: 130px;
    }
    @media (max-width:1200px) {
        padding-bottom: 105px;
    }
}

.homeslider.slick-slider .slick-arrow,
.textingsliderdetail.slick-slider .slick-arrow {
    border: 1px solid var(--White);
    background-color: transparent;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.7s all;
    user-select: none;
    transition: background-color 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    transition: transform 0.3s ease;
    margin-right: -19px;
    z-index: 1;
}
.textingsliderdetail.slick-slider .slick-arrow{
    border-color: var(--secondary);
    width: 30px;
    height: 30px;
}
.homeslider.slick-slider .slick-arrow::before,
.textingsliderdetail.slick-slider .slick-arrow::before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: var(--White);
    height: 100%;
    width: 100%;
    content: "";
}

.homeslider.slick-slider button.slick-arrow.slick-next::before,
.textingsliderdetail.slick-slider button.slick-arrow.slick-next::before {
    background: url('../img/icons/whitearrow-right.svg') no-repeat center;
    
}
.textingsliderdetail.slick-slider button.slick-arrow.slick-next::before {
    background: transparent;
    -webkit-mask: url('../img/icons/whitearrow-right.svg') no-repeat center;
    -webkit-mask-size: 15px;
    background-color: var(--Black); 
}
.textingsliderdetail.slick-slider button.slick-arrow:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

.homeslider.slick-slider button.slick-arrow.slick-prev::before,
.textingsliderdetail.slick-slider button.slick-arrow.slick-prev::before {
    background: url('../img/icons/whitearrow-right.svg') no-repeat center;
   transform: rotate(180deg);
}
.textingsliderdetail.slick-slider button.slick-arrow.slick-prev::before {
     background: transparent;
    -webkit-mask: url('../img/icons/whitearrow-right.svg') no-repeat center;
    -webkit-mask-size: 15px;
    background-color: var(--Black); 
}

.homeslider.slick-slider .slick-arrow.slick-disabled,
.textingsliderdetail.slick-slider .slick-arrow.slick-disabled{
    opacity: 0.5;
    pointer-events: none;
}
.homeslider.slick-slider .slick-prev {
    left: 52px;
}
.homeslider.slick-slider .slick-next {
    right: 52px;
}
.textingsliderdetail.slick-slider .slick-prev{
    left: 30px;
}
.textingsliderdetail.slick-slider .slick-next {
    right: 49px;
}



.bloglisting h2{
    margin-bottom: 60px;
    text-align: center;
    @media (max-width:1750px) {
        margin-bottom: 40px;
    }
    @media (max-width:576px) {
        margin-bottom: 30px;
    }
}
.careerlisting{
    padding: 100px 0;
    @media (max-width:1750px) {
    padding: 80px 0;
    }
    @media (max-width:1200px) {
        padding: 60px 0;
    }
    @media (max-width:576px) {
        padding: 55px 0;
    }
}
.careerlisting h2{
    margin-bottom: 35px;
    text-align: center;
    @media (max-width:1750px) {
        margin-bottom: 30px;
    }
    @media (max-width:576px) {
        margin-bottom: 24px;
    }
}
.careerlisting p{
    font-size: 20px;
    line-height: 26px;
    font-weight: normal;
    text-align: center;
    max-width: 1031px;
    margin: 0 auto 60px;
    @media (max-width:1750px) {
        margin-bottom: 50px;
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 20px;
    }
}
.careerworkspacemain{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:42px;
    @media (max-width:1750px) {
        gap: 30px;
    }
    @media (max-width:992px) {
        gap: 20px;
        grid-template-columns: 1fr;
    }
    @media (max-width:576px) {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
}
.careerworkspace_item{
    display: grid;
    grid-template-columns: 1fr;
    gap:35px;
    @media (max-width:1750px) {
        gap: 35px;
    }
    @media (max-width:992px) {
        gap: 30px;
        grid-template-columns: 150px 1fr;
        align-items: center;
    }
    @media (max-width:576px) {
        gap: 16px;
        grid-template-columns: 1fr;
    }
}
.careerworkspace_item .pre_img{
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    @media (max-width:1750px) {
        height: 280px;
    }
    @media (max-width:992px) {
        height: 150px;
    }
    @media (max-width:576px) {
        height: 160px;
    }
}
.careerworkspace_item .pre_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.careerworkspace_item h3{
    font-size: 26px;
    line-height: 32px;
    color: var(--secondary);
    margin: 0 0 20px;
    font-weight: 700;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    @media (max-width:992px) {
        text-align: left;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px;
    }
}
.careerworkspace_item p{
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    margin: 0;
    font-weight: normal;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:992px) {
        text-align: left;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.max-width-60{
    max-width: 60%;
    margin: 0 auto;
    @media (max-width:992px) {
        max-width: 100%;
    }
}
.section_padding{
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:992px) {
        padding: 50px 0;
    }
    @media (max-width:576px) {
         padding: 50px 0;
    }
}
.section_padding h2{
    margin-bottom: 70px;
    text-align: center;
    text-transform: uppercase;
    @media (max-width:1750px) {
        margin-bottom: 50px;
    }
    @media (max-width:576px) {
        margin-bottom: 30px;
    }
}
.section_padding.if_p h2{
    margin-bottom: 35px;
    text-align: center;
    @media (max-width:1750px) {
        margin-bottom: 30px;
    }
    @media (max-width:576px) {
        margin-bottom: 24px;
    }
}
.section_padding h2+p{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    max-width: 1031px;
    margin: 0 auto 70px;
    @media (max-width:1750px) {
        margin-bottom: 50px;
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 20px;
    }
}
.jobvacanciesmain{
    position: relative;
    background-size: cover !important;
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:992px) {
        padding: 50px 0;
    }
    @media (max-width:576px) {
         padding: 50px 0;
    }
}

.jobvacanciesmain h2{
    color:var(--heading_black);
    z-index: 2;
    position: relative;
}
.jobvacancieslisting{
    display: flex;
    flex-wrap: wrap;
    gap:24px;
    z-index: 2;
    position: relative;
    @media (max-width:1750px) {
        gap:20px;
    }
    @media (max-width:1200px) {
       gap:20px;
    }
    @media (max-width:576px) {
        gap:15px;
    }
}
.jobvacancieitem{
    padding: 26px 42px;
    border-radius: 15px;
    background-color: var(--White);
    border:1px solid #26262633;
    display: grid;
    grid-template-columns: 1fr 160px;
    align-items: center;
    gap:20px;
    width: 100%;
    @media (max-width:1750px) {
        padding: 20px 40px;
        gap:50px;
    }
    @media (max-width:1200px) {
        padding: 30px 30px;
        gap:15px;
    }
    @media (max-width:700px) {
        grid-template-columns: 1fr;
        padding: 20px 20px;
        gap:20px;
    }
}
.jobvacancieitem .detailcontent{
    display: grid;
    grid-template-columns: 700px 1fr;
    align-items: center;
    gap: 20px;
    @media (max-width:1720px) {
        gap:15px;
        grid-template-columns: 505px 1fr;
    }
    @media (max-width:1300px) {
        gap:20px;
        grid-template-columns: 1fr;
    }
    @media (max-width:576px) {
        gap:20px;
    }
}
.jobvacancieitem h3{
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_black);
    text-transform: uppercase;
    margin: 0;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
    }
}
.jobvacancieitem p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 8px 0 0;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.jobvacancieitem .btn_lg{
    font-size: 16px;
    padding: 11px 24px;
}
.jobvacancieitem .loctime{
    display: grid;
    grid-template-columns: 1fr 168px;
    @media (max-width:1750px) {
        grid-template-columns: 1fr 142px;
    }
    @media (max-width:1300px) {
        display: flex;
        overflow: hidden;
    }
    @media (max-width:576px) {
       
    }
}
.jobvacancieitem .loctime .loc{
    padding-right: 28px;
    position: relative;
    padding-left: 34px;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    @media (max-width:1750px) {
        padding-right: 20px;
        padding-left: 32px;
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:1300px) {
        max-width: 65%;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
       
    }
}
.jobvacancieitem .loctime .time{
    padding-left: 28px;
    position: relative;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    @media (max-width:1750px) {
        padding-left: 32px;
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:1200px) {
        
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}

.jobvacancieitem .loctime .time::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../img/clock.svg') no-repeat center;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
        left: 0;
        top:0;
    }
    @media (max-width:1200px) {
        
    }
    @media (max-width:576px) {
       
    }
}
.jobvacancieitem .loctime .loc::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../img/loc.svg') no-repeat center;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
        top:0;
    }
   
}
.badgeimgwithcontent{
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 210px 1fr;
    align-items: center;
    gap: 108px;
    @media (max-width:1750px) {
        max-width: 960px;
        grid-template-columns: 140px 1fr;
        gap: 60px;
    }
    @media (max-width:992px) {
        max-width: 100%;
        grid-template-columns: 110px 1fr;
        gap: 30px;
    }
    @media (max-width:576px) {
       grid-template-columns: 1fr;
       gap: 20px;
       align-items: flex-start;
    }
}
.badgeimgwithcontent .pre_img img{
    max-width: 100%;
    height: auto;
}
.badgeimgwithcontent h3{
    font-size: 56px;
    line-height: 62px;
    color: var(--heading_black);
    margin: 0 0 20px;
    font-weight: 700;
    @media (max-width:1750px) {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 15px;
    }
    @media (max-width:992px) {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    @media (max-width:576px) {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 8px;
    }
}
.badgeimgwithcontent p{
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    margin: 0;
    font-weight: normal;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.badgeimgwithcontent ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.badgeimgwithcontent ul li{
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    margin: 20px 0 0;
    font-weight: normal;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}

.footerinfosec{
    background-size: cover !important;
    background-repeat: no-repeat !important; 
    padding: 90px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    @media (max-width:992px) {
        padding: 50px 32px;
        border-radius: 22px;
    }
    @media (max-width:576px) {
        padding: 42px 32px;
        border-radius: 14px;
    }
}
.footersubscribeinner{
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;    
    text-align: center;
    position: relative;
}
.footersubscriber.container-fluid{
    @media (max-width:576px) {
        padding: 0;
    }
}
.footerinfosec::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(66, 16, 11, 0.5);
}
.footerinfosec h2{
    font-size: 42px;
    line-height: 48px;
    color: var(--White);
    margin: 0;
    font-weight: 400;
    @media (max-width:1750px) {
        font-size: 36px;
        line-height: 42px;
    }
    @media (max-width:992px) {
        font-size: 28px;
        line-height: 34px;
    }
    @media (max-width:576px) {
        font-size: 24px;
        line-height: 30px;
    }
}
.footerinfosec p{
    font-size: 18px;
    line-height: 24px;
    color: var(--White);
    margin: 0;
    font-weight: 400;
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.linkiewithrating{
    display: flex;
    align-items: center;
    gap: 15px;
}
.linkiewithrating .linkie{
    border-radius: 5px;
    border: 1px solid #FFFFFF8C;
    padding: 12px 14px;
    display: flex;
    align-items: center;
}
.linkiewithrating .linkie a{
    padding: 0 26px;
    display: block;
    color: var(--White);
    font-size: 16px;
    font-weight: normal;
    position: relative;
}
.linkiewithrating .linkie a::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width:  4px;
    height: 4px;
    background-color: var(--White);
    border-radius: 100%;
    transition: transform 0.3s ease;
}
.linkiewithrating .linkie a:last-child:after{
    display: none;
}
footer .socialicons{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
}
.contactsocialicons{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
footer .socialicons .icon,
.contactsocialicons .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--White);
    border-radius: 100%;
    padding: 2px;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
}
.contactsocialicons .icon{
    border-color: var(--secondary);
}
.communitymainbannerarea{
    padding-top: 32px;
}
.gallerydatadetail{
    padding-top: 32px;
    padding-bottom: 32px;
}
.gallerydatadetail .img {
  height: 261px;
  border-radius: 13px;
  object-fit: cover;
}
.gallerydatadetail .main-img{
    display: block;
    max-width: 100%;
    height: 549px;
    max-height: 100%;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    border-radius: 10px;
    object-position: center;
}
.communitymainbannerarea{
    padding-bottom: 32px;
}
.small_imgs {
    
  margin-bottom: 28px;
  @media (max-width:992px) {
    margin-bottom: 0;
    margin-top: 18px;
  }
}
 @media (max-width:992px) {
    .inner-gallery.row{
        margin: 0 -9px;
    } 
    .inner-gallery.row .col-6{
        padding: 0 9px;
    }
}

.gallerydatadetail .textonimg {
  align-items: center;
  background-color: rgba(0,0,0,.5);
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 6px;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width:1750px) {

    .btn_lg{
        font-size: 22px;
    }
    .banneritem{
        padding-top: 135px;
    }
    .banneritem .content{
        max-width: 1250px;
        padding: 110px 0 100px;
    }
    .banneritem .content.contenthome{
        padding: 110px 0 286px;
    }
    .banneritem .content h2 {
        margin-bottom: 25px;
        font-size: 68px;
        line-height: 74px;
    }
    .mainformsearch{
        padding-bottom: 110px;
    }
    .bannerformareaa,.search-module{
        max-width: 1600px;
    }
    .btnformselecter{
        font-size: 22px;
        line-height: 28px;
        padding: 15px 54px;
    }
    .linkiewithrating .linkie a{
        font-size: 18px;
        line-height: 24px;
    }

    footer .footer-box {
        padding-right: 52px;
        padding-bottom: 60px;
        margin-bottom: 60px;
    }
    footer .footer-box ul li a{
        font-size: 16px;
        line-height: 22px;
    }
    footer .socialicons .icon,
    .contactsocialicons .icon{
        width: 32px;
        height: 32px;
    }

    .contactformbanner .formin .formie .formiein .input-grp.row
    {
        margin: 0 -12px;
    }
    .contactformbanner .formin .formie .formiein .input-grp.row .col-12 {
        padding: 0 12px;
    }
    .formiein {
        margin: 0;
        margin-top: 40px;
    }

    .checkedbox label{
        font-size: 16px;
        line-height: 20px;
    }
    .formtext {
        max-width: 655px;
    }
    .formtext h2 {
        font-size: 56px;
        line-height: 62px;
    }
    .formtext p {
        font-size: 22px;
        line-height: 28px;
    }
    .our_partners {
        padding: 110px 0;
    }
    .partneritem{
        height: 100px;
    }
    .banner_text .content h2 {
        font-size: 56px;
        line-height: 62px;
    }
    .banner_text .content{
        max-width: 1400px;
    }
    
    .banner_text {
        padding: 160px 100px;
    }
    .google_reviewsonbanner {
        position: absolute;
        right: 54px;
        bottom: 75px;
    }
    .google_reviewsonbanner img{
        min-width: 160px;
    }
    .list-card .list-img img{
        height: 284px;
    }
    .all-property .list-card{
        padding: 15px;
    }
    .all-property .list-card h4{
        font-size: 22px;
        line-height: 28px;
    }
    .all-property .list-card h4 span{
        font-size: 18px;
        line-height: 24px;
    }
    .all-property .list-details{
        padding: 28px 0 12px;
    }
   
    .list-card .list-amenties ul li h5 {
       font-size: 14px;
    }
   
    .agent-details h5{
        font-size: 16px;
        line-height: 22px;
    }
    .agent-details .agent-designation{
        font-size: 14px;
    }
 
    .all-property {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    h2{
        font-size: 52px;
        line-height: 58px;
    }
    .all-property h2 {
        margin-bottom: 24px;
    }
    .whatdosec{
        padding: 110px 0;
    }
    .whatdosec .docontent h2{
        font-size: 56px;
        line-height: 62px;
    }
    .whatdosec .docontent p{
        font-size: 22px;
        line-height: 28px;
    }
    .dolist{
        gap: 45px;
    }
    .doitem{
        padding: 40px 30px;
    }
    .doitem .pre_img img {
        max-width: 70px;
    }
    .doitem .content h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .doitem .content p {
        font-size: 20px;
        line-height: 26px;
    }
}
@media screen and (max-width:1200px) {
    .banneritem .content h2{
        font-size: 36px;
        line-height: 42px;
    }
    .banneritem .content p{
        font-size: 18px;
        line-height: 24px;
    }
    .banneritem .content{
        max-width: 580px;
        padding: 80px 0 80px;
    }
   
    .banneritem .content.contenthome{
        padding: 80px 0 245px;
    }
    .btn_lg {
        padding: 12px 37px;
        font-size: 16px;
        line-height: 23px;
    }
    .banneritem .content a{
        margin: 25px auto 0;
    }
    .banneritem{
        padding-top: 84px;
    }
    .homeslider.slick-slider .slick-arrow{
        margin-right: 0;
        width: 35px;
        height: 35px;
    }
    .homeslider.slick-slider .slick-next {
        right: 12px;
    }
    .homeslider.slick-slider .slick-prev {
        left: 12px;
    }
    .homeslider.slick-slider .slick-arrow::before{
        background-size: 16px !important;
    }
    .bannerformareaa{
        padding: 0 32px;
        max-width: 100%;
    }
    .main-cat ul {
        padding: 14px 20px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .search-module{
        border-radius: 8px;

    }
    .uperformdiv{
        grid-template-columns: 1fr 234px;
        gap: 12px;
    }
    .innerformdiv {
        gap: 12px;
        margin-top: 12px;
    }
    .value-list.open {
        top: 100%;
    }
    .uperformdiv .btn-primary.btn_lg{
        padding: 0;
    }
    .value-list li{
        font-size: 14px;
    }
    .whatdosec{
        padding: 60px 0;
    }
    .container {
        padding: 0 32px;
    }
    .whatdosec .docontent{
        grid-template-columns: 1fr;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }
    .whatdosec .docontent h2{
        font-size: 30px;
        line-height: 36px;
    }
    .whatdosec .docontent p{
        font-size: 18px;
        line-height: 24px;
    }
    .dolist{
        padding-top: 45px;
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
    .doitem{
        padding: 25px;
        border-radius: 10px;
    }
    .doitem .content {
        margin-top: 30px;
    }
    .doitem::after{
        top: -21px;
        background-size: 36%;
    }
    .all-property {
        padding-top: 60px;
        padding-bottom: 60px;
        position: relative;
    }
    .pro-controls {
        padding-bottom:45px;
    }
    
    .all-property.all_property_main .all-property-slider.slick-slider {
        position: initial;
    }

    .list-card .list-img img {
        height: 238px;
    }
    .all-property.all_property_main .all-property-slider.slick-slider::before{
        left: 0;
        width: 32px;
    }
    .banner_text .content{
        padding: 0;
        max-width: 768px;
    }
    .banner_text .content h2{
        font-size: 26px;
        line-height: 32px;
    }
    .partnerslist.slick-slider .slick-slide {
        padding: 0 10px;
    }
    .our_partners {
        padding: 60px 0;
    }
    .formwithtext{
        gap: 40px;
        justify-content: center;
    }
    .formtext {
        max-width: 100%;
    }
    .formtext h2{
        font-size: 26px;
        line-height: 32px;
        text-align: center;
    }
    .formtext p{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .contactformbanner .formin .formie {
        border-radius: 16px;
    }

    .linkiewithrating .linkie a{
        font-size: 14px;
        padding: 0 20px;
    }
}
@media screen and (max-width:992px) {
    .gallerydatadetail {
        padding-top: 24px;
        padding-bottom: 28px;
    }
    .gallerydatadetail .img{
        height: 505px;
    }
    .gallerydatadetail .small_imgs .img{
        height: 284px;
    }
    .slick-controls .slick-arrow{
        top: auto;
        right: auto;
        left: auto;
        transition: transform 0.3s ease;
        bottom: auto;
        transform: none;
        width: 35px;
        height: 35px;
        border: 1px solid var(--White);
        border-radius: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: transform 0.3s ease;
        margin-right: 0;
        z-index: 1;
        position: relative;
    }
    .slick-controls button.slick-arrow::before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: 1;
        color: var(--secondary);
        height: 100%;
        width: 100%;
        content: "";
        border-radius: 100%;
    }
    .slick-controls button.slick-arrow.slick-next::before {
        /* background: url('../img/icons/arrow-next.svg') no-repeat center;  */
        -webkit-mask: url('../img/icons/arrow-next.svg') no-repeat center;
        -webkit-mask-size: 19px;
        background-color: var(--White); 
        transform: rotate(180deg);
    }
    .slick-controls button.slick-arrow.slick-prev::before {
        /* background: url('../img/icons/arrow-next.svg') no-repeat center;  */
        -webkit-mask: url('../img/icons/arrow-next.svg') no-repeat center;
        -webkit-mask-size: 19px;
        background-color: var(--White); 
    }
    .slick-controls button.slick-arrow.slick-disabled {
        opacity: 0.5;
        cursor: unset;
    }
    .slick-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        position: absolute;
        bottom: 30px;
        right: 50%;
        transform: translateX(50%);
    }
    .slick-controls button.slick-arrow:hover {
        border-color: var(--White);
        background: var(--White);

    }
    .slick-controls button.slick-arrow:hover::before {
        background-color: var(--secondary); 
    }
    .slick-controls .slick-dots{
        position: relative;
        bottom: auto;
        width: fit-content;
        display: flex;
        gap: 10px;
    }
    .slick-controls .slick-dots li{
        margin: 0;
        width: 6px;
        height: 6px;
    }
    .slick-controls .slick-dots li button{
        width: 6px;
        height: 6px;
        padding: 0;
        border-radius: 100%;
        background: var(--white-50);
    }
    .slick-controls .slick-dots li.slick-active{
        width: 20px;
    }
    .slick-controls .slick-dots li.slick-active button {
        background: var(--White);
        width: 20px;
        border-radius: 10px;
    }
    .slick-controls .slick-dots li button::before{
        display: none;
    }
    .slick-controls button.slick-arrow.slick-next{
        order: 1;
    }
    .galleryimageslider.slick-dotted.slick-slider {
        margin-bottom: 0px;
        position: relative;
    }
    .uperformdiv {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .innerformdiv{
        grid-template-columns: repeat(3,1fr);
    }
    .banneritem .content.contentcontact{
        max-width: 100%;
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media screen and (max-width:767px) {
    .uperformdiv{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .mainsearchinnerpages .uperformdiv {
        grid-template-columns: 1fr 152px;
        gap: 10px;
    }
    .mainsearchinnerpages .search-module{
        padding: 20px 20px;
    }
    .mainsearchinnerpages .bannerformareaa {
        margin-top: -42px;
    }
    
}
@media screen and (max-width:576px) {
    .uperformdiv {
        grid-template-columns: 1fr;
    }

    .innerformdiv {
        grid-template-columns: repeat(1, 1fr);
    }
    .all-property {
        padding-top: 60px;
        padding-bottom: 120px;
        position: relative;
    }
    .all-property .container-fluid{
        position: initial;
    }
    .mainsearchinnerpages .search-module{
        padding: 12px 14px;
    }
    .mainsearchinnerpages .uperformdiv {
        grid-template-columns: 1fr 42px;
        gap: 6px;
    }
    .footerinfosec{
        gap: 20px;
    }

    .linkiewithrating{
        gap:11px;
    }
    .linkiewithrating .linkie a{
        font-size: 14px;
        padding: 0 12px;
    }
    .linkiewithrating .linkie{
        padding: 12px 6px;
    }
    .review_g img{
        max-width: 74px;
    }
 
    footer .footer-box,
    footer .footer-box:nth-child(5n){
        padding-right: 0;
        border-bottom: none;    
        padding-bottom: 0;
    }
    footer .footer-box .property_content_footer,
    footer .footer-box:nth-child(5n) .property_content_footer{
        padding-right: 0;
        border-right: none;
        
    }
    footer .footer-box:nth-last-child(2),
     footer .footer-box:last-child{
        padding: 0;
        border-right: none;
        padding-right: 0;
        margin: 0;
        margin-bottom: 30px;
    }
    footer .socialicons{
        justify-content: center;
    }
    .all-property .container-fluid {
        position: initial;
        padding-left: 20px;
        padding-right: 20px;
    }
    .bannerformareaa {
        padding: 0 20px;
        max-width: 100%;
    }
    .uperformdiv{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .combofilter{
        grid-template-columns: 1fr;
    }
    .combofilter .chosen-value-wrapper-filter::after {
        content: "";
        position: absolute;
        right: 15px;
        top: auto;
        transform: none;
        width: calc(100% - 30px);
        height: 1px;
        bottom: 0;
    }
    .dolist{
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .formonalldevices .container-fluid {
        padding: 0 20px;
    }
    .formwithtext{
        gap:30px;
    }

    .contactformbanner .formin .formie{
        padding: 26px 20px;
    }

    .our_partners {
        padding: 50px 0;
    }
    .container {
        padding: 0 20px;
    }
    .partnerslist .slick-track {
        padding: 0px 25%;
    }
    .partnerslist.slick-slider .slick-slide {
        padding: 0 8px;
    }   
    .banner_text .content h2 {
        font-size: 22px;
        line-height: 28px;
    }
    header .container-fluid {
        padding-right:  20px;
        padding-left: 20px;
    }
    .gallerydatadetail .container-fluid {
        padding-right: 20px;
        padding-left: 20px;
        
    }
    .gallerydatadetail {
        padding-top: 19px;
        padding-bottom: 22px;
    }

    .gallerydatadetail .img{
        height: 242px;
        border-radius: 6px;
    }
    .gallerydatadetail .small_imgs .img{
        height: 136px;
    }
    .banneritem .content{
        padding:32px 20px 32px;
    }
    .banneritem .content.contentcontact{
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .banneritem .content.contenthome{
         padding:32px 20px 85px;
    }
    .banneritem .content h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .banneritem .content p {
        font-size: 16px;
        line-height: 22px;
    }
    .btnformselecter{
        padding: 7px 33px 8px;
    }
    .main-cat ul {
        padding: 9px 18px;
    }
}

.mainsearchinnerpages .search-module .search-input .select2{
    border:1px solid rgba(74, 94, 109, 0.3);
    border-radius: 8px;
    @media screen and (max-width:767px) {
            border-radius: 4px;
    }
}
.servicelinks{
    padding: 36px 32px;
    background-color: var(--bg_light);
    border-radius: 12px;
    @media (max-width:1750px) {
        padding: 30px 28px;
        border-radius: 12px;
    }
    @media (max-width:1200px) {
        padding: 32px 32px;
        border-radius: 12px;
    }
    @media (max-width:576px) {
        padding: 26px 24px;
        border-radius: 12px;
    }
}
.servicelinks h2{
    font-size: 26px;
    line-height: 32px;
    color: var(--secondary);
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid var(--text_color);
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.servicesitems{
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    @media (max-width:1750px) {
        gap: 20px;
    }
    @media (max-width:992px) {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}
.servicesitems a{
    font-size: 20px;
    line-height: 26px;
    display: flex;
    gap: 25px;
    align-items: center;
    color: var(--secondary);
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        gap: 20px;
    }
    @media (max-width:1200px) {
        font-size: 16px;
        line-height: 22px;
        gap: 15px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;

    }
}
.servicesitems a:hover{
    color: var(--primary);
}
.servicesitems a .service-img{
    max-width: 36px;
    @media (max-width:1750px) {
        max-width: 32px;
    }
    @media (max-width:576px) {
        max-width: 28px;
    }
}
.servicesitems a .service-img img,
.servicedetail img{
    max-width: 100%;
    height: auto;
}

.ticklist{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
}
.ticklist li{
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: var(--text_color);
    padding-left: 39px;
}
.ticklist li::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../img/icons/cheked_detail.svg')no-repeat center;
    background-size: contain;
}
.servicedetail img{
    border-radius: 20px;
    margin-bottom: 32px;
    width: 100%;
    object-fit: cover;
}
.servicedetail h2{
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 32px;
    font-weight: 700;
    color: var(--secondary);
}
.servicedetail p{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 32px;
    font-weight: 500;
    color: var(--text_color);
}
.servicedetail p+img{
    margin-top: 32px;
}
.servicesincluded{
    padding-top: 70px;
}
.servicedetail p + img + .servicesincluded {
  padding-top: 0;
}
.servicedetail .pre_servicelist{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin: 0 0 32px;
}
.servicedetail .pre_servicelist li{
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 28px;
    align-items: center;
}
.servicedetail .pre_servicelist li .textarea h3{
    font-size: 22px;
    line-height: 28px;
    color: var(--secondary);
    font-weight: 600;
    margin: 0;
}
.servicedetail .pre_servicelist li .textarea p{
    font-size: 18px;
    line-height: 24px;
    color: var(--text_color);
    font-weight: 500;
    margin: 13px 0 0;
}
.servicedetail .pre_servicelist li .pre_icon img{
    height: auto;
    border-radius: unset;
    margin: auto;
}
.servicesincluded ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    margin: 10px 0;
}
.servicesincluded ul li{
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 22px;
    align-items: center;
}
.servicesincluded ul li .text{
    font-size: 20px;
    line-height: 26px;
    color: var(--secondary);
    font-weight: 500;
}
.servicesincluded ul li .icon img{
    height: auto;
    border-radius: unset;
    margin: auto;
}
.contactdetail_in{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    padding: 40px 0 0;
}
.contactdetailbox{
    padding: 25px;
    border-radius: 26px;
    background-color: var(--White);
    border: 1px solid #26262626;
}
.contactdetailbox .pre_icon{
    max-width: 45px;
    margin: 0 auto 25px;
}

.contactdetailbox .pre_icon img{
    max-width: 100%;
    height: auto;
    margin: 0;
}
.contactdetailbox .contentinfo{
    text-align: center;
}
.contactdetailbox .contentinfo.withouticon{
    padding-top: 25px;
}
.contactdetailbox h4{
    font-size: 20px;
    line-height: 26px;
    color: var(--heading_black);
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}
.banneritem .content .contactdetailbox p{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 20px 0 0;
    text-align: center;
}
.banneritem .content .contactdetailbox a{
    display: block;
    color: var(--heading_black);
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin: 20px 0 0;
    text-align: center;
}
.banneritem .content .contactdetailbox a:hover{
    color: var(--primary);
}
@media (max-width:1750px) {
    .servicedetail img{
        border-radius: 20px;
        margin-bottom: 28px;
    }
    .servicedetail h2{
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 28px;
    }
    .servicedetail p{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 28px;
    }
    .servicedetail p + img {
        margin-top: 12px;
    }
    .ticklist{
        gap: 18px;
    }
    .ticklist li{
        font-size: 16px;
        line-height: 22px;
        padding-left: 32px;
    }
    .ticklist li::before{
        width: 20px;
        height: 20px;
    }
    .servicesincluded{
        padding-top: 42px;
    }
    .servicesincluded ul{
        grid-template-columns: repeat(2,1fr);
        gap: 25px 20px;
    }
    .servicesincluded ul li{
        grid-template-columns: 27px 1fr;
        gap: 10px;
    }
    .servicesincluded ul li .text{
        font-size: 15px;
        line-height: 22px;
    }
    .servicedetail .pre_servicelist{
        gap: 24px;
        margin: 0 0 28px;
    }
    .servicedetail .pre_servicelist li{
        grid-template-columns: 48px 1fr;
        gap: 15px;
    }
    .servicedetail .pre_servicelist li .textarea h3{
        font-size: 20px;
        line-height: 26px;
    }
    .servicedetail .pre_servicelist li .textarea p{
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0 0;
    }
    .contactdetail_in{
        gap: 20px;
        padding: 35px 0 0;
    }
    .contactdetailbox{
        padding: 25px 15px;
        border-radius: 24px;
    }
    .contactdetailbox .pre_icon{
        max-width: 45px;
        margin: 0 auto 20px;
    }
    .contactdetailbox h4{
        font-size: 18px;
        line-height: 24px;
    }
    .banneritem .content .contactdetailbox p{
        font-size: 16px;
        line-height: 22px;
        margin: 11px 0 0;
    }
    .banneritem .content .contactdetailbox a{
        font-size: 16px;
        line-height: 22px;
        margin: 11px 0 0;
    }
}
@media (max-width:1200px) {
    .servicedetail img{
        border-radius: 20px;
        margin-bottom: 24px;
    }
    .servicedetail h2{
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 24px;
    }
    .servicedetail p{
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 24px;
    }
    .servicedetail .pre_servicelist{
        gap: 22px;
        margin: 0 0 24px;
    }
    .servicedetail .pre_servicelist li{
        grid-template-columns: 48px 1fr;
        gap: 15px;
    }
    .servicedetail .pre_servicelist li .textarea h3{
        font-size: 18px;
        line-height: 24px;
    }
    
    .contactsocialicons{
        justify-content: flex-start;
    }
}
@media (max-width:700px) {
    .contactdetail_in{
        gap: 20px;
        padding: 35px 0 0;
        grid-template-columns: repeat(2,1fr);
    }
    .contactdetailbox{
        padding: 24px;
        border-radius: 20px;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .contactdetailbox .pre_icon{
        max-width: 45px;
        margin: 0;
    }
    .contactdetailbox .contentinfo{
        width: calc(100% - 65px);
        text-align: left;
    }
    .contactdetailbox h4{
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }
    .banneritem .content .contactdetailbox p{
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0 0;
        text-align: left;
    }
    .banneritem .content .contactdetailbox a{
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0 0;
    }
}
@media (max-width:576px) {
    
    .servicedetail img{
        border-radius: 12px;
        margin-bottom: 20px;
    }
    .servicedetail h2{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .servicedetail p{
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .servicedetail p + img {
        margin-top: 12px;
    }
    .ticklist{
        gap: 16px;
    }
    .ticklist li{
        font-size: 14px;
        line-height: 20px;
        padding-left: 26px;
    }
    .ticklist li::before{
        width: 16px;
        height: 16px;
    }
    .servicesincluded{
        padding-top: 32px;
    }      
    .servicesincluded ul{
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .servicesincluded ul li{
        grid-template-columns: 24px 1fr;
        gap: 12px;
    }
    .servicesincluded ul li .text{
        font-size: 14px;
        line-height: 20px;
    }

    .servicedetail .pre_servicelist{
        gap: 18px;
        margin: 0 0 28px;
    }
    .servicedetail .pre_servicelist li{
        grid-template-columns: 38px 1fr;
        gap: 15px;
        align-items: flex-start;
    }
    .servicedetail .pre_servicelist li .textarea h3{
        font-size: 16px;
        line-height: 22px;
    }
    .servicedetail .pre_servicelist li .textarea p{
        font-size: 14px;
        line-height: 20px;
        margin: 8px 0 0;
    }
    .servicedetail .pre_servicelist li .pre_icon{
        margin-top: 5px;
    }
     .contactdetail_in{
        gap: 12px;
        padding: 20px 0 0;
        grid-template-columns: 1fr;
    }
    .contactdetailbox{
        padding: 24px;
        border-radius: 20px;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .contactdetailbox .pre_icon{
        max-width: 40px;
        margin: 0;
    }
    .contactdetailbox .contentinfo{
        width: calc(100% - 60px);
        text-align: left;
    }
    .contactdetailbox h4{
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }
    .banneritem .content .contactdetailbox p{
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0 0;
        text-align: left;
    }
    .banneritem .content .contactdetailbox a{
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0 0;
        text-align: left;
    }
}
/* our team */
 
.our-team-list{
    background-color: var(--bg_light);
    padding: 120px 0 90px;
    @media (max-width:1750px) {
        padding: 80px 0 60px;
    }
    @media (max-width:992px) {
        padding: 50px 0 30px;
    }
    @media (max-width:576px) {
        padding: 40px 0 20px;
    }
}
.our-team-list h2{
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    color: var(--heading_black);
    margin: 0 0 60px;

    @media (max-width:1750px) {
       font-size: 32px;
       line-height: 38px;
       margin: 0 0 50px;
    }   
    @media (max-width:1200px) {
       font-size: 26px;
       line-height: 32px;
       margin: 0 0 40px;
    }

    @media (max-width:576px) {
       font-size: 20px;
       line-height: 26px;
       margin: 0 0 20px;
    }
}
.team-members{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 19px;
    @media (max-width:1750px) {
        gap: 18px;
    }
    @media (max-width:1200px) {
        gap: 24px;
        grid-template-columns: repeat(3,1fr);
    }
    @media (max-width:992px) {
        gap: 30px;
        grid-template-columns: repeat(2,1fr);
    }
    @media (max-width:576px) {
        gap:30px;
        grid-template-columns: 1fr;
    }
}
.higherteam_members{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px;
    padding: 0 0 80px;
    @media (max-width:1750px) {
        gap: 32px;
        padding: 0 0 70px;
    }
    @media (max-width:1200px) {
       
        padding: 0 0 55px;
    }
    @media (max-width:992px) {
         grid-template-columns: 1fr;
    }
    @media (max-width:576px) {
        gap:20px;
        padding: 0 0 40px;
    }
}
.our-team-list .pagination_listing{
    padding-top: 80px;
    @media (max-width:1750px) {
        padding-top: 70px;
    }
    @media (max-width:1200px) {
        padding-top: 50px;
    }
    @media (max-width:576px) {
        padding-top: 40px;
    }
}
.team-card{
    border-radius: 22px;
    padding: 15px;
    background-color: var(--White);
    @media (max-width:1750px) {
        border-radius: 16px;
        padding: 12px;
    }
    @media (max-width:992px) {
        border-radius: 12px;
        padding: 8px;
    }
    @media (max-width:576px) {
        border-radius: 12px;
        padding: 8px;
    }
}
.team-card .pre_img{
    border-radius: 18px;
    height: 356px;
    overflow: hidden;
    @media (max-width:1750px) {
       height: 264px;
       borrer-radius: 10px;
    }
    @media (max-width:1200px) {
        height: 313px;
        border-radius: 10px;
    }
    @media (max-width:576px) {
        height: 336px;
        border-radius: 10px;
    }
}
.higherteam_members .team-card .pre_img{
    height: 588px;
    @media (max-width:1750px) {
       height: 410px;
    }
    @media (max-width:1200px) {
        height: 470px;
    }
    @media (max-width:576px) {
        height: 414px;
    }
}
.team-card .pre_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.team-card .content{
    padding: 28px 12px 12px;
    @media (max-width:1750px) {
        padding: 16px 7px 12px;
    }
    @media (max-width:1200px) {
        padding: 20px 10px 16px;
    }
}
.team-card .content h4{
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 0 0 16px;
    text-transform: uppercase;
    @media (max-width:1750px) {
       font-size: 22px;
       line-height: 28px;
       margin: 0 0 14px;
    }
    @media (max-width:576px) {
       font-size: 16px;
       line-height: 22px;
       margin: 0 0 10px;
    }
}
.team-card .content h5{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text_color);
    margin: 0px 0 16px;
    @media (max-width:1750px) {
       font-size: 14px;
       margin: 0 0 14px;
    }
    @media (max-width:576px) {
       font-size: 12px;
       line-height: 18px;
       margin: 0 0 10px;
    }
}
.team-card .content p{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--text_color);
    margin: 0px 0 16px;
    @media (max-width:1750px) {
       font-size: 16px;
       margin: 0 0 14px;
    }
    @media (max-width:992px) {
       font-size: 14px;
       line-height: 20px;
       margin: 0 0 12px;
    }
    @media (max-width:576px) {
       font-size: 12px;
       line-height: 18px;
       margin: 0 0 10px;
    }
}
.team-card .content .socialfooter{
    list-style: none;
}
.dateblog{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: var(--secondary);
    margin-bottom: 32px;
    @media (max-width: 1750px) {
        margin-bottom: 28px;
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width: 1200px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    @media (max-width: 576px) {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 20px;
    }
}
.cvformarea .formie{
    max-width: 1498px;
    margin: 0 auto;
    @media (max-width:1750px) {
        max-width: 1050px;    
    }
}
.cvformarea .formiein label{
    color: var(--White);
}
.cvformarea .formiein input,
.cvformarea .formiein select,
.cvformarea .formiein textarea{
    background-color: var(--White);
}

form .form-group .file-upload {
    display: flex;
    align-items: center;
    gap: 1em;
    border-radius: 50px;
    background-color: #fff;
    padding-left: 10px;
    position: relative;
}
.file-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2;
    cursor: pointer;
}
form .form-group .file-upload label {
    padding: 6px 20px 8px;
    border-radius: 50px;
    background-color: var(--bg_light);
    color: var(--heading_black);
    font-weight: 400;
    cursor: pointer;
    transition: all .25s ease-in-out;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    border: 1px solid #2626261A;
}
form .form-group  .file-upload .file-name {
    font-size: 14px;
    font-weight: 400;
    color: var(--heading_black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 150px);
}
.galleryslidermain{
    padding-bottom: 35px;
    @media (max-width:1750px) {
        padding-bottom: 28px;
    }
    @media (max-width:1200px) {
        padding-bottom: 18px;
    }
}
.galleryslider .iamging{
    border-radius: 20px;
    height: 587px;
    overflow: hidden;
    @media (max-width:1750px) {
        height: 405px;
        border-radius: 16px;
    }
    @media (max-width:1200px) {
        height: 240px;
        border-radius: 8px;
    }
    @media (max-width:576px) {
        height: 205px;
        border-radius: 8px;
    }
}
.galleryslider .iamging img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.galleryslider.slick-slider .slick-slide{
    padding: 0 17px;
    @media (max-width:1750px) {
        padding: 0 14px;
    }
    @media (max-width:1200px) {
        padding: 0 9px;
    }
    @media (max-width:576px) {
        padding: 0 7px;
    }
} 
.galleryslider .slick-list{
    padding:0 20% !important;
}
.careerdetail .loctime{
    display: flex;
    justify-content: flex-start;
    @media (max-width:1750px) {
        
    }
    @media (max-width:1300px) {
        display: flex;
        overflow: hidden;
    }
    @media (max-width:576px) {
       
    }
}
.careerdetail .loctime .loc{
    max-width: calc(100% - 150px);
    padding-right: 28px;
    position: relative;
    padding-left: 34px;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: var(--heading_black);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    @media (max-width:1750px) {
        padding-right: 20px;
        padding-left: 32px;
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:1300px) {
        max-width: 65%;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
       
    }
}
.careerdetail .loctime .time{
    width: 150px;
    padding-left: 34px;
    position: relative;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: var(--heading_black);
    @media (max-width:1750px) {
        padding-left: 32px;
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:1200px) {
        
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}

.careerdetail .loctime .time::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../img/clockcareerdetail.svg') no-repeat center;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
        left: 0;
        top:0;
    }
    @media (max-width:1200px) {
        
    }
    @media (max-width:576px) {
        width: 20px;
        height: 20px;
    }
}
.careerdetail .loctime .loc::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../img/loccareerdetail.svg') no-repeat center;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
        top:0;
    }
    @media (max-width:576px) {
        width: 20px;
        height: 20px;
    }
   
}
.list-style-position-inside{
    list-style-position: inside;
}
.careerdetail ul{
    margin-bottom: 32px;
    @media (max-width:1750px) {
        margin-bottom: 28px;
    }
    @media (max-width:1200px) {
        margin-bottom: 24px;
    }
    @media (max-width:576px) {
        margin-bottom: 20px;
    }
}
.careerdetail li{
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: var(--heading_black);
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.closearea{
    position: absolute;
    right: 15px;
    top: 15px;
    height: 15px;
    z-index: 4;
}
.closearea a{
    display: inline-block;
}
.closearea a img{
    max-width: 28px;
}
.jobapplyModal .modal-content{
    border-radius: 26px;
    @media (max-width:1750px) {
       border-radius: 24px;
    }
    @media (max-width:1200px) {
        border-radius: 20px;
    }
    @media (max-width:576px) {
        border-radius: 20px;
    }
}
.jobapplyModal .modal-content .modal-body{
    padding: 80px;
    @media (max-width:1750px) {
        padding: 60px 45px;
    }
    @media (max-width:1200px) {
        padding: 35px 25px;
    }
    @media (max-width:576px) {
        padding: 30px 20px;
    }
}
.jobapplyModal .modal-content .formie{
    max-width: 100%;
    border-radius: unset;
}
.jobapplyModal .modal-dialog{
    max-width: 1490px;
    @media (max-width:1750px) {
        max-width: 1050px;
    }
    @media (max-width:1100px) {
        max-width: calc(100% - 40px);
        margin: auto;
    }
}
.jobapplyModal .formiein{
    margin-top: 22px;
}
.jobapplyModal.show{
    backdrop-filter: blur(20.2px);
}
.viewing_form.bg-secondary{
    color: #fff;
}
.viewing_form.bg-secondary h2,
.viewing_form.bg-secondary p,
.viewing_form.bg-secondary .formiein label{
    color: #fff !important;
}

.viewing_form.bg-secondary .formiein input,
.viewing_form.bg-secondary .formiein select{
    background-color: #fff;
}
.list-card .imagearea{
    position: relative;
}

.listingstylecard.all-property .list-card{
    @media (min-width:745px) {
        display: grid !important;
        grid-template-columns: 300px 1fr;
        gap: 30px;
        align-items: center;
        padding: 15px 35px 15px 15px;
    }
    @media (max-width:1770px) {
        grid-template-columns: 242px 1fr;
        gap: 25px;
        padding: 20px 50px 20px 20px;
    }
    @media (max-width:1770px) {
        padding: 15px 30px 15px 15px;
    }
    @media  (max-width:745px) {
        padding: 8px;
    }
}


.listingstylecard.all-property .list-card .list-img-slider .list-img{
    @media (min-width:745px) {
        border-radius: 18px;
    }
}
.listingstylecard .list-card .list-img img{
    @media (min-width:745px) {
        height: 370px;
    }
    @media (max-width:1770px) {
        height: 340px;
    }
}
.listingstylecard.all-property .list-details{
    @media (min-width:745px) {
        padding: 0;
    }
}
.listingstylecard.all-property .list-card h2.title{
    @media (min-width:745px) {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 20px;
    }
    @media (max-width:1770px) {
        font-size: 22px;
        line-height: 28px;
    }
}
.listingstylecard .list-card .list-amenties ul li.listitemamentiy{
    @media (min-width:745px) {
        flex-direction: column;
        justify-content: center;
        padding: 12px 30px;
        gap: 12px;
    }
}
.listingstylecard .list-card .list-amenties ul li.listitemamentiy .icon{
    @media (min-width:745px) {
        max-width: 16px;
    }
}
.listingstylecard.all-property .list-card h4{
    @media (min-width:745px) {
        font-size: 20px;
        line-height: 26px;
        margin: 20px 0 20px;
    }
}
.listingstylecard.all-property .list-card h4 span{
    @media (min-width:745px) {
        font-size: 18px;
        line-height: 24px;
    }
}
.listingstylecard.all-property .list-card .agent-details.listagents{
    @media (min-width:745px) {
        padding-top: 25px;
        margin-top: 48px;
    }
}
.oursuccess{
    padding: 110px 0;
    background: var(--bg_light);
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:992px) {
        padding: 50px 0;
    }
    @media (max-width:576px) {
        
    }
}
.oursuccess h3{
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 70px;
    color: var(--heading_black);
    font-weight: 400;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 50px;
    }
    @media (max-width:992px) {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 40px;
    }
    @media (max-width:576px) {
        
    }
}
.circleboxeslist{
    max-width: 1410px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    @media (max-width:1750px) {
        gap: 19px;
        max-width: 1097px;
    }
    @media (max-width:1200px) {
        max-width: 640px;
        padding: 0 30px;
    }
    @media (max-width:992px) {
         gap: 19px;
    }
    @media (max-width:576px) {
        
    }
}
.circleboxeslist .circleitem{
    background-color: var(--White);
    width: 330px;
    height: 330px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 45px;
    gap: 25px;
    @media (max-width:1750px) {
        width: 260px;
        height: 260px;
        padding: 30px;
        gap: 20px;
    }
    @media (max-width:992px) {
        
    }
    @media (max-width:576px) {
        width: 160px;
        height: 160px;
        gap: 10px;
        padding: 20px;
    }
}
.circleboxeslist .circleitem h2{
    color: var(--primary);
    font-size: 90px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 60px;
    }
    @media (max-width:992px) {
        
    }
    @media (max-width:576px) {
        font-size: 44px;
        line-height: 50px;
    }
}
.circleboxeslist .circleitem p{
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
    color: var(--heading_black);
    text-align: center;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:992px) {
        
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}

.infoaboutprice{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    @media (max-width:1200px) {
        gap: 15px;
    }
}
.infoaboutprice .circleitem{
    width: 240px;
    height: 240px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 20px;
    border: 1px solid var(--heading_black);
    @media (max-width:1750px) {
        width: 200px;
        height: 200px;
        padding: 20px;
        gap: 20px;
    }
    @media (max-width:1200px) {
        width: 150px;
        height: 150px;
        padding: 20px;
        gap: 10px;
    }
    @media (max-width:992px) {
        width: 190px;
        height: 190px;
        padding: 20px;
        gap: 15px;
    }
    @media (max-width:768px) {
        width: 140px;
        height: 140px;
        padding: 20px;
        gap: 10px;
    }
    @media (max-width:576px) {
        width: 100px;
        height: 100px;
        gap: 8px;
        padding: 10px;
    }
}
.infoaboutprice .circleitem h2{
    color: var(--primary);
    font-size:  64px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 46px;
    }
    @media (max-width:992px) {
        font-size: 40px;
    }
    @media (max-width:768px) {
        font-size: 32px;
    }
    @media (max-width:576px) {
        font-size: 22px;
        line-height: 28px;
    }
}
.infoaboutprice .circleitem p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    color: var(--heading_black);
    text-align: center;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:992px) {
        
    }
    @media (max-width:576px) {
        font-size: 10px;
        line-height: 14px;
    }
}
.exploringcommunityslider.slick-slider{
    margin: 0 -10px;
    @media (max-width:576px) {
        margin: 0 -6px;
    }
}
.exploringcommunityslider .slick-slide{
    padding: 0 10px;
    @media (max-width:576px) {
        padding: 0 6px;
    }
}
.exploringcommunityslider .slick-list{
    @media  (max-width:768px) {
        overflow: visible;
    }
}

.exploringcommunity{
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:992px) {
        padding: 50px 0;
    }
    @media (max-width:576px) {
         padding: 50px 0 120px;
    }
}
.exploringcommunitycard{
    height: 600px;
    border-radius: 26px;
    position: relative;
    overflow: hidden;
    @media (max-width:1750px) {
        height: 450px;
        border-radius: 22px;
    }
    @media (max-width:992px) {
        height: 380px;
        border-radius: 22px;
    }
    @media (max-width:576px) {
        height: 215px;
    }
}
.exploringcommunitycard::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(to bottom,
    rgba(61, 19, 12, 0.1) 0%,
    #262626 100%
    );
}
.exploringcommunitycard .pro_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.exploringcommunitycard .pro_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.exploringcommunitycard .content{
    position: absolute;
    bottom: 14px;
    margin: 0 11px;
    width: calc(100% - 22px);
    background: var(--White);
    border-radius: 14px;
    padding: 22px;
    @media (max-width:1750px) {
        padding: 18px 14px;
        border-radius: 12px;
    }
    @media (max-width:992px) {
    }
    @media (max-width:576px) {
        
    }
}
.exploringcommunitycard h2{
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 auto;
    width: fit-content;
    color: var(--heading_black);
    transition: margin 0.5s ease;
    @media (max-width:1750px) {
        font-size: 24px;
        line-height: 30px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.exploringcommunitycard p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 13px 0 0;
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin: 16px 0 0;
    }
    @media (max-width:992px) {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 0;
    }
    @media (max-width:576px) {
        
    }
}
.exploringcommunitycard:hover h2 {
  margin-left: 0;
}
.exploringcommunitycard:hover p {
  display: block;
  animation: slideUp 0.5s ease forwards;
  transition: all 0.5s ease;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.imgwithbgcontent{
    padding: 50px 0;
}
.imgwithbgcontentinner{
    display: grid;
    grid-template-columns: 970px 1fr;
    gap: 132px;
    align-items: center;
    @media (max-width:1750px) {
        grid-template-columns: 726px 1fr;
        gap: 56px;
    }
    @media (max-width:1200px) {
        grid-template-columns: 560px 1fr;
        gap: 40px;
    }
    @media (max-width:992px) {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    @media (max-width:576px) {
        gap: 35px;
    }
}
.imgwithbgcontentinner.container-fluid{
    padding-left: 0;
    margin-left: 0;
    max-width: 100%;
    @media (max-width:992px) {
        padding: 0;
    }
}
.imgwithbgcontentinner .pro_img{
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    padding: 115px 99px;
    position: relative;
    background: url(../img/bgcontentimage.jpg) center no-repeat;
    overflow: hidden;
    @media (max-width:1750px) {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 85px 74px;
    }
    @media (max-width:992px) {
        padding: 85px 74px;
    }
    @media (max-width:576px) {
        border-radius: unset;
        padding: 27px 25px;
    }
}
.imgwithbgcontentinner .pro_img::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(66, 16, 11, 0.8);
}
.imgwithbgcontentinner .pro_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: relative;
}
.imgwithbgcontentinner .content{
    @media (max-width:992px) {
        padding: 0 40px;
    }
    @media (max-width:576px) {
        padding: 0 30px;
    }
}
.imgwithbgcontentinner .content h2{
    margin-bottom: 34px;
    text-transform: uppercase;
    @media (max-width:1750px) {
        margin-bottom: 29px;
    }
    @media (max-width:992px) {
        margin-bottom: 24px;
    }
    @media (max-width:576px) {
        margin-bottom: 20px;
    }
}
.imgwithbgcontentinner .content p{
    color: var(--heading_black);
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    margin: 0;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:992px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.imgwithbgcontentinner .content ul{
    margin: 0;
    padding: 40px 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
    @media (max-width:1750px) {
        padding: 30px 0;
        gap: 20px;
    }
    @media (max-width:992px) {
        padding: 25px 0;
        gap: 16px;
    }
    @media (max-width:576px) {
        gap: 14px;
    }
}
.imgwithbgcontentinner .content ul li{
    position: relative;
    padding-left: 44px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    color: var(--heading_black);
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
        padding-left: 34px;
    }
    @media (max-width:992px) {
        font-size: 18px;
        line-height: 24px;
        padding-left: 34px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        padding-left: 26px;
    }
}
.imgwithbgcontentinner .content ul li::before{
    content: "";
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    background: url(../img/icons/tickprimary.svg) center no-repeat;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;   
    }
    @media (max-width:576px) {
        width: 18px;
        height: 18px; 
    }
}
.investcardslistinner{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 35px;
    @media (max-width:1750px) {
        gap: 18px;
    }
    @media (max-width:992px) {
        grid-template-columns: repeat(2,1fr);
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}
.investcard{
    border-radius: 22px;
    background: var(--White);
    padding: 55px 32px;
    @media (max-width:1750px) {
        padding: 25px 18px;
    }
    @media (max-width:576px) {
        border-radius: 16px;
    }
}
.investcard .pro_icon{
    max-width: 70px;
    overflow: hidden;
    @media (max-width:1750px) {
        max-width: 60px;
    }
    @media (max-width:576px) {
        max-width: 50px;
    }
}
.investcard .pro_icon img{
    max-width: 100%;
    height: auto;

}
.investcard .content{
    padding-top: 50px;
    @media (max-width:1750px) {
        padding-top: 30px;
    }
    @media (max-width:576px) {
        padding-top: 25px;
    }
}
.investcard h3{
    text-transform: uppercase;
    color: var(--heading_black);
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 18px;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
    }
}
.investcard p{
    color: var(--heading_black);
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20
        px;
    }
}
.detailbreadcrumb{
    margin-bottom: 24px;
    @media (max-width:1200px) {
        margin-bottom: 19px;
    }
    @media (max-width:1200px) {
        margin-bottom: 14px;
    }
}
.detailbreadcrumb .breadcrumb-item,
.detailbreadcrumb .breadcrumb-item a{
    font-size: 22px;
    line-height: 28px;
    color: var(--heading_black);
    font-weight: 400;
    position: relative;
    @media (max-width:1750px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width:1200px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:1200px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.detailbreadcrumb .breadcrumb-item.active{
    color: var(--primary);
}
.breadcrumb-item.active::before {
 color: var(--primary);
}

.newsinsightsection{
    padding: 110px 0;
    @media (max-width:1750px) {
        padding: 80px 0;
    }
    @media (max-width:992px) {
        padding: 50px 0;
    }
    @media (max-width:576px) {
         padding: 50px 0;
    }
}
.gridnewsstyle{
    display: grid;
    grid-template-columns: 775px 1fr;
    gap: 50px;
    @media (max-width:1750px) {
        grid-template-columns: 578px 1fr;
    }
    @media (max-width:1200px) {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    @media (max-width:576px) {
        gap: 20px;
    }
}
.newsgridstyle{

}
.newsgridstyle .pro_img{
    height: 469px;
    border-radius: 22px;
    overflow: hidden;
    @media (max-width:1750px) {
        height: 467px;
    }
    @media (max-width:992px) {
        height: 380px;
    }
    @media (max-width:576px) {
        height: 290px;
        border-radius: 16px;
    }

}
.newsgridstyle .pro_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsgridstyle .content{
    margin-top: 20px;
    @media (max-width:1750px) {
        margin-top: 18px;
    }
    @media (max-width:992px) {
        margin-top: 18px;
    }
}
.newsgridstyle .date{
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: var(--heading_black);
    font-weight: 400;
    padding-left: 36px;
    @media (max-width:1750px) {
        padding-left: 30px;
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        padding-left: 26px;
    }
}
.newsgridstyle .date::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background: url('./../img/icons/timeclock.svg')center no-repeat;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
    }
    @media (max-width:576px) {
        width: 18px;
        height: 18px;
    }
}
.newsgridstyle h2{
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_black);
    margin: 14px 0 0;
    text-align: left;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 28px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin: 12px 0 0;
    }
}
.newslisting{
    display: flex;
    flex-direction: column;
    gap: 20px;
    @media (max-width:1750px) {

    }
}
.newsliststyle{
    display: grid;
    grid-template-columns: 213px 1fr;
    gap: 36px;
    align-items: center;
    @media (max-width:1750px) {
        grid-template-columns: 213px 1fr;
        gap: 36px;
    }
    @media (max-width:992px) {
        grid-template-columns: 200px 1fr;
        gap: 30px;
    }
    @media (max-width:576px) {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}
.newsliststyle .pro_img{
    width: 100%;
    border-radius: 16px;
    height: 176px;
    overflow: hidden;
    @media (max-width:992px) {
        height: 165px;
    }
    @media (max-width:576px) {
        height: 290px;
        border-radius: 16px;
    }
}
.newsliststyle .pro_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsliststyle .date{
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: var(--heading_black);
    font-weight: 400;
    padding-left: 36px;
    @media (max-width:1750px) {
        padding-left: 30px;
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        padding-left: 26px;
    }
}
.newsliststyle .date::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background: url('./../img/icons/timeclock.svg')center no-repeat;
    background-size: contain;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
    }
    @media (max-width:576px) {
        width: 18px;
        height: 18px;
    }
}
.newsliststyle h2{
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_black);
    margin: 14px 0 0;
    text-align: left;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 28px;
    }
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
        margin: 12px 0 0;
    }
}
.responsviebtnbottom{
    padding: 50px 0 0;
    display: none;
    @media (max-width:1200px) {
        display: block;
    }
    @media (max-width:576px) {
        padding: 35px 0 0;
    }
}
.responsviebtnbottom a{
    margin: 0 auto;
}
.ifbottomfooter{
    margin-bottom: 80px;
    @media (max-width:1750px) {
        margin-bottom: 50px;
    }
    @media (max-width:992px) {
        margin-bottom: 45px;
    }
    @media (max-width:576px) {
        margin-bottom: 30px;
    }
}

.headingwitharrow{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.customarrowmain{
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}
.customarrow{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid var(--heading_black);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.customarrow::before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    color: var(--secondary);
    height: 100%;
    width: 100%;
    content: "";
    background: url('../img/icons/arrow-next.svg') no-repeat center;
}
.customarrow.customfloor-next::before{
     transform: rotate(180deg);
}
.customarrow:hover,
.customarrow:focus{
    background: var(--primary);
    border-color: var(--primary);
}
.fulldetialmain{
    background: var(--White);
    padding: 60px 100px;
    border-radius: 40px;
    @media (max-width:1750px) {
        border-radius: 22px;
        padding: 55px 60px;
    }
    @media (max-width:992px) {
        border-radius: 16px;
        padding: 45px 30px;
    }
    @media (max-width:576px) {
        border-radius: 16px;
        padding: 35px 15px;
    }
}
.blogdetail .createdinfo{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blogdetail .createdinfo .createditem{
    position: relative;
    padding-right: 16px;
    font-size: 18px;
    line-height: 24px;
    color: var(--heading_black);
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 28px;
    margin-right: 16px;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px;
    }
}
.blogdetail .createdinfo .createditem::after{
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 2px;
    height: 19px;
    background: var(--heading_black);
}
.blogdetail .createdinfo .createditem:last-child::after{
    display: none;
}
.blogdetail .createdinfo .createditem:last-child{
    padding-right: 0;
    margin-right: 0px;
}
   
.blogdetail .createdinfo .date{

    display: flex;
    align-items: center;
   
}
.blogdetail .createdinfo .date span{
    padding-right: 12px;
}
.blogdetail h2{
    font-size: 36px;
    line-height: 42px;
    color: var(--heading_black);
    font-weight: 400;
    margin-bottom: 32px;
    @media (max-width:1750px) {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 24px;
    }
    @media (max-width:992px) {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 18px;
    }
    @media (max-width:576px) {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 18px;
    }
}
.blogdetail h3{
    font-size: 24px;
    line-height: 18px;
    color: var(--heading_black);
    font-weight: 400;
    margin-bottom: 24px;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 16px;
        margin-bottom: 18px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 18px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 14px;
    }
}
.blogdetail strong{
    font-size: 24px;
    line-height: 18px;
    color: var(--heading_black);
    font-weight: 400;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 16px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.blogdetail p{
    font-size: 18px;
    line-height: 24px;
    color: var(--heading_black);
    font-weight: 400;
    margin-bottom: 36px;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 24px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }
}
.blogdetail .img-main{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 28px;
    margin-bottom: 36px;
    @media (max-width:1750px) {
        border-radius: 22px;
        margin-bottom: 24px;
    }
    @media (max-width:992px) {
        border-radius: 18px;
        margin-bottom: 22px;
    }
    @media (max-width:576px) {
        border-radius: 14px;
        margin-bottom: 16px;
    }
    
}

.mortagecalcmain{
    border: 1px solid #2626261A;
    border-radius: 30px;
    padding: 64px 72px;
    background: var(--White);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 98px;
    margin-bottom: 90px;
    margin-top: -478px;
    z-index: 2;
    position: relative;
    @media (max-width:1750px) {
        padding: 55px 35px;
        gap: 60px;
        border-radius: 26px;
        margin-bottom: 60px;
        margin-top: -391px;
    }
    @media (max-width:1200px) {
        padding: 40px 30px;
        gap: 40px;
        border-radius: 22px;
        grid-template-columns: 1fr;
        margin-bottom: 40px;
        margin-top: -423px;
    }
    @media (max-width:576px) {
        padding: 30px 15px;
        gap: 40px;
        border-radius: 22px;
        margin-bottom: 30px;  
        margin-top: -358px;  
    }
}
.estimationresultarea{
    background: var(--bg_light);
    padding: 51px 56px;
    border-radius: 32px;
    @media (max-width:1750px) {
        padding: 50px 35px;
        border-radius: 32px;
    }
    @media (max-width:992px) {
        padding: 50px 35px;
    }
    @media (max-width:576px) {
        padding: 30px 15px;
        border-radius: 22px;    
    }
}
.estimationresultarea h2.title{
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    margin-bottom: 34px;
    color: var(--heading_black);
    text-align: center;
    text-transform: uppercase;
    @media (max-width:1750px) {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    @media (max-width:992px) {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 26px;
    }
    @media (max-width:576px) {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 22px;
    }
}
.mortagecalcmain .inlist{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;

}
.mortagecalcmain h2{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--heading_black);
    margin: 0;
    @media (max-width:1750px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 14px;
        line-height: 20px;
    }
}
.mortagecalcmain .estimationresultarea h2{
    font-weight: 400;
}
.mortagecalcmain .total{
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: var(--heading_black);
     @media (max-width:1750px) {
        font-size: 24px;
        line-height: 30px;
    }
    @media (max-width:992px) {
        font-size: 24px;
        line-height: 30px;
    }
    @media (max-width:576px) {
        font-size: 20px;
        line-height: 26px;
    }
}
.pricevalue{
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: var(--heading_black);
    @media (max-width:1750px) {
        font-size: 24px;
        line-height: 30px;
    }
    @media (max-width:992px) {
        font-size: 24px;
        line-height: 30px;
    }
    @media (max-width:576px) {
        font-size: 20px;
        line-height: 26px;
    }
}
.smpricevalue{
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: var(--heading_black);
    @media (max-width:576px) {
        font-size: 18px;
        line-height: 24px;
    }
}
.foundprops{
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid var(--heading_black);
    @media (max-width:1750px) {
        padding-top: 40px;
        margin-top: 40px;
    }
    @media (max-width:992px) {
        padding-top: 35px;
        margin-top: 35px;
    }
    @media (max-width:576px) {
        padding-top: 28px;
        margin-top: 28px;
    }
}
.foundprops p{
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: var(--heading_black);
    margin-bottom: 34px;
    @media (max-width:1750px) {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 22px;
    }
    @media (max-width:992px) {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 22px;
    }
    @media (max-width:576px) {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}
.mortagecalcmain .tabsmain{
    margin-top: 24px;

}
.mortagecalcmain .tabsmain .nav-tabs{
    gap: 8px;
    border: none;
    margin-bottom: 40px;   
    @media (max-width:1750px) {
        margin-bottom: 24px;
    }
}
.slidecontainer{
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 0 40px;
    @media (max-width:1750px) {
        margin: 0 0 32px;
    }
}

.rangeslider .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 50px;
  background: transparent;
  border: 1px solid #26262640;
  outline: none;
}


.rangeslider .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: var(--White);
    border: 1px solid var(--heading_black);
    cursor: pointer;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
    }
}

.rangeslider .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: var(--White);
    border: 1px solid var(--heading_black);
    cursor: pointer;
    @media (max-width:1750px) {
        width: 22px;
        height: 22px;
    }
}
.rangeslider .range-labels{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 8px 0 0;
}
.outputinprimary{
    color: var(--primary);
    position: relative;
    padding-left: 20px;
    font-weight: 700;
}
.outputinprimary::before{
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    background: var(--heading_black);
    width: 2px;
    height: 20px;
}
.sociallisting{
    background: var(--White);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 32px;
    border: 1px solid #26262640;
    border-radius: 22px;
    margin-bottom: 90px;
    @media (max-width:1750px) {
        margin-bottom: 60px;
    }
    @media (max-width:992px) {
        justify-content: center;
        flex-direction: column;
        border-radius: 18px;
        padding: 26px;
        margin-bottom: 40px;
    }
    @media (max-width:576px) {
        margin-bottom: 30px;
    }
}
.sociallisting .title{
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_black);
    text-transform: uppercase;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 28px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.mortagebanner{
    background-size: cover !important;
    position: relative;
    padding: 630px 0 120px;
    @media (max-width:1750px) {
        padding: 480px 0 80px;
    }
    @media (max-width:992px) {
        padding: 250px 0 60px;
    }
    @media (max-width:576px) {
        padding: 230px 0 50px;
    }
}
.mortagebanner::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(to bottom,
    rgba(66, 16, 11, 0) 0%,
    rgba(66, 16, 11, 0.701) 60%
    );
    background-blend-mode: multiply;
}
.mortagecontent{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    z-index: 1;
    position: relative;
    @media (max-width:1200px) {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
.mortagecontent .content{
    max-width: 968px;
    @media (max-width:1750px) {
        max-width: 857px;
    }
    @media (max-width:1200px) {
        max-width: 100%;
    }
}
.mortagecontent h3{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: var(--White);
    margin-bottom: 30px;
    text-transform: uppercase;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 22px;
    }
    @media (max-width:992px) {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 22px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px;
    }
}
.mortagecontent p{
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: var(--White);
    text-transform: uppercase;
    margin: 0;
    @media (max-width:1750px) {
        font-size: 22px;
        line-height: 28px;
    }
    @media (max-width:992px) {
        font-size: 20px;
        line-height: 26px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.modalcustomstyle .modal-content{
    background: var(--White);
    border: none;
    border-radius: 26px;

}
.modalcustomstyle .modal-content .modal-body{
    padding: 50px;
    @media (max-width:992px) {
        padding: 50px 35px;
    }
    @media (max-width:992px) {
        padding: 35px 20px;
    }
}
.modalcustomstyle .modal-content .modal-title{
    font-size: 36px;
    line-height: 42px;
    font-weight:400;
    color: var(--heading_black);
    text-transform: uppercase;
    margin: 0 0 22px;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 16px;
    }
    @media (max-width:992px) {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 18px;
    }
    @media (max-width:576px) {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 15px;
    }
}
.modalcustomstyle .modal-content p{
    font-size: 18px;
    line-height: 24px;
    font-weight:400;
    color: var(--heading_black);
    margin: 0;
    text-align: center;
    @media (max-width:1750px) {
        font-size: 18px;
        line-height: 24px;
    }
    @media (max-width:992px) {
        font-size: 16px;
        line-height: 22px;
    }
    @media (max-width:576px) {
        font-size: 16px;
        line-height: 22px;
    }
}
.modalcustomstyle{
    background: #42100B99;
    backdrop-filter: blur(6px);
}
.modalcustomstyle .btn-close{
    background: transparent;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 38px;
    height: 38px;
    z-index: 9;
    opacity: 1;
    padding: 0;
    @media (max-width:1750px) {
        top: 6px;
        right: 6px;
        width: 30px;
        height: 30px;
    }
    @media (max-width:992px) {
        top: 6px;
        right: 6px;
        width: 24px;
        height: 24px;
    }
    @media (max-width:576px) {
        top: 6px;
        right: 6px;
        width: 24px;
        height: 24px;
    }
}
.modalcustomstyle .btn-close img{
    max-width: 100%;
    height: auto;
}
.modal-dialog{
    margin-right: auto;
    margin-left: auto;
}
#mortgageModal .modal-dialog,
#listyourpropertyModal .modal-dialog{
    max-width: 830px;
    @media (max-width:1750px) {
        max-width: 700px;
    }
    @media (max-width:992px) {
        max-width: 668px;
    }
    @media (max-width:576px) {
        max-width: 90%;
    }
}
#viewingModal .modal-dialog,
#viewingModal_footer .modal-dialog{
    max-width: 830px;
    @media (max-width:1750px) {
        max-width: 800px;
    }
    @media (max-width:992px) {
        max-width: 668px;
    }
    @media (max-width:576px) {
        max-width: 90%;
    }
}
.dateicononinput{
    position: absolute;
    top: 16px;
    right: 22px;
    background: #fff;
    pointer-events: none;
    width: 20px !important;
    height: 20px !important;
}
.property_individual_section .property_details .loctime{
    margin-bottom: 20px;
}

.careerdetail{
    padding-bottom: 110px;
    @media (max-width:1750px) {
        padding-bottom: 80px;
    }
    @media (max-width:992px) {
        padding-bottom: 50px;
    }
    @media (max-width:576px) {
        padding-bottom: 50px;
    }
}
.otherjobs{
    background: var(--heading_black);
    padding: 40px 25px;
    border-radius: 22px;
    @media (max-width:1750px) {
        padding: 30px 20px;
        border-radius: 20px;
    }
    @media (max-width:576px) {
        padding: 30px 15px;
        border-radius: 20px;
    }
}
.otherjobs h2{
    color: var(--White);
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    margin: 0 0 26px;
    text-transform: uppercase;
     @media (max-width:1750px) {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 18px;
    }
}

.otherjobsvacancieslisting{
    display: flex;
    flex-wrap: wrap;
    gap:15px;
    z-index: 2;
    position: relative;
   
}
.otherjobvacancieitem{
    padding: 20px 20px;
    gap:20px;
    border-radius: 15px;
    background-color: var(--White);
    border:1px solid #26262633;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    width: 100%;
}
.otherjobvacancieitem .detailcontent{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 20px;
}
.otherjobvacancieitem h3{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--heading_black);
    text-transform: uppercase;
    margin: 0;
}
.otherjobvacancieitem p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--heading_black);
    margin: 8px 0 0;
}
.otherjobvacancieitem .btn_lg{
    font-size: 16px;
    padding: 11px 24px;
}
.otherjobvacancieitem .loctime{
        display: flex;
        overflow: hidden;
}
.otherjobvacancieitem .loctime .loc{
    padding-right: 20px;
    padding-left: 32px;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--text_color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 65%;
}
.otherjobvacancieitem .loctime .time{
    padding-left: 32px;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: var(--text_color);
}
.otherjobvacancieitem .loctime .time::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: url('../img/clock.svg') no-repeat center;
    background-size: contain;
}
.otherjobvacancieitem .loctime .loc::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: url('../img/loc.svg') no-repeat center;
    background-size: contain;   
}
.disabledForm{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
@media (max-width:1200px) {
    header .dropdown.dropdowngeneral .dropdown-toggle{
        display: none;
    }
     header .dropdown.dropdowngeneral .dropdown-menu{
        display: block !important;
     }
}
.dropdown_main{
    gap: 20px;
}
.dropdown_main .dropdown{
    position: relative;
    padding-right: 20px;
}
.dropdown_main .dropdown .dropdown-item.active, 
.dropdown_main .dropdown .dropdown-item:active{
    background-color: transparent !important;

}

.dropdown_main .dropdown::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background: #262626;
}
.dropdown_main .dropdown:last-child{
    padding-right: 0;
}
.dropdown_main .dropdown:last-child:after{
    display: none;
}