/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.site-header { position:absolute;top: 0; right: 0;left: 0;z-index: 1030;  padding: 20px 0px;background: -moz-linear-gradient(bottom, transparent 5%, #000 100%); background: -webkit-linear-gradient(bottom, transparent 5%, #000 100%); background: linear-gradient(to top, transparent 5%, #000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );} 
.site-header .navbar .nav-item  a{color: #fff; font-weight:500;text-transform: uppercase;font-size: 13px;}
.site-header .navbar .nav-item  a:hover{color:#DFBD63;}
.logo1{ margin-left:55px;}
.logo1 img, .sideNavbar_header .img-fluid{ width:150px}
.footerlogo img {width:160px }

/*#########________HAMBURGER MENU BUTTON START________#########*/
.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #fff; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #fff;}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}
.site-header .hamburger-menu{transform-origin: center;}
.site-header .hamburger-menu:hover img{transform: rotate(90deg) scaleX(0.7);}

@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}
 
/*----offcanvas menu css----*/
.offcanvas-start{transition: transform 0.7s ease; background-color:#FBFAF7; width: 40%!important;} 
.offcanvas-start .btn-close{background-color: #fff; border-radius: 0; height:2rem; width:2rem;} 
.offcanvas-body {padding: 10px 40px; }
.off_logo{ margin-left: 27px;}
.menu-links-block .h6{ text-transform: uppercase;font-size: 19px;} 
.menu-links-block a{font-size: 16px;color: #666;line-height: 35px;}
.menu-links-block a:hover{color:#000}


/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color: rgba(0, 0, 0, .6); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.site_header .isFixed .navbar-brand .logo {width: 135px;}
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}


/*------sideNavbar CSS NEW--------*/
.darkbackdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000e8;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);z-index: 8;display: none;}
body.menuIsOpen .darkbackdrop {display: block;}
.sideNavbar { padding-left: 70px;transform: translate(-100%, 0);height: 100vh; width: 100%;background-color: #0d0d0de6;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);position: fixed;left: 0;top: 0;transition: transform 500ms ease;z-index: 2000;}
body.scrolled .site-header {padding-top: 16px;padding-bottom: 16px;background-color: rgba(0, 0, 0, 0.8); -webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
body.menuIsOpen {overflow: hidden;}
body.menuIsOpen .sideNavbar {transform: translate(0, 0);}
.sideNavbar .logo-sybmol {position: absolute;width: 70px;left: 0;top: 0;bottom: 0;text-align: center;display: flex;
align-items: center;justify-content: space-between;background-color: #191919;padding: 25px 15px;flex-direction: column;flex-wrap: nowrap;}
.sideNavbar .logo-sybmol img.logosymbol {width: auto;height: 50px;}
.sideNavbar .logo-sybmol .social img {width: auto;height: 110px;}
.sideNavbar .sideNavbar_header {padding: 30px 40px;}
.sideNavbar .sideNavbar_header h3 {color: #fff;margin: 0;display: flex;width: 100%;align-items: center;justify-content: space-between;font-size: 26px;font-weight: 500;text-transform: uppercase;}
.sideNavbar .sideNavbar_header h3 .navclose {cursor: pointer;height: 40px;width: 40px; background-color: #494949;text-align: center;display: flex;justify-content: center;align-items: center;padding: 5px;transition: all 200ms ease-in-out;}
.sideNavbar .sideNavbar_header h3 .navclose img {transition: all 200ms ease-in-out;}
.sideNavbar .sideNavbar_header h3 .navclose:hover { background-color: #686868;border-radius: 100px;font-size: 16px;}
.sideNavbar .navbar-content {display: flex;padding-right: 30px;}
.sideNavbar .navbar-slider {padding-right: 70px;margin-top: -20px; }
.sideNavbar .navbar-slider img { width: 100%;height: auto;}
.sideNavbar .sideNavbar_body {padding: 0px 40px 20px;overflow-y: auto;flex-shrink: 0;min-width: 340px;}
.sideNavbar .sideNavbar_body::-webkit-scrollbar {width: 5px;height: 5px;}
.sideNavbar .sideNavbar_body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 10px;border-radius: 10px;}
.sideNavbar .sideNavbar_body::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(255, 255, 255, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
.sideNavbar .sideNavbar_body::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3);}
.sideNavbar .sideNavbar_body .navlinks-block { padding-bottom: 25px;}
.sideNavbar .sideNavbar_body .navlinks-block ul { padding: 0;margin: 0;}
.sideNavbar .sideNavbar_body .navlinks-block ul li {list-style: none; padding-top: 5px;padding-bottom: 5px;}
.sideNavbar .sideNavbar_body .navlinks-block ul li a {color: #ffffffa3;text-decoration: none;font-family: "Urbanist", sans-serif;font-size: 32px;letter-spacing: 0.5px;display: block;font-weight: 300;line-height: 1.4;transition: all 200ms ease-in-out;}
.sideNavbar .sideNavbar_body .navlinks-block ul li a:hover {color: #fff;}
.site-header {position: fixed;left: 0;right: 0;top: 0; padding-top: 32px;padding-bottom: 32px;transition: all 200ms ease;}
.site-header .row {display: flex;align-items: center;}
.site-header .col {width: 33.33%;display: flex;align-items: center;}
.site-header .hamburger-menu {width: 32px;height: 21px;display: inline-flex;flex-direction: column;justify-content: space-between;}
.site-header .hamburger-menu span { width: 100%;height: 1px;background-color: #fff;}
.site-header .header-logo-col {text-align: center;justify-content: center;}
.site-header .header-logo {text-align: center;}



/*#####################__________HERO Banner SECTION __________########################*/
.banner-section{background-color: #000;}
.banner-container{height:100vh; width: 100%; background-size:cover; background-position:center top }
.banner-container .banner-content{display: flex;height: 100%; flex-direction: column;justify-content: center;}
.banner-container .banner-content .banner-content-in{max-width:550px; margin-top: -80px; }
.banner-container  .banner-content-in h2 {font-size: 38px; font-family: "Urbanist", sans-serif; color: #fff; font-weight: 400; letter-spacing: 0.5px;}
.swiper-slide-active .banner-content-in { animation: fadeInRight 1s ease forwards; transition: opacity 0.5s ease, filter 0.5s ease;}
@keyframes fadeInRight {
  0% {opacity: 0;transform: translateX(100px);}
  100% {opacity: 1;transform: translateX(0);filter: blur(0); }
}

/*------------------project-listing PAGE CSS------------------*/
.inner-banner-top{height: 660px; background-size: cover;position: relative;background-position: center center;}
.inner-banner-top:before{content: "";background-color: rgb(0 0 0 / 40%);display: block;left: 0;top: 0;right: 0;bottom: 0;position: absolute;}
.inner-banner-top .main-content {text-align: center;display: flex; height: 100%; flex-direction: column; justify-content: center;}
.project-banner-content{position: relative;z-index: 1;}
.project-banner-content .banner-title{ font-size:38px; font-weight:300; text-transform:uppercase; letter-spacing:5px;background:linear-gradient(to bottom, #DFBD63, #e2c16a, #ebce83, #f8e3aa, #ffffff); -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}


.listing_warp .cat_name{ letter-spacing:2px}
.listing_warp .p-location{color:#444; font-size:15px; font-weight:400}
.listing_warp .proj-text{font-size:16px; font-weight:300; margin-top:8px; margin-bottom:15px}
.vertical-text {left: -30px;position: absolute;top: 7px;}