@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --primary_color: #000000;
    --secondary_color: #1E2451;
    --yellow_color: #B7760F;
    --golden_dark:  #543200;
    --grey_color: #F4F4F4;
    --white_color: #ffffff;
    --font_family_property: 'Poppins', sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: 0;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
::selection{background-color: #0078d7 !important;color: var(--white_color) !important;}
html { -webkit-text-size-adjust: none !important; scroll-behavior: smooth;}
a,a:hover { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none !important; }
img {max-width: 100%;}
body{margin: 0;padding: 0;font-size: 16px;color: var(--primary_color);background: var(--white_color);font-family: var(--font_family_property);font-weight: 400;letter-spacing: 0.5px;overflow-x: hidden !important;line-height: 1.4;}
.container { max-width: 1340px; margin: 0 auto;padding: 0 20px; }
a, button, button i,.social-area i,input[type="submit"] { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
input::-webkit-input-placeholder {color: #777;opacity:1;}
input:-moz-placeholder {color: #777;opacity:1;}
input::-moz-placeholder {color: #777;opacity:1;}
input:-ms-input-placeholder {color: #777;opacity:1;}

.d_flex{display: flex;}
.justify_sb{justify-content: space-between;}
.justify_center{justify-content: center;}
.flex_wrap{flex-wrap: wrap;}
.flex_nowrap{flex-wrap: nowrap;}
.align_center{align-items: center;}
.aligncontent_center{align-content: center;}
.text-center{text-align: center;}
.grey_sec{background-color: #f4f4f4;}
ul{padding-left: 0;}
ul li{position: relative;color:var(--primary_color);font-size: 18px;font-family: var(--font_family_property);font-weight: 400;line-height: 1.31;}
ol{padding-left:20px;}
ol li{position: relative;color:var(--primary_color);font-size: 18px;font-family: var(--font_family_property);font-weight: 400;line-height: 1.31;padding-left: 13px;}
.padding40{padding: 40px 0;}
.padding20{padding: 20px 0;}
.paddingleft20{padding-left: 30px;}
.padding100{padding: 100px 0;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.w100{width: 100% !important;}
h1{font-size: 48px;font-weight: 600;color: var(--golden_dark);}
h2{font-size: 30px;font-weight: 600;color: var(--golden_dark);}
h3{font-size: 26px;font-weight: 600;color: var(--golden_dark);}
h4{font-size: 22px;font-weight: 600;color: var(--golden_dark);line-height: 1.3;}
h5{font-size: 20px;font-weight: 600;color: var(--golden_dark);}
h6{font-size: 16px;font-weight: 600;color: var(--golden_dark);}
p{font-size: 16px;font-weight: 400;color: var(--greylight_color);}
.default_CTA {border: medium none; cursor: pointer; font-size: 15px; font-weight: 400; padding: 10px 33px; background-color: var(--yellow_color); font-family: var(--font_family_property); transition: all ease-in-out 0.3s; color: var(--white_color); width: auto; border-radius:0; position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;display: inline-block; }
.default_CTA::before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--golden_dark); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 100%; border-radius:0; }
.default_CTA:hover::before, .default_CTA:focus::before, .default_CTA:active::before {-webkit-transform: scaleX(1); transform: scaleX(1); border-radius:0; }
.white{color: var(--white_color);}
.w100{width: 100%;text-align: center;display: inline-block;}

/*header*/
.header {padding: 15px 0;background-color: hsl(0deg 0% 100% / 75%);width: 100%;border-bottom: none;position: fixed;top: 0;z-index: 99;}
.header.removefixed{  }
.left-header{width: 30%;}
.right-header{width: 70%;}
.left-header a{display: inline-block;}
.left-header img {max-width: 200px; min-height: 50px; }
.header .container{max-width: 100%;padding: 0 30px;}
.fixed-header {top: 0; left: 0; width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; box-shadow: 0 1px 4px rgba(0,0,0,0.3); z-index: 9999999999; background-color: #ffffffd1; }
.navbar{padding: 0;}
.navbar {/* text-align: left; *//* background-color: var(--green_color); *//* max-width: 330px; *//* max-height: 100%; *//* height: 100%; *//* width: 100%; *//* padding: 20px 0; *//* overflow: hidden; *//* position: fixed; *//* visibility: visible; *//* opacity: 1; *//* z-index: 7; *//* top: 0px; *//* right: -100%; *//* transition: 0.7s; *//* -webkit-transition: 0.7s; */-moz-transition: 0.7s;-o-transition: 0.7s;/* display: flex !important; *//* text-align: center; *//* align-items: center; *//* background: var(--primary_color); *//* background: -moz-linear-gradient(left, var(--primary_color) 0%, var(--green_color) 100%); *//* background: -webkit-linear-gradient(left, var(--primary_color) 0%,var(--green_color) 100%); *//* background: linear-gradient(to right, var(--primary_color) 0%,var(--green_color) 100%); */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary_color)', endColorstr='var(--green_color)',GradientType=1 );}
.menu-box {display: block;}
.menu-box,.menu-box2,.menu-box-filter,.menu-box-sortby  {position: relative;cursor: pointer;opacity: 1;padding: 0;width: 25px;top: inherit;font-family: var(--font_family_mulish);right: inherit;margin: 0 auto;float: right;text-align: center;padding: 12px 0;display: inline-block;}
.menu-box-filter.active,.menu-box-sortby.active{float: none;display: none !important;}
.menu-box span,.menu-box2 span,.menu-box-filter span,.menu-box-sortby span {width: 100%;height: 2px;margin-bottom: 6px;background: #07233F;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;}
.menu-box-filter span,.menu-box-sortby span{background: var(--white_color);}
.menu-box span:last-child,.menu-box2 span:last-child,.menu-box-filter span:last-child,.menu-box-sortby span:last-child {margin-bottom: 0;}
.add {overflow: hidden;}
.navbar.expand {display: flex !important;right: 0;overflow-y: scroll;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;}
.navbar ul {display: flex !important;margin: 0 auto;width: auto;align-items: center;justify-content: end;flex-wrap: wrap;text-align: center;/* width: 100%; */}
.navbar ul > li {cursor: pointer;opacity: 1;display: block;margin-left: 0;margin-right: 0;/* width: 100%; */padding:0;}
.navbar ul li:last-child a {color: var(--white_color);}
.navbar ul li a {line-height: inherit;padding: 12px 20px;font-weight: 400;width: 100%;font-size: 16px;text-align: center;color: var(--golden_dark);display: inline-block;border-bottom: none;}
.add .menu-box {/* right: 17px; */}
.active span:nth-child(1) {transform: rotate(45deg) translateY(8px) translateX(2px);-webkit-transform: rotate(45deg) translateY(8px) translateX(2px);background-color: var(--white_color) !important;}
.active span:nth-child(2) {opacity: 0;}
.active span:nth-child(3) {transform: rotate(-45deg) translateY(-13px) translateX(13px);-webkit-transform: rotate(-45deg) translateY(-10px) translateX(4px);background-color: var(--white_color) !important;}
.navbar ul li.active a {color: var(--white_color); font-weight: 700;}
.navbar ul .desktop_hide{display: none;}
.active .menutext {color: var(--white_color);}
#menu-icon{display: none;}
#menu-icon2 {width: 36px; padding: 5px; right: 30px; top: 30px; position: fixed; cursor: pointer; }
#menu-icon2 span {width: 100%; height: 3.5px; margin-bottom: 5px; background: var(--white_color); display: block; border-radius: 15px; transition: all 0.5s; -webkit-transition: all 0.5s; }
#menu-icon2.active {position: absolute;}
#menu-icon2{display: none !important;}


/*back to top*/
#back-to-top {position: fixed;bottom: 20px;right: 20px;z-index: 9999999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: var(--yellow_color);color: var(--white_color);cursor: pointer;border: 0;border-radius:0;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;box-shadow: 0 2px 5px rgba(0,0,0,0.35);}
#back-to-top.show {opacity: 1; }

/*Footer*/
.footer{}
.footer_logo img {max-width: 220px; }
.top-footer{padding: 30px 0 20px;}
.footer_logo{width: 25%;padding-right: 10px;}
.inner_footer {align-items: inherit; }
.logo_area{padding-bottom: 25px;}
.logo_area img{max-width: 165px;}
.footer_logo p{width: 100%;font-size: 14px;font-family: var(--font_family_property);font-weight: 400;}
.footer_link{width: 23%;padding-right: 10px;}
.footer_link li,.footer_txt{list-style: none;width: 100%;color: var(--golden_dark);font-weight: 700;margin-bottom: 4px;/* border-bottom: 1px solid #000; */font-size: 17px;}
.footer_link li:first-child, .footer_txt{margin-bottom: 10px;}
.footer_link li a{color: var(--primary_color);font-weight: 400;font-size: 15px;display: inline-block;position: relative;}
.footer_social{width: 100%;}
.social_icon{/* justify-content: space-around; *//* display: flex; *//* flex-wrap: wrap; */width: 100%;}
.social_icon li a{height: 40px;width: 40px;border-radius:0%;align-items: center;background-color: var(--white_color);border: 1px solid #444344;display: flex;color: #444344;justify-content: center;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;font-size: 22px;}
.social_icon li { margin-right: 6px; display: inline-block; margin-bottom: 15px;}
.social_icon li a:hover,.social_icon li a:focus{background-color: transparent;color: var(--golden_dark);transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;border-color: var(--secondary_color);-o-transition: 0.5s;transform: translateY(-8px);border-color: var(--golden_dark);}
.map-area ul li{list-style: none;margin-bottom: 14px; padding-left: 30px;position: relative;}
.map-area ul li span{position: absolute;left: 0;top: 0;}
.map-area ul li span i {color: var(--primary_color);}
.map-area {width: 100%;margin-top: 0;}
.map-area ul li a,.map-area ul li{font-size: 15px;font-weight: 400;color: var(--primary_color);}
.map-area ul li a {position: relative; }
.map-area ul li a::after {content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius:0; height: 2px; bottom: -1px; left: 0; background: var(--secondary_color); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.map-area ul li a:hover::after,.map-area ul li a:focus::after {transform: scaleX(1); transform-origin: bottom left; }
.map-area ul li.noanimation a::after{display: none;}
.map-area ul li.noanimation a:hover{color: var(--secondary_color);}
.footer_link li a::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius:0; height: 2px; bottom: -1px; left: 0; background: var(--golden_dark); transform-origin: bottom right; transition: transform 0.25s ease-out; }
.footer_link li a:hover::after, .footer_link li a:focus::after {transform: scaleX(1); transform-origin: bottom left; }
.bottom-footer{padding: 15px 0;text-align: center;border-top: 1px solid #ccc;}
.bottom-footer p{font-size: 15px;font-weight: 400;font-family: var(--font_family_property);color: var(--primary_color);margin-bottom: 0;}
.footer_disclaimer {width: 75%; }
.footer_disclaimer p {font-size: 15px;}
.footer_disclaimer strong{font-weight: 600;}
.footer_disclaimer span{width: 100%;display: inline-block;}

.banner_item{padding: 220px 0 170px;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;}
.banner_item::before {position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background-color: #ffffff91; }
.top_banner {max-width: 1000px; margin: 0 auto; text-align: center;position: relative;z-index: 9; }
.banner_slider h1{text-shadow: 0 0 3px var(--white_color); }
.banner_slider p{color: var(--primary_color);}
.banner_slider .slick-dots {margin: 0 auto; margin-top: 40px; position: absolute; text-align: center; right: 0; bottom: 50px; }
body .slick-dots li {position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; }
body .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; cursor: pointer; border: 0; outline: 0; border: 2px solid var(--yellow_color); background: transparent; border-radius: 50%; }
body .slick-dots li button::before {font-size: 0; }
body .slick-dots li.slick-active button {background: var(--yellow_color); }
body .slick-dotted.slick-slider {margin-bottom: 0; }
.slick-arrow {position: absolute; top: 48%; bottom: 0; }
.slick-arrow.prev-arrow{left: 20px;}
.slick-arrow.next-arrow{right: 20px;}
.slick-slide img {width: 100% !important; }
.slick-nav {--active: var(--white_color); --border: rgba(255, 255, 255, 0.12); width: 44px; height: 44px; position: absolute; cursor: pointer; top: calc(50% - 44px); }
.slick-nav.prev-arrow {left: 3%; transform: scaleX(-1); z-index: 9; }
.slick-nav.next-arrow {left: auto; right: 3%; }
.slick-nav i {display: block; position: absolute; margin: -10px 0 0 -10px; width: 20px; height: 20px; left: 50%; top: 50%; }
.slick-nav i:before, .slick-nav i:after {content: ""; width: 10px; height: 2px; border-radius: 1px; position: absolute; left: 50%; top: 50%; background: var(--yellow_color); margin: -1px 0 0 -5px; display: block; transform-origin: 9px 50%; }
.slick-nav i:before {transform: rotate(-40deg); }
.slick-nav i:after {transform: rotate(40deg); }
.slick-nav:before, .slick-nav:after {content: ""; display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 50%; border: 2px solid var(--yellow_color); }
.slick-nav svg {width: 44px; height: 44px; display: block; position: relative; z-index: 1; color: var(--golden_dark); stroke-width: 2px; stroke-dashoffset: 126; stroke-dasharray: 126 126 0; transform: rotate(0deg); }
.slick-nav.animate svg {-webkit-animation: stroke 1s ease forwards 0.3s; animation: stroke 1s ease forwards 0.3s; }
.slick-nav.animate i {-webkit-animation: arrow 1.6s ease forwards; animation: arrow 1.6s ease forwards; }
.slick-nav.animate i:before {-webkit-animation: arrowUp 1.6s ease forwards; animation: arrowUp 1.6s ease forwards; }
.slick-nav.animate i:after {-webkit-animation: arrowDown 1.6s ease forwards; animation: arrowDown 1.6s ease forwards; }

@-webkit-keyframes stroke {52% {transform: rotate(-180deg); stroke-dashoffset: 0; } 52.1% {transform: rotate(-360deg); stroke-dashoffset: 0; } 100% {transform: rotate(-180deg); stroke-dashoffset: 126; } }
@keyframes stroke {52% {transform: rotate(-180deg); stroke-dashoffset: 0; } 52.1% {transform: rotate(-360deg); stroke-dashoffset: 0; } 100% {transform: rotate(-180deg); stroke-dashoffset: 126; } }
@-webkit-keyframes arrow {0%, 100% {transform: translateX(0); opacity: 1; } 23% {transform: translateX(17px); opacity: 1; } 24%, 80% {transform: translateX(-22px); opacity: 0; } 81% {opacity: 1; transform: translateX(-22px); } }
@keyframes arrow {0%, 100% {transform: translateX(0); opacity: 1; } 23% {transform: translateX(17px); opacity: 1; } 24%, 80% {transform: translateX(-22px); opacity: 0; } 81% {opacity: 1; transform: translateX(-22px); } }
@-webkit-keyframes arrowUp {0%, 100% {transform: rotate(-40deg) scaleX(1); } 20%, 80% {transform: rotate(0deg) scaleX(0.1); } }
@keyframes arrowUp {0%, 100% {transform: rotate(-40deg) scaleX(1); } 20%, 80% {transform: rotate(0deg) scaleX(0.1); } }
@-webkit-keyframes arrowDown {0%, 100% {transform: rotate(40deg) scaleX(1); } 20%, 80% {transform: rotate(0deg) scaleX(0.1); } }
@keyframes arrowDown {0%, 100% {transform: rotate(40deg) scaleX(1); } 20%, 80% {transform: rotate(0deg) scaleX(0.1); } }
.residential_animation3 .slick-prev, .residential_animation3 .slick-prev:hover,.residential_slider .slick-prev, .residential_slider .slick-prev:hover {background-image: url('../images/left.png') !important; background-size: 45px !important; height: 45px; width: 45px; left: -60px; z-index: 9999; background-repeat: no-repeat !important; background-position: center !important;}
.residential_animation3 .slick-next, .residential_animation3 .slick-next:hover,.residential_slider .slick-next, .residential_slider .slick-next:hover {background-image: url('../images/right.png') !important; background-size: 45px !important; height: 45px; width: 45px; right: -60px; z-index: 9999; background-repeat: no-repeat !important; background-position: center !important; }
.residential_animation3 .slick-prev::before,.residential_animation3 .slick-next::before,.residential_slider .slick-prev::before,.residential_slider .slick-next::before{display: none;}
.residential_slider .slick-dots,.residential_animation3 .slick-dots {position: relative; bottom: 0; margin-top: 10px; }
.grey_sec .residential_slider .slick-list::before{background-color: var(--grey_color);}
.residential_slider_item, .residential_slider_item1{padding: 10px;}
.residential_inner{border: 1px solid #ccc;background-color: var(--white_color);}
.residential_text{padding: 15px 15px 25px;}
.residential_text h6{/* color: var(--secondary_color); */}
.additional-info li{margin-right: 30px;list-style: none;}
.additional-info li:last-child{margin-right: 0;}
.additional-info li p{font-size: 14px;color: var(--yellow_color)}
.additional-info li p strong{font-weight: 400;}
.additional-info li p .fa-map-marker-alt{color: var(--yellow_color);}
.circle-section {width: 100%;position: relative;overflow: hidden;}
.main.circle-section-wrapper {padding: 0px 75px;}
.circle-section-wrapper {vertical-align: top;margin: 0 auto;}
.circle-section-wrapper h2 {text-align: center;margin: 0 auto 25px;min-height: 75px;}
.holderCircle {width: 100%;margin: 0 auto;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;-ms-flex-align: center;margin-top: 30px;}
.dotCircleWrapper {width: 58%;position: relative;order: 2;padding: 0 61px;}
.dotCircle {width: 450px; height: 450px; position: absolute; margin: auto; top: 0; right: 0; border: 25px solid #B7760F40; border-radius: 50%; transform: rotate(327deg); left: 0; }
.dotCircle:after {content: " ";display: block;position: absolute;width: 250px;height: 250px;border: 25px solid #B7760F40;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dotCircle .itemDot {display: block;width: 155px;height: 125px;position: absolute;z-index: 3;cursor: pointer;opacity: 0.5;transform: rotate(33deg);background-repeat: no-repeat;background-size: contain;}
.dotCircle .itemDot1 {background-position: 0 0;top: 160px;left: 310px;}
.dotCircle .itemDot2 {top: 305px;left: 30px;}
.dotCircle .itemDot3 {top: 15px;left: 30px;}
.dotCircle .itemDot.active {width: 260px;height: 190px;opacity: 1;transition: 0.5s;}
.dotCircle .itemDot1.active {top: 105px;left: 150px;}
.dotCircle .itemDot2.active {top: 205px;left: -30px;}
.dotCircle .itemDot3.active {top: -35px;left: 5px;}
.dotCircle .itemDot:hover {opacity: 0.75;transition: 0.5s;}
.dotController {display: block;text-align: center;padding-top: 500px;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;-webkit-justify-content: center;-ms-flex-justify: center;justify-content: center;}
.dotController .dots {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #d1d0d4;margin: 0 5px;cursor: pointer;}
.dotController .dots.active {background-color: #B7760F;}
.contentCircle {width: 42%;height: auto;color: #000;position: relative;order: 1;padding-right: 75px;}
.contentCircle .CirItem {text-align: left;bottom: 0;margin: 0 auto;padding: 25px 40px 25px 25px;margin: 0 auto 10px;}
.CirItem.active {box-shadow: 0 0 6px #B7760F9C;}
.CirItem .itemHeader {font-size: 18px;line-height: 20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: var(--golden_dark);}
.CirItem p {margin: 8px auto 0;font-size: 16px;line-height: 1.4;color: #3C3C3C;}
.circle-section .cta-wrapper {max-width: 300px;margin: 0 auto;text-align: center;}
.circle-section .call-now-cta {position: relative;display: inline-block;text-decoration: none;color: #fff;font-size: 19px;font-weight: 400;padding: 15px 25px;background-color: #1fd4cd;border-radius: 0px;cursor: pointer;line-height: 16px;margin: 0 auto;text-align: center;}
.circle-section a.sign-up-cta {margin-top: 25px;text-transform: none;font-weight: 400;width: 118px;}
.direct-arrow {cursor: pointer;position: absolute;top: 43%;transform: translateY(-50%);font-size: 55px;line-height: 1;color: #B7760F;z-index: 10;transition: all ease .3s;}
.direct-arrow.left {left: -6px;}
.direct-arrow.right {right: -6px;}
.contentCircle .CirItem:last-child {margin-bottom: 0;}
.direct-arrow:hover {color: #543200;}
.residential_animation3 .residential_slider_item a {z-index: 999; position: relative;display: inline-block;width: 100%; }
.toparea_box{position: relative;}
.toparea_text{position: absolute;bottom: 0;padding: 10px;background-color: #B7760FB8;width: 100%;}
.toparea_text h6{color: var(--white_color);}
.toparea_text p {font-size: 14px; color: var(--white_color); }

.left_getintouch_sec{width: 49%;}
.top_getintouch_sec{flex-wrap: wrap;}
.right_getintouch_sec{width: 49%;}
.col-2{display: flex;justify-content: space-between;}
.w-50{width: 49%;}

.form-control {width: 100%; padding: 10px 15px; font-size: 15px; font-weight: 400; line-height: 1.4; color: #000; background-color: #fff; border: 2px solid #ededed; border-radius: 5px; box-shadow: none; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-family: var(--font_family_property);}
.form-check {position: relative; }
.form-check input[type="radio"], .form-check input[type="checkbox"] {position: absolute; left: 0; margin-left: 0; top: 4px; }
.form-check label{font-size: 15px;font-weight: 400;line-height: 1.4;padding-left: 22px;color: #000;cursor: pointer;}
.submit_CTA {display: inline-block; text-align: center; width: 100%; margin-top: 15px; }
label.error {width: 100%; color: red !important; font-size: 12px; display: inline-block; padding-left: 0 !important; }
textarea.form-control {height: 80px; appearance: none; }
.properties_banner{background-repeat: no-repeat;background-size: cover;padding: 200px 0;text-align: center;background-position: center;position: relative;}
.properties_banner::before {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #ffffff4d; }
.properties_banner h1 { position: relative; z-index: 9; }
.top_properties_list .residential_slider_item{width: 32%;padding: 0;margin-bottom: 25px;margin-right: 1.2%;}
.top_properties_list .residential_slider_item img{width: 100%;display: block;}
.top_properties_list { justify-content: inherit;}
.top_properties_list .residential_slider_item:nth-child(3n){margin-right: 0;}
.box_amenities_sec {width: 19%; text-align: center; padding: 20px 12px; background-color: #FFFFFF; border-radius: 10px; margin-bottom: 15px; /* box-shadow: 0 0 6px #ccccccbf; */ margin-right: 1.2%; border: 1px solid #ccc; }
.top_amenities_sec { justify-content: inherit;}
.box_amenities_sec:nth-child(5), .box_amenities_sec:nth-child(10), .box_amenities_sec:nth-child(15) { margin-right: 0;}
.box_amenities_sec h6{font-weight: 500;}
.box_amenities_sec:nth-child(2n){background-color: #f5f5f5;}

.Investment_bullets ul{list-style: none;}
.Investment_bullets ul li {position: relative; padding-left: 0; width: 32%; margin-right: 2%; margin-bottom: 30px; }
.Investment_bullets ul li img {max-height: 80px; padding-right: 20px; }
.Investment_bullets ul li:nth-child(3n){margin-right: 0;}
.Investment_bullets ul li p{font-size: 15px;padding-top: 5px;}
.Investment_bullets ul li h5{padding-top: 10px;}
.residential_img2{height: 250px;}
.residential_animation1 .residential_img,.residential_animation2 .residential_img {height: 200px; }
.residential_img2 img {object-fit: cover; height: 100%; }

.breadcrumb_area{padding-top: 100px;}
.breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;margin-bottom: 0;list-style: none;}
.breadcrumb-item {color: var(--primary_color);letter-spacing: 1px;display: -ms-flexbox;font-size: 15px;display: flex;text-transform: uppercase;}
.breadcrumb-item a {color: inherit; text-decoration: none; }
.breadcrumb-item:first-child{padding-left: 0;}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: currentColor;
    content: "/";
}
.Properties_details_gallery{padding-top: 20px;padding-bottom: 20px;}
.left_Properties_details_gallery{width: 65%;}
.right_Properties_details_gallery{width: 33%;}
.right_Properties_details_gallery .right_getintouch_sec {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 6px #ccc;
}
.top_Properties_details_gallery .residential_slider_item {
    padding: 0 0;
}

.top_Properties_details_gallery .slick-dots{bottom: -40px;}
.Properties_details_text{margin-top: 30px;}
.location a{color: var(--yellow_color);}
.Properties_details_text h2,.Properties_details_text p,.Properties_details_text li{margin-bottom: 15px;}
.Properties_details_text ul{padding-left: 16px;}
.Properties_details_text li{color: var(--primary_color);font-size: 16px;line-height: 1.4;position: relative;}

/* .Properties_details_text li::before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    background-image: url('../images/bullet.png');
    bottom: 0;
    background-size: 21px;
    right: 0;
    background-repeat: no-repeat;
}
 */

.Project_Details{padding-top: 20px;}
.Project_Details li{width: 48%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
.Project_Details li p{font-size: 14px;color: var(--primary_color);}
.Project_Details li p:first-child{font-weight: 600;}

.residential_slider_item, .residential_slider_item1 {
    height: 100%;
}
.residential_slider_item a, .residential_slider_item1 a {
    height: 100%;
    display: inline-block;
    width:100%;
}
.properties_details1 .residential_img1 {
    width: 100%;
    height: 400px;
}
.properties_details1 .residential_img1 img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.residential_slider_item img, .residential_slider_item1 img {
    object-fit: cover;
    height: 100%;
}
.residential_slider .slick-track,.residential_animation3 .slick-track {
    display: block;
    margin-left: inherit;
    margin-right: inherit;
}


.midd-container{padding-top: 86px;}
.left_gift_sec{width: 49%;display: flex;background-image: url(../images/Giftcity_banner.png);background-repeat: no-repeat;background-position: bottom center;background-size: 60%;}
.right_gift_sec{width: 49%;padding-top: 30px;padding-right: 20px;padding-bottom: 30px;}
.gift_sec_text{width: 100%;}
.gift_sec_form{width: 100%;margin-top: 20px;}
#gift-form{padding: 25px 30px;background-color: #ffffff69;width: 90%;box-shadow: 0 1px 4px rgba(0,0,0,0.3);border-radius: 5px;}
.gift_sec_text ul {list-style: none; display: flex; flex-wrap: wrap; margin-bottom: 0; justify-content: space-between; }
.gift_sec_text ul li {width: 33%; margin-bottom: 6px; position: relative; font-size: 17px; padding-left: 28px; font-weight: 400; }
.gift_sec_text ul li::before {position: absolute; content: ""; left: 0; top: 4px; background-image: url(../images/doublearrow.png); background-size: 18px; background-repeat: no-repeat; background-position: left top; height: 18px; width: 18px; }
.top_gift_sec {background-color: #8ebce8;}
.price_gift{padding-top: 11px; }
.price_gift h4{padding: 7px 10px 10px 16px; display: inline-block; background-color: #fff; border-radius: 5px; color: var(--golden_dark); }
.price_gift h4 span{padding: 10px; color: var(--yellow_color); }
.form-group {position: relative; }
#gift-form #consent-error.error{display: none;position: absolute; left: 0; bottom: -18px;}

#gift-form h6{color: var(--yellow_color);padding-bottom: 10px;}
.gift_payment{padding: 12px 20px 14px;background-color: var(--yellow_color);display: inline-block;margin-top: 20px;border-radius: 5px;}
.gift_payment h4,.gift_payment h6{color: #fff;}
.gift_payment h6{padding-top: 5px;}
.gift_sec_title h6{display: inline-block; color: var(--yellow_color); font-size: 16px;font-weight: 400; }
.gift_sec .gift_sec_title h6{color: #fff;}
#gift-form .submit_CTA{text-align: left; }
.gift_sec_title h1{text-shadow: 0px 0px 9px rgba(0,0,0,0.40);line-height: 1.2;padding-top: 10px;}

.highlight_box {width: 24.5%; border: 1px solid #aaa; padding: 15px; border-radius: 5px;margin-bottom: 10px; }
.highlight_box.benifits_sec{width: 19%;}
.highlight_box.benifits_sec p,.highlight_box p{font-size: 15px;padding-top: 5px;}
.highlight_box img{max-width: 70px; }
.box_floor_plan {width: 32%; padding: 20px; background-color: #fff; border-radius: 5px; border: 1px solid #ccc; }
.box_floor_plan img{max-height: 270px;}
.box_floor_plan h6{padding-top: 10px;}

.hidden {display: none;}
.d-none{display: none; }
.d-block{display: block; }
.alert-success{color: #0F5132; background-color: #D1E7DD; border-color: #BADBCC; padding: 10px; margin: 0 0 10px; }

#gift-popupform {width: 100%; margin-top: 0 !important;}
body .fancybox-content { padding: 44px 30px;}

.top_thankyou_page {display: inline-block; width: 100%; }

.thankyou_page,.coming_soon_sec{background-color:#8ebce8;}
.thankyou_page{padding: 180px 0;}
.top_thankyou_page img{max-width: 80px;-webkit-animation: animatedBackground 2s ease-in-out infinite; -moz-animation: animatedBackground 2s ease-in-out infinite; animation: animatedBackground 2s ease-in-out infinite; position: relative;}
   @-webkit-keyframes animatedBackground {0% {top: 0;} 50% {top: 20px; } 100% { top: 0; } }
 @-moz-keyframes animatedBackground {0% {top: 0;} 50% {top: 20px; } 100% { top: 0; } }
 @keyframes animatedBackground {0% {top: 0;} 50% {top: 20px; } 100% { top: 0; } }

 .logo img{max-width: 250px;}
.animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.pulsate {
    -webkit-animation-name: pulsate;
    animation-name: pulsate;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(1, 1); opacity: 1;}
    15% {-webkit-transform: scale(1, 1); opacity: 1;}
    35% {-webkit-transform: scale(1.5, 1.5); opacity: 0.8;color: red;}
    75% {-webkit-transform: scale(1.5, 1.5); opacity: 0.8;color: blue;}
    100% {-webkit-transform: scale(1, 1); opacity: 1;}
}
.grecaptcha-badge {
    display: none !important;
}
body .fancybox-content {
    max-width: 650px;
    width:100%;
}

.loading-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000000e3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.loading-text {
  font-size: 18px;
  margin-top: 10px;
  color: #b57722;
}

.loading-spinner {
  border: 4px solid #d3d4d4;
  border-top: 4px solid #b57722;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}