.multi-level-menu-wrapper{margin:auto;overflow:hidden;transition: auto;}
.multi-level-menu-wrapper ul{list-style-type:none;padding:0;margin:0}
.multi-level-menu-wrapper ul li{border-bottom: 1px solid #cdcdcda6;}
.multi-level-menu-wrapper ul li:hover{cursor:pointer}
.multi-level-menu-wrapper ul li a{display:flex;justify-content:flex-start;align-items:center;padding: 30px;text-decoration:none;font-size: 40px;color: #000;font-family: 'Optima-Font';padding-bottom: 9px;padding-top: 9px;/* font-style: italic; */transition: 0.5s all;}
.multi-level-menu-wrapper ul li a .icon{margin-right:10px;height:30px;width:30px;display:flex;justify-content:center;align-items:center}
.multi-level-menu-wrapper ul li.hasSubMenu{/*padding-right:50px;*/position:relative;display: flex;justify-content: flex-start;align-items: center;padding: 15px;text-decoration: none;font-size: 60px;color: #000;font-family: 'Optima-Font';padding-bottom: 5px;padding-top: 5px;/* font-style: italic; */padding-left: 0px;}
/*.multi-level-menu-wrapper ul li.hasSubMenu .trigger{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;height:100%;width:50px}*/
.multi-level-menu-wrapper .mainMenu,.multi-level-menu-wrapper .subMenu{background-color:var(--backgroundColor);visibility: hidden;}
.multi-level-menu-wrapper .subMenu{position:absolute;top: 0px;bottom:0;left: 0;width:300px;margin:auto;transition:all ease-in-out .5s;background-color: #ffffff;width: 45%;display: none;padding-top: 50%;padding-left: 30px;}
.multi-level-menu-wrapper .subMenu .backTrigger{display:flex;justify-content:flex-start;align-items:center;padding: 26px;text-decoration:none;font-family: 'Lato';color: #000;font-size: 24px;padding-left: 0px;}
.multi-level-menu-wrapper .subMenu .backTrigger:hover{cursor:pointer}
.multi-level-menu-wrapper .subMenu .backTrigger .icon{margin-right:10px}
.multi-level-menu-wrapper .subMenu.active{left:0;display: block;padding-top: 8%;}
.multi-level-menu-wrapper.sidebar-visible {z-index: 92;/* padding-top: 10px; */display:block;visibility: visible;padding-right: 40px;height: 100%;width: 100%;}
.multi-level-menu-wrapper .menu-arrow-icon {width: auto;height: 32px;filter: invert(1);}
.trigger {display: flex;align-items: center;justify-content: space-between;padding-right: 15px;}
.multi-level-menu-wrapper .subMenu .backTrigger img {padding-right: 10px;}
.multi-level-menu-wrapper .logo-menu {text-align: center;border-bottom: 1px solid #c9c9c9;padding-bottom: 10px;}
.multi-level-menu-wrapper .logo-menu h4 {font-size: 18px;font-family: 'Roboto-Medium';}
.multi-level-menu-wrapper .social-media-icon-flex{display:flex;color:#fff;justify-content:center}
.multi-level-menu-wrapper .social-media-icon-flex-top{margin-top:auto;position:absolute;bottom:0;width:100%;color: #fff;background-color: #000;text-align: center;padding-top: 5px;}
.multi-level-menu-wrapper .social-media-icon{filter:invert(1);width:auto;height: 16px;}
.multi-level-menu-wrapper .social-ul-heading {font-size: 14px;}
.multi-level-menu-wrapper .content-menu-top {position: absolute; bottom: 73px;padding-bottom: 10px; text-align: center;width: 100%;border-top: 1px solid #c9c9c9;padding-top: 10px;font-family: 'Roboto-Medium';}
.multi-level-menu-wrapper .mainMenu ul {padding-left: 40px;}
.multi-level-menu-wrapper .content-menu-top a {color: #000;text-decoration: none;font-size: 16px;}
.fixed-menu-sidebar{position:fixed;z-index: -1;bottom: 0;left:0;width: 65%;/* overflow: hidden; *//* visibility: hidden; */height: 0px;}
.menu-side-banner-section{width: 55%;margin-right: 0%;position:relative;}
.menubar-banner-img{width:100%;height:100vh;object-fit:cover}
.menu-side-banner-section::after{content:"";position:absolute;top:0;right:0;width: 100%;height:100%;}
.fixed-menu-sidebar.sidebar-visible {/* transform: scale(1); */transition: 0.2s linear;/* visibility: visible; */z-index: 99999999999;background-color: #ffffff;height: 100%;align-items: center;justify-content: left;}
.menu-side-content-section.text-center{/* position:absolute; */top: 0%;left: 10%;color:#fff;z-index:9;width: 100%;height:100%;display: flex;align-items: center;}
.menu-side-content-section.text-center h4{font-size: 65px;text-transform:uppercase;font-family: 'Optima-Font';padding-bottom:10px;letter-spacing: 1px;font-style: italic;}
.menu-side-content-section.text-center p{font-size:20px;font-style:italic;padding-top: 10px;padding-bottom: 15px;}
.menu-side-content-section.text-center .content-para{font-size:14px;font-style:normal;padding-bottom: 20px;}
.menu-side-content-section.text-center .btn-custom-2 { background-color: #fff;color: #000;font-size: 18px;}
.fixed-menu-sidebar .project-box-menu {display: flex;align-items: center;width: 86%;justify-content: space-between;margin: 0px auto;margin-top: 15px;}
.fixed-menu-sidebar .residential-box-menu {width: calc(50% - 25px);border-radius: 5px;position: relative;}
.fixed-menu-sidebar .menu-banner-box-1-img {width: 100%;height: 100%;object-fit: cover;background-color: #fff;padding: 15px;}
.fixed-menu-sidebar .project-box-menu h5 {font-size: 18px;font-style: italic;padding-top: 10px;}
.fixed-menu-sidebar .commerical-box-menu {width: calc(50% - 25px);text-align: center;}
.fixed-menu-sidebar .copyright-content-top{position:absolute;bottom:0;left:0;width:100%;color:#000;background-color:#fff;z-index:9;padding:26px;font-family:'Roboto-Regular';font-size:14px}
.fixed-menu-sidebar a {color: #000;text-decoration: none;}
.fixed-menu-sidebar .close-btn-flex {display: flex;justify-content: space-between;width: 100%;padding-left: 60px;position: relative;top: 50px;padding-right: 60px;z-index: 91;left: 0;}
.fixed-menu-sidebar .close-btn img {width: auto;height: 40px;filter: invert(1);}
.fixed-menu-sidebar .close-btn:hover{cursor:pointer;}
.fixed-menu-sidebar.sidebar-visible  .multi-level-menu-wrapper .mainMenu, .multi-level-menu-wrapper .subMenu {visibility: visible;/* padding-top: 15%; */}
.multi-level-menu-wrapper .mainMenu ul li:last-child , .multi-level-menu-wrapper ul li:last-child {border: none!important;}
.multi-level-menu-wrapper .subMenu .backTrigger img {height: 24px;transform: rotate(180deg);margin-right: 20px;}
.mainMenu {gap: 0px 20px;justify-content: space-between;align-items: center;height: 100%;display: flex;flex-wrap: wrap;align-items: end;}
.multi-level-menu-wrapper .left-menu ul li a {padding: 15px;font-size: 24px;padding-bottom: 15px;padding-top: 15px;}
.multi-level-menu-wrapper .left-menu .menu-arrow-icon {width: auto;height: 19px;filter: invert(1);}
.multi-level-menu-wrapper .left-menu {border-right: 1px solid #fff;}
.multi-level-menu-wrapper ul li a:hover {transform: scale(1);border-bottom: 1px solid #000;}
.menu-left-banner-img {height: 100vh;width: 100%;object-fit: cover;object-position: -53px;}
.side-content-menu-left {padding-right: 60px;}

.multi-level-menu-wrapper .subMenu.active.custom-overflow ul{list-style-type:none;padding:0;margin:0;overflow: hidden;overflow-y:scroll;scrollbar-color:#c18628;height: 40%;padding-bottom: 102px;width:95%}
.multi-level-menu-wrapper .subMenu.active.custom-overflow ul::-webkit-scrollbar{width:10px}
.multi-level-menu-wrapper .subMenu.active.custom-overflow ul::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px;background-color:#fff}
.multi-level-menu-wrapper .subMenu.active.custom-overflow ul::-webkit-scrollbar-thumb{background:#a77d5a;border-radius:10px}

.fixed-menu-sidebar.sidebar-visible::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: #4444448c;
    z-index: -1;
}
.multi-level-menu-wrapper ul li a span{position:relative;margin-right: 43px;}
.multi-level-menu-wrapper ul li a span::after{content:"";position:absolute;width: 50px;height: 50px;border-radius:50%;border:1px solid #a77d5a;top: 7px;left: 7px;}
.fixed-menu-sidebar.sidebar-visible .row.copywright-row p { font-size: 18px;}

.fixed-menu-sidebar svg {
    position: absolute;
    top: 38%;
    right: calc(0% - 101px);
    width: auto;
    height: 201px;
}


.fixed-menu-sidebar button.btn-custom {
    background-color: #a77d5a;
    color: #fff;
    z-index: 1;
    padding: 10px 30px;
    font-size: 17px;
    border:none;
    border-radius:0px;
    /* margin-right: auto; */
    /* display: block; */
    margin: 0px;
}
.fixed-menu-sidebar a.btn-custom-a{
    color: #000000;
    font-size: 20px;
}

.fixed-menu-sidebar .menu-logo-img {
    position: absolute;
    width: auto;
    height: 230px;
    right: 234px;
    bottom: 46%;
    display: none;
    z-index: 999;
}

.multi-level-menu-wrapper .bottom-menu {
    width: 100%;
}

.multi-level-menu-wrapper .bottom-menu {
    padding-left: 60px;
    position: relative;
    bottom: 140px;
    width: 100%;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 40px;
    z-index: 92;
}

.multi-level-menu-wrapper .bottom-menu  a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px;
    text-decoration: none;
    font-size: 22px;
    color: #000;
    font-family: 'Optima-Font';
    padding-bottom: 5px;
    padding-top: 5px;
    /* font-style: italic; */
    /* transition: 0.5s all; */
    padding-left: 10px;
}

.multi-level-menu-wrapper .bottom-menu li.hasSubMenu {
    list-style: none;
}

.multi-level-menu-wrapper .bottom-menu li {
    list-style: none;
}

.bottom-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.bottom-menu ul {
    padding-left: 0px!important
}

.bottom-menu ul li{border:none;}

.multi-level-menu-wrapper .right-menu {
    padding-top: 0px;
}



.multi-level-menu-wrapper .social-media-ul ul{display:flex;align-items:center;gap:0 66px;width:100%;justify-content:space-between}
.multi-level-menu-wrapper .social-media-ul ul li img{width:auto;height:35px;opacity: 0.7;}
.multi-level-menu-wrapper .social-media-ul{width: 100%;margin:0 auto;margin-top: 34px;padding-right: 210px;}
.multi-level-menu-wrapper .social-media-ul ul li:nth-of-type(2){border: 1px solid #4c4c4c;border-radius:50%;width: 100px;height: 100px;line-height:80px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;padding: 20px;}
.multi-level-menu-wrapper .social-media-ul ul li:nth-of-type(2)::after{content:"";position:absolute;top: -76px;left:50%;transform:translate(-50%,50%);width:1px;height:40px;background-color: #4c4c4c;}
.multi-level-menu-wrapper .social-media-ul ul li a {padding: 0px;}
.multi-level-menu-wrapper .inside-menu {width: 40%;display: flex;justify-content: space-between;}
.fixed-menu-sidebar.sidebar-visible .menu-logo-img {display: block;}
.fixed-menu-sidebar .row.copywright-row {position: absolute; bottom: 35px; width: 100%;padding-left: 70px; padding-right: 80px;display:none;}
.fixed-menu-sidebar.sidebar-visible .row.copywright-row {position: absolute; bottom: 35px; width: 100%;padding-left: 70px; padding-right: 80px;display:flex;}
.right-arrow-img {width: auto;height: 38px;}



@media(max-width:1600px){
.multi-level-menu-wrapper.sidebar-visible {
    padding-left: 25px;
}
.menu-side-banner-section {width: 50%;}
.multi-level-menu-wrapper ul li a {font-size: 30px;padding-top: 0px;}
.multi-level-menu-wrapper .menu-arrow-icon { height: 25px;}
.multi-level-menu-wrapper .left-menu { padding-right: 50px;}
}

@media(max-width:1366px){
    .multi-level-menu-wrapper ul li a {font-size: 27px;padding-left: 0px;}
    .multi-level-menu-wrapper ul li a {font-size: 24px;padding-left: 0px;}
    .multi-level-menu-wrapper .left-menu {padding-right: 34px;}
}

@media(max-width:700px){

    .menu-side-banner-section {width: 50%; display: none;}
    .multi-level-menu-wrapper.sidebar-visible {width: 100%!important;padding-left: 20px;padding-right: 20px;}
    .multi-level-menu-wrapper .left-menu {padding-right: 15px;}
    .multi-level-menu-wrapper ul li a {padding: 7px;font-size: 22px;padding-left: 0px;}
    .multi-level-menu-wrapper .left-menu ul li a { padding: 15px;font-size: 20px;}
    .fixed-menu-sidebar .close-btn img { height: 35px;}
    .multi-level-menu-wrapper .subMenu {padding-left: 20px;}

}

.scroll-heading-menu{display:none;}



@media(max-width:1600px){
    
    .multi-level-menu-wrapper .right-menu {padding-top: 1px;}
    .fixed-menu-sidebar .menu-logo-img {height: 178px;right: 160px;bottom: 46%;z-index: 999;}
    .multi-level-menu-wrapper .mainMenu ul {padding-left: 0px;}
    .fixed-menu-sidebar .close-btn-flex {width: 100%;padding-left: 0px;top: 27px;padding-right: 0px;z-index: 91;}
    .fixed-menu-sidebar button.btn-custom {background-color: #a77d5a;padding: 7px 27px;font-size: 15px;}
    .multi-level-menu-wrapper .inside-menu {width: 45%;}
    .fixed-menu-sidebar svg {
    position: absolute;
    top: 38%;
    right: calc(0% - 77px);
    width: auto;
    height: 153px;
    }
    .fixed-menu-sidebar.sidebar-visible .row.copywright-row {bottom: 35px; width: 100%;padding-left: 25px; padding-right: 20px;display: flex;}
    .fixed-menu-sidebar a.btn-custom-a {font-size: 17px;}
    .multi-level-menu-wrapper ul li a span::after { width: 40px; height: 40px; top: 1px;left: 7px;}
    .multi-level-menu-wrapper .bottom-menu a {font-size: 19px;}
    .fixed-menu-sidebar svg {top: 34%;}
    .multi-level-menu-wrapper ul li a span { margin-right: 25px;}
    .multi-level-menu-wrapper .social-media-ul ul li img {height: 29px;}
    .multi-level-menu-wrapper .social-media-ul {width: 100%;margin: 0 auto;margin-top: 21px;padding-right: 98px;}
    .fixed-menu-sidebar.sidebar-visible .row.copywright-row p {font-size: 15px;}
  .multi-level-menu-wrapper .bottom-menu {padding-left: 22px; bottom: 118px;width: 100%;padding-bottom: 12px;}
  .multi-level-menu-wrapper .right-menu {margin-bottom: 34px;}
  .multi-level-menu-wrapper .social-media-ul {margin-top: -3px;padding-right: 92px;}


    
}


@media(max-width:1366px){
    
.multi-level-menu-wrapper .bottom-menu { padding-left: 10px;}
.multi-level-menu-wrapper .right-menu {padding-left: 20px;}
.multi-level-menu-wrapper .right-menu {  margin-bottom: 70px;}
.multi-level-menu-wrapper .social-media-ul {margin-top: 18px;}
.multi-level-menu-wrapper .social-media-ul ul li:nth-of-type(2) { width: 85px;height: 85px;}
.multi-level-menu-wrapper .social-media-ul { padding-right: 101px;}
.multi-level-menu-wrapper .subMenu.active.custom-overflow ul {height: 40%;padding-left: 4px;}
.multi-level-menu-wrapper .subMenu .backTrigger { padding: 20px;font-size: 19px;}

}


@media(max-width:1280px){
    .fixed-menu-sidebar.sidebar-visible .row.copywright-row p {
        font-size: 14px;
    }
}

@media(max-width:768px){

.multi-level-menu-wrapper.sidebar-visible .close-btn {display: none;}
.multi-level-menu-wrapper .inside-menu {display: flex;width: 100%;gap: 10px 0px;}
.multi-level-menu-wrapper .menu-logo-img {display: none!important;}
.fixed-menu-sidebar svg {right: calc(0% - 51px);width: auto;height: 100px;}
.multi-level-menu-wrapper .right-menu {padding-left: 0px;margin-top: 10px;padding-right: 10px;margin-bottom: 0px;height: 269px;}
.fixed-menu-sidebar {width: 80%;}
.multi-level-menu-wrapper .bottom-menu {padding-left: 0px;/* bottom: 175px; */width: 100%;padding-bottom: 12px;display: grid;}
.mainMenu { align-items: center;}
.multi-level-menu-wrapper .social-media-ul {margin-top: 3px;}
.multi-level-menu-wrapper .social-media-ul ul li img {height: 22px;}
.multi-level-menu-wrapper .social-media-ul ul li:nth-of-type(2) {width: 60px;height: 60px;}

.fixed-menu-sidebar.sidebar-visible .row.copywright-row .col-sm-12.col-md-6.col-lg-6.text-right {text-align: left!important;margin-top: 10px;}
.fixed-menu-sidebar .left-menu-bottom-box {margin-bottom: 70px;margin-top: 5px;}
.fixed-menu-sidebar .bottom-menu {justify-content: unset;position: unset;margin-top: 66px;border: none;}
.multi-level-menu-wrapper .social-media-ul { padding-right: 0;}
.fixed-menu-sidebar.sidebar-visible .row.copywright-row {bottom: 57px;width: 100%;padding-left: 20px;padding-right: 10px;display: none;}

.fixed-menu-sidebar .ivr-number-insidemenu {background-color: #000; color: #fff!important;padding: 5px 10px;margin-bottom: 20px;}
.fixed-menu-sidebar a.btn-custom-a {font-size: 14px;}
.fixed-menu-sidebar .homePage-link {font-size: 15px!important;}
.multi-level-menu-wrapper .bottom-menu a {font-size: 16px;}
.multi-level-menu-wrapper .social-media-ul ul li:nth-of-type(2)::after {top: -55px;left: 50%; height: 27px;}
.multi-level-menu-wrapper .subMenu { width: 100%;}
.multi-level-menu-wrapper .subMenu .backTrigger {font-size: 18px;}
.fixed-menu-sidebar.sidebar-visible .multi-level-menu-wrapper .mainMenu, .multi-level-menu-wrapper .subMenu {height: 570px;}
.multi-level-menu-wrapper .subMenu.active {padding-top: 16%;top: 0px;height: 100%;}
.multi-level-menu-wrapper .subMenu .backTrigger {padding: 15px;font-size: 19px;padding-bottom: 10px;padding-top: 28px;padding-left: 0px;}

.scroll-heading-menu {text-align: left;padding-left: 6px;padding-top: 5px;margin-bottom: 20px;display: block; color: #a77d5a;}
.fixed-menu-sidebar svg { top: 43%;}

.multi-level-menu-wrapper.sidebar-visible .close-btn {display: block;margin-right: 20px;}
.btn-custom-a.ivr-number-insidemenu { display: none;}
.fixed-menu-sidebar .homePage-link {font-size: 16px !important;}
.multi-level-menu-wrapper .subMenu .backTrigger img { padding-right: 0px;}
.multi-level-menu-wrapper .subMenu.active.custom-overflow ul {height: 190px;padding-left: 4px;}

}