html, body {padding: 0; margin: 0; box-sizing: border-box; background-color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #111; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

.container { max-width: 1280px; }

h4 { font-size: 28px; line-height: 32px; font-weight: 600; margin-bottom: 15px; }
h5 { font-size: 22px; line-height: 25px; font-weight: 500; margin-bottom: 15px; }
p { font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 15px; }
hr { margin: 50px 0; }
table.table { font-size: 14px; }

nav.navbar { background: #252a2b; position: relative; }
nav .navbar-brand { width: 218px; }
nav .navbar-brand img { width: 100%; }
nav .navbar-brand.small { width: 40px; }
nav .property-brand { width: 160px; position: relative; }
nav .property-brand img { width: 100%; }
.navbar-nav .nav-item { transition: all 0.3s ease-in-out; height: 40px; }
.navbar-nav .nav-item:hover, .navbar-nav .nav-item.dropdown.show { background: #394041; color: #ec894d; }
.navbar-nav .nav-item a.nav-link { font-size: 14px; font-weight: 400; color: #fff; padding: 10px 15px 0; text-decoration: none; transition: all 0.3s ease-in-out; }
.navbar-nav .nav-item:hover a.nav-link, .navbar-nav .nav-item.dropdown.show a.nav-link { color: #ec894d; }
.navbar-nav .nav-item .dropdown-menu { background: #333333; border: 0; border-radius: 0; margin-top: -2px; }
.navbar-nav .nav-item .dropdown-menu a.dropdown-item { font-size: 12px; font-weight: 400; color: #b6b6b6; text-decoration: none; transition: all 0.3s ease-in-out; }
.navbar-nav .nav-item .dropdown-menu a.dropdown-item:hover { background: transparent; color: #fff; }

.navbar .header-contact { width: fit-content; height: 40px; background: #4dc7ec; padding: 0 20px 0 0; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-left: 30px; }
.navbar .header-contact .left { width: 40px; height: 40px; background: #37b3d9; font-size: 20px; line-height: 40px; text-align: center; color: #fff; margin-right: 15px; }
.navbar .header-contact .number { font-size: 20px; font-weight: 600; color: #fff; line-height: 40px; }
@media screen and ( max-width: 768px) {
    nav .navbar-brand { width: 160px; margin-bottom: 0px; margin-right: 0; }
    nav .navbar-brand img { width: 100%; margin: 0 auto; }
    nav .property-brand { width: 130px; margin-bottom: 5px;}
    button.navbar-toggler { width: fit-content; height: 40px; background: #394041; border: 0; border-radius: 0; outline: 0; box-shadow: 0; padding: 0 15px; color: #fff; font-size: 14px; font-weight: 400; }
    button.navbar-toggler i { font-size: 20px; }
    .navbar-nav .nav-item { width: 100%; height: auto; background: #394041; border-top: 1px solid #484e50; padding: 0 20px; }
    .navbar-nav .nav-item a.nav-link { width: 100%; height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0; }
    .navbar-nav .nav-item a.nav-link.dropdown-toggle { color: #ec894d; }
    .navbar-nav .nav-item .dropdown-menu {  width: calc(100% + 40px); margin: 0 -20px !important; padding: 0; }
    .navbar-nav .nav-item .dropdown-menu a.dropdown-item { height: 32px; border-top: 1px solid #484e50; padding: 7px 20px 0; }

    .navbar .header-contact { width: 100%; line-height: 25px; height: 25px; background: transparent; padding: 0; margin-left: 0px; text-align: left; margin-bottom: 5px; }
    .navbar .header-contact .left { width: fit-content; height: 25px; line-height: 25px; background: transparent; font-size: 13px; margin-right: 5px; }
    .navbar .header-contact .number { font-size: 17px; line-height: 25px; letter-spacing: 4px; font-weight: 500; }
}

#homeBanner .carousel-item { height: calc(100vh - 130px); object-fit: cover; position: relative; overflow: hidden; }
#homeBanner .carousel-item img { min-width: 100%; width: auto; height: 100%; position: relative; transform: translate(-50%, -50%); left: 50%; top: 50%; }
#homeBanner .carousel-indicators li { width: 12px; height: 12px; border: 0; border-radius: 50%; margin: 0 5px; background: #252a2b; opacity: 0.4; }
#homeBanner .carousel-indicators .active { background: #ec894d; opacity: 1; }
@media screen and ( max-width: 768px ) {
    #homeBanner .carousel-item { height: 50vh; }
}

.owl-carousel.owl-client .owl-dots button.owl-dot { border: 0; outline: 0; box-shadow: none; }
.owl-carousel.owl-client .owl-dots button.owl-dot span { width: 5px; height: 5px; border: 0; border-radius: 3px; background-color: #b6bcc5; margin: 0 5px; transition: all 0.3s ease-in-out; }
.owl-carousel.owl-client .owl-dots button.owl-dot.active span { width: 20px; background-color: #fe696a; }

.owl-client .item-card { width: 100%; height: 400px; position: relative; cursor: pointer; margin-left: -80px; }
.owl-client .item-card .item-img { position: relative; left: 0; top: 0; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; object-fit: cover; display: flex; align-items: center; justify-content: center; }
.owl-client .item-card .item-img img { width: min-content; height: min-content; transition: all 0.4s ease-in-out; }
.owl-client .item-card .img-hover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); border-radius: 15px; padding: 15px 15px 15px; display: flex; flex-direction: column; justify-content: flex-end; transition: all 0.3s ease-in-out; }
.owl-client h4 { font-size: 20px; font-weight: 600; line-height: 24px; margin-bottom: 5px; color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.owl-client h5 { font-size: 14px; font-weight: 400; line-height: 20px; color: #fff; margin-bottom: 10px; }
.owl-client h5 span { font-size: 18px; font-weight: 600; color: #fff374; }
.owl-client p { font-size: 12px; font-weight: 400; line-height: 16px; color: #fff; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.owl-client .detail-item { width: fit-content; font-size: 14px; font-weight: 400; color: #ec894d; padding: 10px 20px; border: 1px solid #ec894d; border-radius: 20px; background: transparent; cursor: pointer; transition: all 0.3s ease-in-out; }
.owl-client .detail-item:hover { background: #ec894d; color: #fff; }

.owl-client .item-card:hover .item-img img { transform: scale(1.1); }
.owl-client .item-card:hover .img-hover { padding: 15px 15px 30px; }

.owl-client .owl-nav { width: calc(100% + 40px); position: absolute; transform: translate(-50%, -50%); left: 50%; top: calc(50% - 12px); display: flex !important; justify-content: space-between !important; }
.owl-client .owl-nav button { width: 40px !important; height: 60px !important; background: rgba(236,137,77,0.7) !important; border: 0 !important; border-radius: 5px !important; padding: 0 !important; outline: 0 !important; box-shadow: none !important; margin: 0 !important; }
.owl-client .owl-nav button span { font-size: 40px !important; line-height: 40px !important; margin: 0 !important; color: #fff !important; }

@media screen and ( max-width: 1024px ) {
  .owl-client .item-card { height: 300px; }
}
@media screen and ( max-width: 768px ) {
  .owl-carousel.owl-client .item { padding: 0 5px; }
  .owl-client .item-card { height: 280px; margin-left: -50px; }
}
@media screen and ( max-width: 767px ) {
  .owl-client .item-card { height: 300px; margin-left: -30px; }
}

.section-dark { width: 100%; height: auto; position: relative; }
.section-dark .dark-sec-bg { position: absolute; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; object-fit: cover; top: 0; left: 0; }
.section-dark .dark-sec-bg img { width: auto; min-width: 100%; height: auto; min-height: 100%; }
.section-dark .sec-over { background: rgba(0,0,0,0.7); position: relative; width: 100%; height: 100%; top: 0; height: 100%; }

.home-form-bg { width: 100%; height: auto; background: #fff; padding: 30px; border-radius: 15px; }
.form-group label { font-size: 14px; font-weight: 400; color: #394041; margin-bottom: 5px; }
input.form-control, input.form-control:focus { height: 45px !important; border: 1px solid #ec894d; border-radius: 0; outline: 0; box-shadow: none; font-size: 14px; font-weight: 400; color: #111; }
input.form-control::placeholder { color: #949494; }
select.custom-select, select.custom-select:focus { height: 45px; background: #fff url(../images/select-down.png) no-repeat right .75rem center / 12px 15px; border: 1px solid #ec894d; border-radius: 0; outline: 0; box-shadow: none; font-size: 14px; font-weight: 400; color: #111; }
button.btn-submit, button.btn-common { width: fit-content; height: 45px; background: #ec894d; border: 0; border-radius: 5px; outline: 0; box-shadow: none; font-size: 16px; color: #fff; padding: 0 25px; margin-bottom: 30px; }
button.btn-submit.line { background: #fff; border: 1px solid #ec894d; color: #ec894d; }

@media screen and ( max-width: 768px ) {
  button.btn-common { min-width: 200px; height: 40px; display: block; font-size: 14px; margin: 0 auto 20px; }
}

.choices { width: 100%; margin-bottom: 30px; text-align: center; color: #fff; }
.choices i { font-size: 30px; margin-bottom: 20px; }
.choices img { width: 46px; display: block; margin: 0 auto 20px; }

.sec-footer { background: #252a2b; padding: 50px 0; }
.sec-footer h4 { font-size: 22px; font-weight: 600; line-height: 26px; color: #fff; margin-bottom: 10px; }
.sec-footer p { color: #949494; }
.sec-footer a.foot-link { width: 100%; display: block; font-size: 14px; font-weight: 400; line-height: 20px; color: #949494; text-decoration: none; margin-bottom: 15px; transition: all 0.3s ease-in-out; }
.sec-footer a.foot-link:hover { color: #fff; }

.sec-footer a.foot-link.inline { display: inline; margin-bottom: 0; padding-right: 8px; border-right: 1px solid #949494; margin-right: 6px; }
.sec-footer a.foot-link.inline:last-child { padding: 0; margin: 0; border: 0; }

.sec-footer .social-group { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; }
.sec-footer .social-group a.social-link { width: 35px; height: 35px; background: #ec894d; border-radius: 50%; font-size: 15px; color: #fff; display: flex; align-items: center; justify-content: center; }
.sec-footer hr { border-color: #424242; }

.projects { width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; }
.projects .left-img { width: 80px; height: 70px; border-radius: 8px; overflow: hidden; margin-right: 15px; object-fit: cover; display: flex; align-items: center; justify-content: center; position: relative; }
.projects .left-img img { min-width: 100%; min-height: 100%; position: relative; }
.projects a.foot-link { width: calc(100% - 95px); margin-bottom: 0; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.text-row-4 { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

.sticky-desktop { display: block; width: fit-content; height: 40px; background: #ec894d; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 40px; padding: 0 20px; color: #fff; position: fixed; right: 30px; bottom: 0; border-radius: 15px 15px 0 0; border: 0; cursor: pointer; z-index: 1000; }
.sticky-mobile { display: none; }
@media screen and ( max-width: 768px ) {
    .sticky-desktop { display: none; }
    .sticky-mobile { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; position: fixed; left: 0; bottom: 0; z-index: 1000; }
    .sticky-mobile .sticky { width: 40%; height: 40px; background: #ec894d; border-radius: 8px 8px 0 0; font-size: 18px; color: #fff; font-weight: 500; text-transform: uppercase; line-height: 40px; text-align: center; cursor: pointer; }
    .sticky-mobile .sticky.call { background: #37b3d9; }
    .sticky-mobile .sticky.small { width: 20%; background: #249758; }
}

.modal .modal-content { border: 0; border-radius: 15px; }
.modal .modal-content .modal-body { padding: 30px; }
.modal .modal-logo { width: 200px; margin: 0 auto 20px; }
.modal h4 { font-weight: 500; color: #394041; text-transform: uppercase; text-align: center; margin-bottom: 20px; }

.loc-banner { width: 100%; margin-bottom: 20px; position: relative; }
/* .loc-banner::after { content: ''; display: block; padding-top: 70%; position: relative; left: 0; top: 0; z-index: -1; } */
.loc-banner .carousel-detail .carousel-inner { width: 100%; position: relative; left: 0; top: 0; border-radius: 15px; overflow: hidden; }
.loc-banner .carousel-detail .carousel-inner .carousel-item { width: 100%; position: relative; object-fit: cover; transition: all 0.3s ease-in-out; }
.loc-banner .carousel-detail .carousel-inner .carousel-item::after { content: ''; display: block; width: 100%; padding-top: 70%; position: relative; }
.loc-banner .carousel-detail .carousel-inner .carousel-item:hover { transform: scale(1.05); }
.loc-banner .carousel-detail .carousel-inner .carousel-item img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center center; }
.carousel-control-next .carousel-arrow { transform: rotate(-90deg); width: 24px; }
.carousel-control-prev .carousel-arrow { transform: rotate(90deg); width: 24px; }
.loc-banner .carousel-detail .carousel-indicators li { width: 10px; height: 10px; border: 0; border-radius: 50%; margin: 0 4px; background: #252a2b; opacity: 0.4; }
.loc-banner .carousel-detail .carousel-indicators .active { background: #ec894d; opacity: 1; }

.loc-banner .banner-over { width: 100%; height: 60px; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); border-radius: 0 0 15px 15px; padding: 0 15px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: absolute; bottom: 0; left: 0; z-index: 1000; }
.loc-banner .banner-over .star-field { display: block; width: fit-content; height: 20px; }
.loc-banner .banner-over .popups { width: fit-content; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; gap: 13px; }
.loc-banner .banner-over .popup-icon { width: fit-content; height: fit-content; display: block; cursor: pointer; padding: 2px; }
.loc-banner .banner-over .popup-icon img { height: auto; width: 18px; }
.loc-banner .banner-over .popup-icon.favour { width: 22px; height: 28px; background: transparent url(../images/icon-favourite.svg) no-repeat center center; background-size: 18px 18px; }
.loc-banner .banner-over .popup-icon.favour.active { width: 22px; height: 28px; background: transparent url(../images/icon-favourite-active.svg) no-repeat center center; background-size: 18px 18px; }

.loc-box { display: block; cursor: pointer; }
.loc-box h4 { font-size: 20px; font-weight: 600; line-height: 24px; margin-bottom: 5px; color: #394041; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.loc-box .icon-row { width: fit-content; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 5px; }
.loc-box .icon-row img { height: 16px; margin-right: 10px; }
.loc-box h5 { font-size: 14px; font-weight: 400; line-height: 20px; color: #5c6566; margin-bottom: 0px; }
.loc-box h5 i { font-size: 16px; margin-right: 5px; color: #ec894d; }
.loc-box h5 span { font-size: 18px; font-weight: 600; color: #ec894d; }
.loc-box p { color: #949494; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; }
.loc-box .detail-item { width: fit-content; font-size: 14px; font-weight: 400; color: #ec894d; cursor: pointer; transition: all 0.3s ease-in-out; }
.loc-box .detail-item:hover { color: #394041; }

.side-form { width: 100%; height: auto; background: #f5f5f5; padding: 15px; border: 1px solid #dadada; border-radius: 15px 15px 0 0; margin-bottom: 15px; }
.side-form input, .side-form .custom-select, .side-form .custom-select:focus { height: 40px; }
.side-form .btns { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 10px; }
.side-form .btns button { width: calc(50% - 5px); }
.side-form .form-header { width: calc(100% + 30px); background: #394041; margin: -15px -15px 20px; font-size: 18px; font-weight: 500; color: #fff; padding: 10px 15px; border-radius: 15px 15px 0 0; }
.side-form .form-header.white { background: #fff; color: #394041; }

.emi-form { border: 1px solid #424242; padding: 15px; margin-bottom: 15px; }
.emi-form input, .emi-form input:focus, .emi-form .custom-select, .emi-form .custom-select:focus { background: rgba(255,255,255,0.05); border: 0; height: 36px; color: #fff; }
.emi-form input::placeholder { color: #626262; }
.emi-form .form-group { margin-bottom: 10px; }
.emi-form label { font-size: 14px; color: #c8c8c8; }
.emi-form .btns { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 10px; }
.emi-form button { height: 36px; }

.side-props { width: 100%; height: fit-content; margin-bottom: 15px; }
.side-props .prop-img { width: 100%; border-radius: 7px; overflow: hidden; object-fit: cover; position: relative; margin-bottom: 10px; }
.side-props .prop-img::after { content: ''; display: block; padding-top: 80%; position: relative; }
.side-props .prop-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; }
.side-props .prop-img:hover img { transform: scale(1.1); }
.side-props h4 { width: 100%; font-size: 17px; font-weight: 500; color: #252a2b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.side-props p { width: 100%; font-size: 13px; font-weight: 400; line-height: 17px; color: #5c6566; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0px; }
.side-props a.props { font-size: 13px; font-weight: 500; color: #252a2b; text-decoration: none; margin-bottom: 10px;}
.side-props .budget { font-size: 15px; font-weight: 600; color: #ec894d; }

.xplore-card { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; cursor: pointer; }
.xplore-card .xplore-img { width: 40%; margin-right: 15px; border-radius: 10px; overflow: hidden; object-fit: cover; position: relative; }
.xplore-card .xplore-img::after { content: ''; display: block; padding-top: 100%; position: relative; }
.xplore-card .xplore-img img { min-width: 100%; min-height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; }
.xplore-card .xplore-img:hover img { transform: scale(1.1); }
.xplore-card .xplore-txt { width: calc(60% - 15px); display: block; }
.xplore-card h4 { font-size: 16px; line-height: 24px; font-weight: 600; color: #252a2b; margin-bottom: 6px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xplore-card p { font-size: 14px; line-height: 20px; font-weight: 400; color: #484e50; margin-bottom: 0; }
.xplore-card i { font-size: 18px; margin-right: 5px; color: #ec894d; }
.xplore-card .xplore-more { font-size: 14px; font-weight: 600; color: #ec894d; margin-top: 10px; cursor: pointer; }

.owl-xplore { position: relative; margin-bottom: 30px; }
.owl-xplore .owl-nav { width: 100%; position: absolute; top: calc(50% - 34px/2); margin: 0; }
.owl-xplore .owl-nav button.owl-prev, .owl-xplore .owl-nav button.owl-next,
.owl-xplore .owl-nav button.owl-prev:focus, .owl-xplore .owl-nav button.owl-next:focus,
.owl-xplore .owl-nav button.owl-prev:hover, .owl-xplore .owl-nav button.owl-next:hover { position: absolute; width: 34px; height: 34px; padding: 0; background: rgba(255,255,255,0.7); border: 1px solid #ec894d; outline: 0; box-shadow: none; border-radius: 50%; padding: 0; }
.owl-xplore .owl-nav button.owl-prev span, .owl-xplore .owl-nav button.owl-next span { height: 30px; line-height: 30px; font-size: 30px; color: #ec894d; }
.owl-xplore .owl-nav button.owl-prev { left: -17px; }
.owl-xplore .owl-nav button.owl-next { right: -17px; }

.detail-navs { width: 100%; height: auto; background: #252a2b; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; padding: 10px 0; margin-bottom: 20px; }
.detail-navs a.nav { font-size: 16px; font-weight: 500; line-height: 18px; color: #fff; text-decoration: none; padding: 0 15px; position: relative; }
.detail-navs a.nav i { margin-right: 10px; }
.detail-navs a.nav span { margin-right: 5px; }
.detail-navs a.nav::after { content: ''; width: 1px; height: 25px; position: absolute; background: #fff; transform: translateY(-50%); right: 0px; top: 50%; }
.detail-navs a.nav:last-child::after { display: none; }
@media screen and (max-width: 768px) {
  .detail-navs a.nav { font-size: 13px; font-weight: 400; line-height: 16px; justify-content: center; }
  .detail-navs a.nav span { display: none; }
  .detail-navs a.nav i { margin-right: 4px; }
  .detail-navs a.nav::after { height: 18px; }
}

.list-head { width: fit-content; height: 40px; padding: 0 15px; border: 1px solid #ec894d; border-radius: 5px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 5px; }
.list-head img { width: 22px; margin-right: 10px; }
.list-head p { font-size: 14px; font-weight: 500; color: #111; margin-bottom: 0; line-height: 18px; }

ul.detail-list { padding-left: 17px; margin-bottom: 20px; }
ul.detail-list li { font-size: 14px; font-weight: 400; line-height: 19px; padding: 8px 0; border-bottom: 1px solid #dadada; transition: all 0.3s ease-in-out; }
ul.detail-list li:hover { border-bottom: 1px solid #ec894d; }

.video-frame { width: 100%; border: 1px solid #dadada; padding: 15px; object-fit: contain; position: relative; z-index: 1; margin-bottom: 20px; }
.video-frame::after { content: ''; display: block; padding-top: 50%; position: relative; z-index: -1; }
.video-frame iframe { width: calc(100% - 30px); height: calc(100% - 30px); object-fit: contain; object-position: center center; position: absolute; top: 15px; left: 15px; z-index: 2; }
@media screen and (max-width: 768px) {
  .video-frame { padding: 8px; }
  .video-frame::after { padding-top: 90%; }
  .video-frame iframe { width: calc(100% - 16px); height: calc(100% - 16px); top: 8px; left: 8px; }
}

.accordion { margin-bottom: 20px; }
.accord-group .accord-head { width: 100%; background: #ec894d; font-size: 17px; font-weight: 600; color: #fff; padding: 8px 15px; }
.accord-group .accord-head span { display: inline-block; width: 22px; height: 22px; border: 1px solid #fff; line-height: 20px; text-align: center; margin-right: 15px; }
.accord-group .collapse { border: 1px solid #dadada; padding: 15px; }
.accord-group .collapse img { width: 100%; margin-bottom: 15px; }

.accord-head.collapsed span.minus { display: none; }
.accord-head.collapsed span.plus { display: inline-block; }
.accord-head span.plus { display: none; }
.accord-head span.minus { display: inline-block; }

.breadcrumb { background: #fff; padding: 15px 0; margin: 0; }
.bc-area { width: 100%; border-bottom: 1px solid #ec894d; }
.breadcrumb-item { font-size: 14px; }
.breadcrumb-item a { text-decoration: none; color: #ec894d; }
.breadcrumb-item+.breadcrumb-item::before { content: ''; background: url(../images/select-down.png) no-repeat center center; width: 12px; background-size: contain; transform: rotate(-90deg); padding: 0; position: relative; left: -8px; }

@media screen and (max-width: 768px) {
  .breadcrumb { padding: 8px 0; }
  .breadcrumb-item { font-size: 12px; }
  .breadcrumb-item+.breadcrumb-item::before { width: 8px; }
}

/* .gallery-modal { width: 90%; height: calc(100vh - 100px); background: #fff; border-radius: 15px; position: fixed; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 1500; visibility: hidden; }
.gallery-modal.show, .modal-back.show { visibility: visible; }
.modal-back { width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); position: fixed; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 1450; visibility: hidden; }
.gallery-modal .custome-container { width: 100%; height: calc(100vh - 150px); position: relative; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; }
.gallery-modal .custome-container .left-content { width: 325px; display: block; padding: 5px 15px 5px 5px; border-right: 1px solid #e4e4e4; }
.gallery-modal .custome-container .right-content { width: calc(100% - 325px); display: flex; align-items: center; justify-content: center; padding: 15px; }

nav.gallery-tab .nav-tabs { width: 100%; background: #394041; height: 50px; border-radius: 15px 15px 0 0; border: 0; }
nav.gallery-tab .nav-tabs a.nav-link { border-left: 0; border-right: 1px solid #5b6364; border-top: 0; border-bottom: 0; font-size: 16px; font-weight: 400; color: #f5f5f5; padding-top: 13px; }
nav.gallery-tab .nav-tabs a.nav-link.active { background: transparent; color: #ec894d; font-weight: 500; }

.tab-pane { width: 100%; position: relative; }

.gallery-modal h4 { display: block; width: 100%; font-size: 20px; margin: 10px 0; }

.gallery {
    width: 100%; */
    /* max-width: 620px;
    margin: 40px auto; */
  /* }
  .gallery-slider {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }
  .gallery-slider .swiper-slide {
    width: auto;
    height: 500px;
    position: relative;
  }
  .gallery-slider .swiper-slide img, .gallery-slider .swiper-slide iframe {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
  }
  .gallery-slider .swiper-slide iframe {
    width: 100%;
    height: 500px;
  }
  .gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
  .gallery-thumbs .swiper-wrapper {
    width: 100%; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 4px; flex-wrap: wrap; overflow: hidden; transform: none !important; transition-duration: none !important;
  }
  .gallery-thumbs .swiper-slide { */
    /* width: 100px;
    height: 100px; */
    /* width: calc(50% - 2px);
    height: 100px;
    text-align: center;
    overflow: hidden;
    opacity: 0.5;
  }
  .gallery-thumbs .swiper-slide-active {
    opacity: 1;
  }
  .gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
  } */

  
/* .swiper-container-pointer-events {
    touch-action: none !important;
}

.gallery-thumbs .swiper-container {
    margin-left: 0 !important;
    margin-right:  0 !important;
} */

.gallery-img { width: 100%; height: fit-content; object-fit: cover; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 15px; }
.gallery-img::after { content: ''; display: block; width: 100%; padding-top: 60%; position: relative; left: 0; top: 0; z-index: -1; }
.gallery-img img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center center; left: 0; top: 0; }
.gallery-img .overlay { width: 100%; height: 100%; background: transparent; /*background: #b8e8fc54;*/ position: absolute; left: 0; top: 0; cursor: pointer; transition: all 0.3s ease-in-out; }
.gallery-img .overlay:hover { background-color: #000000ab; }
.gallery-img .overlay:hover::after, .gallery-img .overlay2:hover::after { content: ''; width: 31px; height: 31px; background: url(../images/icon-zoom.png) no-repeat center center; background-size: 100% 100%; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }

#v360, #videos, #images { display: none; margin-bottom: 30px; }

.bhk-row { width: 100%; height: auto; display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 20px; flex-wrap: wrap; }
.bhk-row .bhk-block { width: calc((100% - 40px) / 3); display: block; }
.bhk-block .block-head { font-size: 18px; font-weight: 500; color: #fff; text-align: center; background: #4b5557; padding: 15px 0; position: relative; }
.bhk-block .block-head::before, .bhk-block .block-head::after { content: ''; width: 10px; height: 29px; background: url(../images/calendar-ring.png) no-repeat center center; background-size: 100% 100%; position: absolute; left: 15%; bottom: -14px; }
.bhk-block .block-head::after { left: auto; right: 15%; }
.bhk-block .block-body { background: #fff; text-align: center; padding: 20px 0 10px; }
.bhk-block p { font-size: 16px; font-weight: 500; color: #525252; margin-bottom: 0; }
.bhk-block hr { margin: 20px 0; border-color: #949494; }
.bhk-block button.btn-block { width: fit-content; height: 40px; background: #252a2b; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 0 15px; margin: 20px auto 0; }
@media screen and (max-width: 768px) {
  .bhk-row .bhk-block { width: 100%; }
}

.nav-tabs.prop { border: 0; gap: 10px; flex-wrap: wrap; }
.nav-tabs.prop a.nav-link { font-size: 14px; font-weight: 400; text-align: center; background: #fff; border: 1px solid #ec894d; border-radius: 5px; padding: 8px 15px; text-decoration: none; color: #111; }
.nav-tabs.prop a.nav-link.active { background: #ec894d; color: #fff; }
.tab-content.prop .tab-pane { border-radius: 10px; border: 1px solid #dadada; overflow: hidden; margin: 15px 0 20px; }
.tab-content.prop img { width: 100%; }

.ament-row { width: 100%; background: #f5f5f5; padding: 15px; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex-wrap: wrap; gap: 25px; margin: 40px 0; }
.ament-box { width: calc((100% - 125px) / 6); text-align: center; }
.ament-box .icon { width: 100px; height: 100px; background-color: #fff; border: 3px solid #ec894d; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto 15px; transition: ease all 0.5s; }
.ament-box .icon:hover { border-radius: 0; }
.ament-box .icon img { width: 61px; height: 61px; }
.ament-box .txt { font-size: 14px; font-weight: 400; line-height: 16px; color: #000; }
@media screen and ( max-width: 768px) {
    .ament-row { gap: 15px; padding: 15px 10px; }
    .ament-box { width: calc((100% - 30px) / 3); }
    .ament-box .icon { width: 80px; height: 80px; }
    .ament-box .icon img { width: 45px; height: 45px; }
    .ament-box .txt { font-size: 12px; }
}
.home-heading { width: 100%; padding: 0 15%; text-align: center; }
@media screen and ( max-width: 768px) {
  .home-heading { padding: 0; }
}