:root {
--body-color1:#014043;
  --body-color2:#014043;
  --body-color3:#ae7b1f;
  --body-color4:#c9ab79;
  --body-color5:#c39e69;
  --body-color5:#0c2647;
  --body-color6:#007fc8;
  --body:#3f3f3f;

 --head-font: "Quicksand", sans-serif;
 --body-font: "Quicksand", sans-serif;


 
 }



 

 
body{
font-family: var(--body-font);
  color: var(--body);
  text-align: justify;
  line-height: 32px;
font-size: 16px;
letter-spacing:0px;
}

h1, h2, h3, h4, h5 {
  font-family: var(--head-font); }

  a:focus, a:hover, a:active {
      outline: none !important;
      box-shadow: none !important; }

      
.container {
  max-width: 1225px;
  width: 100%; }

  img {
      display: block; }


      #hm{
        -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
        
            }
        
        #hm.sticky {
              position:fixed; top:0; z-index:1998; width:100%; border-bottom: 1px solid rgb(233, 232, 232); 
              background: #fff; 
              animation: drop-in 1s ease 200ms backwards;
            } 
           
            #hm.sticky .top-div1{padding-top: 4px; padding-bottom: 10px;border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;}
            #hm.sticky .logo-div img{width: 60%; padding-top: 5px;}

  @keyframes drop-in {
      from {
       opacity: 0;
       transform: translateY(-100px);
      }
      to {
       opacity: 1;
       transform: translate(0px);
      }
     }

     
     .top-div1{padding-top: 10px; padding-bottom: 15px; position: relative; z-index: 1000;border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;box-shadow: 0 0 12px rgb(0 0 0 / 42%);
    background: #fff;}


     
     
 

     .offcanvas.offcanvas-top{padding: 0;
      margin: 0;
      width: 100% !important;
      height: 100% !important;
      }
     .menu-div .navbar, .menu-div1 .navbar {
      padding: 0px;
      margin-left: 0px; }

      .menu-div .navbar-light .navbar-nav .nav-item .nav-link {
        
          padding: 6px 22px;
          line-height: 22px;
          font-size: 15px;
          font-weight: 400;
          position: relative;
          margin-right: 5px;
          text-align: center;
          color: #363636;
          font-weight: 600;
         text-transform: capitalize;
         
          border-radius: 0;
          background: url(../images/menu-right.png) no-repeat top 14px right;
      
    }


    .navbar-expand-md .navbar-nav .dropdown-menu{background: none !important;}



   @media (min-width: 770px) {
    .menu-div .navbar  .dropdown-menu, .menu-div1 .navbar  .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; padding: 0px;  } 
    .menu-div .navbar .dropdown-menu.fade-up, .menu-div1 .navbar .dropdown-menu.fade-up{ top:180%;   transform: scale(0.5, 0.5); background: #13a0e6; }
   .menu-div .navbar .nav-item:hover .d1, .menu-div1 .navbar .nav-item:hover .d1{ transition: .7s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
   .menu-div .navbar  .dropdown-menu:hover .dropdown-submenu .dropdown-menu, .menu-div1 .navbar  .dropdown-menu:hover .dropdown-submenu .dropdown-menu{display: block; opacity: 0;  visibility: hidden; transition:.7s; margin-top:0; padding: 0px;  width: 100%;} 


.menu-div .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu.fade-up, .menu-div1 .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu.fade-up{ top:0%;    }
.menu-div .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu,   .menu-div1 .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu{transition: .7s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);}
}
 
    
 .dropdown-menu {
  min-width: 250px;
}
.dropdown-menu.columns-2 {
  min-width: 500px;
  margin-left: 0;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
 
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #999;
}

@media (max-width: 769px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}
   

    .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link {
      color: var(--body-color1);
      
     
     
     
      
       }
    
       .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link.dropdown-toggle, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link.dropdown-toggle{color: var(--body-color1);} 



       .menu-div .navbar-expand-lg .navbar-nav .dropdown-menu, .menu-div1 .navbar-expand-lg .navbar-nav .dropdown-menu {
          background: none;
          width: 100%;
          padding-top: 0px;
          padding-bottom: 0px; }
        
        .menu-div .dropdown-item, .menu-div1 .dropdown-item {
          color: #000;
          border: 1px solid #ddebe5;
          font-size: 13px;
         
          padding-top: 5px;
          padding-bottom: 5px;
          background: var(--body-color2) !important;
          color: #fff;
          font-weight: 400; }
        
        .menu-div .dropdown-item, .menu-div1 .dropdown-item {
          padding:8px 15px !important; }
        
        .menu-div .dropdown-item:hover, .menu-div .dropdown-item.active, .menu-div1 .dropdown-item:hover, .menu-div1 .dropdown-item.active {
          color: #fff;
          background: var(--body-color3) !important; }

          .menu-div .dropdown:hover .dropdown-menu, .menu-div1 .dropdown:hover .dropdown-menu {
             
              margin-top: -1px; background: none; margin: 0; padding: 0; }
             


            
             .menu-div .navbar-light .navbar-nav .nav-item .nav-link:after {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              height: 100%;
              width: 1px;
              content: '.';
              color: transparent;
              background: #9ccb3e;
              border-radius: 8px;
              visibility: none;
              opacity: 0;
              z-index: -1;
              transition: all .5s;
             }
             .menu-div .navbar-light .navbar-nav .nav-item .nav-link:hover, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link {
                color: #000 !important;
                background-image: none;
                
             }
           
             .menu-div .navbar-light .navbar-nav .nav-item .nav-link:hover:after, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link:after {
              opacity: 1;
              visibility: visible;
              width: 100%;
             }






                    

                    .menu-div .navbar .nav-item .dropdown-menu {
                      transition: .7s;
                    }

                    


/*example*/
    /* .dropend .dropdown-toggle {
      color: salmon;
      margin-left: 1em;
    }
    .dropdown-item:hover {
      background-color: lightsalmon;
      color: #fff;
    }
    .dropdown .dropdown-menu {
      display: none;
    }
    .dropdown:hover > .dropdown-menu,
    .dropstart:hover > .dropdown-menu {
      display: block;
      margin-top: 0.125em;
      margin-left: 0.125em;
    }
    @media screen and (min-width: 769px) {
      .dropstart:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        right: 100%;
      }
      .dropstart .dropdown-toggle {
        margin-right: 0.5em;
      }
    } */
    
/*example*/



/*example*/
.dropstart .dropdown-toggle {
/* color: salmon;
margin-left: 1em;  */
} 
/* .dropdown-item:hover {
background-color: lightsalmon;
color: #fff;
}
.dropdown .dropdown-menu {

display: block !important;

} 
.dropdown:hover > .dropdown-menu,
.dropstart:hover > .dropdown-menu {
display: block !important;
margin-top: 0.125em;
margin-left: 0.125em;

}  */
@media screen and (min-width: 769px) {
.dropstart:hover > .dropdown-menu {
  position: absolute;
  top: 0;
 right: 100%;
}

.dropstart > .dropdown-menu {
  position: absolute;
  top: 0;
  right: 100%;
}
.dropstartd .dropdown-toggle {
  margin-right: 0em;
}
}  

/*example*/


.banner-div1 {
  position: relative;
  z-index: 2; margin-top: -24px;  }
  .banner-div1 .carousel-item{background: #0d0d0d; }
  .banner-div1 img {
    width: 100%; position: relative; /*opacity: .3;*/ }


    .banner-div1 .carousel-indicators {
      bottom: 0px;
      right: auto;
      margin-left: 2%; }
    .banner-div1 .carousel-indicators li {
      background: var(--body-color2);
      width: 11px;
      height: 11px;
      border-radius: 50%;
      opacity: 1;
      border: 3px solid #5a5a5a; }
    .banner-div1 .carousel-indicators .active {
      width: 11px;
      height: 11px;
      background: #5a5a5a;
      border: 3px solid var(--body-color2) }
    .banner-div1 .carousel-control-next, .banner-div1 .carousel-control-prev {
      top: 0%; }
    .banner-div1 .carousel-control-prev {
      background: url(../images/banner-arrow-left.png) no-repeat left center;
      left: 2%;
      opacity: 1;}
    .banner-div1 .carousel-control-next {
      background: url(../images/banner-arrow-right.png) no-repeat right center;
      right: 2%;
      opacity: 1;
      z-index: 100; }




      .home-div2.carousel-control-next, .home-div2 .carousel-control-prev {
        top: 0%; }
      .home-div2 .carousel-control-prev {
        background: url(../images/banner-arrow-left.png) no-repeat left center;
        left: 2%;
        opacity: 1; width: 5%;}
      .home-div2 .carousel-control-next {
        background: url(../images/banner-arrow-right.png) no-repeat right center;
        right: 2%;
        opacity: 1;
        z-index: 100; width: 5%; }

.home-div2 h1{margin: 0; font-size: 40px; color:var(--body-color1); text-align: center; margin-bottom: 20px; font-family: "Shippori Mincho", serif;}


      #myCarousel2 .carousel-control-next, #myCarousel2 .carousel-control-prev {
          top: 0%; }
          #myCarousel2 .carousel-control-prev {
          background: url(../images/banner-arrow-left.png) no-repeat left center;
          left: 2%;
          opacity: 1; width: 5%;}
          #myCarousel2 .carousel-control-next {
          background: url(../images/banner-arrow-right.png) no-repeat right center;
          right: 2%;
          opacity: 1;
          z-index: 100; width: 5%; }

  
      .banner-div1 .carousel-caption{
  left: 10%;
  text-align: left;
  right: auto;
  top:50%;
  bottom: auto;
  transform: translateX(10%) translateY(-50%);
/* background: rgba(255,255,255,.5);
padding: 10px; */
  width: 40%;
  padding-top: 0;
  
      }
  
      .banner-div1 .carousel-caption h1{color:#171717; font-size: 42px;  font-weight: 400; margin-bottom: 20px; margin: 0; margin-top: 15px; text-transform: uppercase;}
      .banner-div1 .carousel-caption h1 span{color: var(--body-color6); font-size: 60px; font-weight: 600;}
  .banner-div1 .carousel-caption h3{margin: 0; font-size: 17px; color:var(--body-color2); text-transform: uppercase; background: url(../images/caption-icon.png) no-repeat center left; padding-left: 20px;}


.inside-banner img{width: 100%;}
.inside-banner img{margin-top: -25px;}




/*home8*/
.index-div1{padding-top: 75px;padding-bottom: 50px;}
.index-div1 img{display: block;
    margin-left: auto;
    margin-right: auto;}
.index-div1 h3{text-align: center;font-size: 18px;padding-top: 10px;}  
.ind-facility1{background: #fff;box-shadow: 3px 4px 5px #6476c9;border-radius: 45px;padding: 23px 20px;}
.ind-facility2{background: #fff;box-shadow: 3px 4px 5px #f8e174;border-radius: 45px;padding: 23px 20px;}
.ind-facility3{background: #fff;box-shadow: 3px 4px 5px #f287ad;border-radius: 45px;padding: 23px 20px;}
.ind-facility4{background: #fff;box-shadow: 3px 4px 5px #cf65d8;border-radius: 45px;padding: 23px 20px;}
.ind-facility5{background: #fff;box-shadow: 3px 4px 5px #76e15a;border-radius: 45px;padding: 23px 20px;}

.ind-facility1:hover{
    transition: all .5s;
    transform : translateY(-10px);
    -webkit-box-shadow: 0px 0px 5px 0px #6476c9;
    -moz-box-shadow: 0px 0px 5px 0px #6476c9;
}

.ind-facility2:hover{
    transition: all .5s;
    transform : translateY(-10px);
    -webkit-box-shadow: 0px 0px 5px 0px #f8e174;
    -moz-box-shadow: 0px 0px 5px 0px #f8e174;
}

.ind-facility3:hover{
    transition: all .5s;
    transform : translateY(-10px);
    -webkit-box-shadow: 0px 0px 5px 0px #f287ad;
    -moz-box-shadow: 0px 0px 5px 0px #f287ad;
}

.ind-facility4:hover{
    transition: all .5s;
    transform : translateY(-10px);
    -webkit-box-shadow: 0px 0px 5px 0px #cf65d8;
    -moz-box-shadow: 0px 0px 5px 0px #cf65d8;
}

.ind-facility5:hover{
    transition: all .5s;
    transform : translateY(-10px);
    -webkit-box-shadow: 0px 0px 5px 0px #76e15a;
    -moz-box-shadow: 0px 0px 5px 0px #76e15a;
}



.index-div2{padding-top: 30px;padding-bottom: 30px;}
.index-div2 h1{background: url(../images/ab-link.png) no-repeat;font-size: 33px;
    font-weight: 600;
    padding-left: 54px;}
.ind-abt{background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #a4cf4e;
    -moz-box-shadow: 0px 0px 5px 0px rgba(209, 209, 209, 1);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -19%;
    z-index: -10;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 115px;
    padding-left: 50px;
    border-radius: 40px;}

.mob-ind-abt{background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #a4cf4e;
    -moz-box-shadow: 0px 0px 5px 0px rgba(209, 209, 209, 1);
    position: relative;
    top: 15%;
    transform: translateY(-50%);
    z-index: -10;
    padding: 30px;
    border-radius: 40px;}
.mob-ind-abt h1{background: url(../images/ab-link.png) no-repeat;font-size: 33px;
    font-weight: 600;
    text-align: center;background-position: 12% 70%;}

.mob-index-div2{display: none;}

.ind-abt1 img{display: block;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #9ccb3e;
    border-radius: 50%;}

.ind-abt1 img:hover {
   
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


.index-div3{padding-top: 40px;padding-bottom: 60px;}
.index-div3 h1{font-size: 35px;
    font-weight: 600;position: relative;
  top: 118px;
  left: 63px;
  transform: rotate(270deg);}
.amenity img{border-radius: 50%;
    background: #fff;
    box-shadow: 3px 4px 5px #decdf4;
    padding: 6px;}
.amenity h3{text-align: center;
    font-size: 20px;
    padding-top: 20px;}

.amenity img:hover{box-shadow: 0 0 12px rgb(156 76 243);}
.amenity h3:hover{color: #9ccb3e;}

.mob-index-div3{padding-top: 40px;padding-bottom: 60px;display: none;}
.mob-index-div3 h1{font-size: 35px;
    font-weight: 600;text-align: center;}


    
.program-carousel {padding-left: 60px; padding-right: 60px;}


.owl-dots div.owl-dot {
  width: 20px;
  height: 20px;
  background:  #acaaac;
  
  display: inline-block;
  
  border-radius: 20px;
  margin: 0 3px;
}
.owl-dots div.owl-dot.active {
  width: 20px;
  height: 20px;
  background-color:#313131;
 
  border-radius: 20px;
}
.owl-dots div.owl-dot:focus {
  outline: none;
}

.owl-carousel .owl-nav.disabled {display: block!important;}
.owl-dots{display: none;}

.program-carousel .owl-prev {
  background: url('../images/amenities-left-arrow.png') left center no-repeat;
  height: 44px;
  position: absolute;
  top: 80%;
  width: 60px;
  height: 60px;
  z-index: 1000;
  left: -14%;
  cursor: pointer;
  color: transparent;
}

.program-carousel .owl-next {
  background: url('../images/amenities-right-arrow.png') right center no-repeat;
  height: 44px;
  position: absolute;
  top: 80%;
  width:60px;
  height: 60px;
  z-index: 1000;
  right: auto;
  left: -8%;
  cursor: pointer;
  color: transparent;
}
.other-carousel {padding-left: 60px; padding-right: 60px;}
.other-carousel .owl-prev {
  background: url('../images/amenities-left-arrow.png') left center no-repeat;
  height: 44px;
  position: absolute;
  top: 39%;
  width: 44px;
  z-index: 1000;
  left: 0%;
  cursor: pointer;
  color: transparent;
}

.other-carousel .owl-next {
  background: url('../images/amenities-right-arrow.png') right center no-repeat;
  height: 44px;
  position: absolute;
  top: 39%;
  width: 44px;
  z-index: 1000;
  right: 0%;
  cursor: pointer;
  color: transparent;
}

.vendor-carousel {padding-left: 60px; padding-right: 60px;}
.vendor-carousel .owl-prev {
  background: url('../images/amenities-left-arrow.png') left center no-repeat;
  height: 44px;
  position: absolute;
  top: 39%;
  width: 44px;
  z-index: 1000;
  left: 0%;
  cursor: pointer;
  color: transparent;
}

.vendor-carousel .owl-next {
  background: url('../images/amenities-right-arrow.png') right center no-repeat;
  height: 44px;
  position: absolute;
  top: 39%;
  width: 44px;
  z-index: 1000;
  right: 0%;
  cursor: pointer;
  color: transparent;
}


.owl-stage-outer { margin: -15px; padding: 15px; }


  .owl-stage {
    display: flex;
 
    
  }
  .owl-item {
    display: flex;
    
    flex: 1 0 auto;
  }



     
  .row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .row.equal-cols:before,
  .row.equal-cols:after {
    display: block;
  }
  
  .row.equal-cols > [class*='col-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .row.equal-cols > [class*='col-'] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; 
  }










.index-div4{background: url(../images/ind-bg.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;}
.index-div4 h1{text-align: center;
    font-size: 100px;
    font-weight: 600;
    color: #9ccb3e;
    font-family: "Dancing Script", cursive;padding-top: 100px;}
.index-div4 h2{text-align: center;
    font-size: 90px;
    font-weight: 600;
    color: #fff;
    font-family: "Dancing Script", cursive;padding-bottom: 100px;}

.index-div5{padding-top: 60px;padding-bottom: 60px;}
.index-div5 h1{background: url(../images/ab-link.png) no-repeat;background-position: 40% 13%;font-size: 33px;
    font-weight: 600;text-align: center;padding-bottom: 20px;}
.ind-floor img{display: block;margin-left: auto;margin-right: auto;background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #abcbe9;
    -moz-box-shadow: 0px 0px 5px 0px rgba(209, 209, 209, 1);
    padding: 20px;
    border-radius: 30px;}
/*.ind-floor:hover{
    transition: all .5s;
    transform : translateX(10px);
}*/




.index-div6{background: #1b1b1c;
    padding-top: 60px;
    padding-bottom: 60px;}
.index-div6 h1{text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 600;}
.ind-completed{padding-top: 30px;}
.prashanthi1{padding-top: 60px;}
.prashanthi1 img{display: block;
    margin-left: auto;
    margin-right: auto;}
.prashanthi1 p{text-align: center;
    font-size: 16px;
    color: #fff;
    padding-top: 20px;}
.prashanthi img{display: block;
    margin-left: auto;
    margin-right: auto;}


.index-div7{padding-top: 70px;position: relative;z-index: 10;}
.index-div7 h1{background: url(../images/ab-link.png) no-repeat;background-position: 41% 75%;font-size: 33px;
    font-weight: 600;text-align: center;}
.loc-map{background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #abcbe9;
    -moz-box-shadow: 0px 0px 5px 0px rgba(209, 209, 209, 1);
    padding: 20px;
    border-radius: 30px;margin-top: 20px;}






.footer-div {background: #111900; background-size: cover; color:#fff; padding-top: 85px; padding-bottom:25px;   
  letter-spacing: 0; font-size: 15px;position: relative; z-index: 2;margin-top: -45px;} 
.f-links {
    list-style: none;
    margin-left: 3px;
    padding: 0px;
    text-align: left;
    margin-top: 10px;
}
.f-links li a {
    display: block;
    padding: 6px 3px 6px 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    background: url(../images/ft-link.png) no-repeat top 11px left;
    color: #fff;
    margin-left: 0px;
    transition: All .5s ease;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease;
    cursor: pointer;
}
.f-links li a:hover {
    color: #ab7a37;
    background-position: top 11px left 5px;
}

.ft-logo img{display: block;
    margin-left: auto;
    margin-right: auto;}

.ft-social img{display: inline-flex;padding-left: 6px;}
.ft-social{text-align: center;
    padding-top: 25px;padding-bottom: 65px;}
.ft-social img:hover {
    opacity: .5;
}

.id-color{color: #ab7a37;
    padding-right: 10px;}
address{float: right;}
address.s1 span {
    background: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.7em;
    margin-bottom: 5px;
    color: #fff;
    line-height: 38px;
}
address.s1 a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

address.s1 a:hover{color: #ab7a37;}

.f-mail{padding-left: 35px!important;}


.copy-div{padding-top: 19px;
    border-top: 1px solid #2c331c;
}
.copy-div a{font-size: 15px;
    color: #fff;
    text-decoration: none;}

.copy-div a:hover{color: #9ccb3e;}
.power-div{float:right;}




.call-div{display: none;
bottom: 0px;
position: fixed;
width: 100%;
z-index: 1000;
bottom: 0;
background: #648b14;
text-align: center;
padding: 10px;
color: #fff;
font-weight: 600;}
.call-div a {
  color: #fff; } 



/*Ongoing*/

.ongoing-div1{padding-top: 60px;}
.ongoing-div1 h1 {
    font-size: 33px;
    font-weight: 600;
    
}

.ongoing1 h3{font-size: 18px;
    text-align: center;
    padding-bottom: 10px;}
.ongoing1 h4{font-size: 15px;padding-bottom: 10px;}

.in-div2 {
    padding-top: 75px;
}
.in-div2 h1 {
    margin: 0px;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(../images/ab-link.png) no-repeat;
    background-position: 0% 36%;
    padding-left: 60px;
}
.container1 {
    width: 100%;
    height: auto;
    display: flex;
    overflow-x: auto;
  
    border-top-left-radius: 200px;
    background-color: #577e07;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.item {
    width: 100%;
    flex-shrink: 0;
    height: auto;
    padding: 30px;
    padding-bottom: 0px;
    border-right: 1px dashed #9dcb40;
}
.am-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.am-list li {
    color: #fff;
    padding-bottom: 10px;
    font-size: 17px;
    text-align: left;
    background: url(../images/on-link.png) no-repeat top 10px left;
    padding-left: 20px;
}

.am-img {
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    margin-left: -30px;
}
.i-div2 {
    padding-top: 60px;
}
.i-div2 .am-img {
    margin-left: 0px;
    margin-right: -30px;
    border-radius: 0px;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
}
.i-div2 .am-div1 {
    margin-left: -38px;
}
.i-div2 .container1 {
    border-top-left-radius: 0px;
    border-top-right-radius: 200px;
}

.proj-amenities{padding-top: 50px;padding-bottom: 50px;}
.ongoing-amenity{background: #e6efd333;
    color: #000;
    padding: 50px;}

.proj-amenities h1 {
    margin: 0px;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(../images/ab-link.png) no-repeat;
    background-position: 0% -9%;
    padding-left: 60px;padding-bottom: 30px;
}
.amenty{margin-bottom: 20px;}
.amenty h3{font-size: 19px;
    text-align: left;
    font-weight: 600;
    padding-top: 2px;
    margin-left: -35px;}
.amenty img{display: block;margin-left: auto;margin-right: auto;}

.project-floorplan{padding-bottom: 50px;display: block;}
.project-floorplan h1 {
    margin: 0px;
    font-size: 27px;
    font-weight: 600;
    background: url(../images/ab-link.png) no-repeat;
    background-position: 0% 36%;
    padding-left: 60px;margin-bottom: 30px;
}

.mob-project-floorplan{padding-bottom: 50px;display: none;}
.mob-project-floorplan h1 {
    margin: 0px;
    font-size: 27px;
    font-weight: 600;
    background: url(../images/ab-link.png) no-repeat;
    background-position: 0% 36%;
    padding-left: 60px;margin-bottom: 30px;
}

.flrrr{margin-top: -135px;}
.flrrr p {color: transparent;}


.project-video{padding-bottom: 80px;padding-top: 60px;}
.project-video h1 {
    margin: 0px;
    font-size: 27px;
    font-weight: 600;
    background: url(../images/ab-link.png) no-repeat;
    background-position: 0% -9%;
    padding-left: 60px;padding-bottom: 30px;
}

.project-progress{padding-bottom: 0px;}
.gallery-div1111{padding-bottom: 0px !important;}

.project-location{padding-bottom: 100px;}
.project-location h1 {
    margin: 0px;
    font-size: 27px;
    font-weight: 600;
    background: url(../images/ab-link.png) no-repeat;
    background-position: 0% -9%;
    padding-left: 60px;padding-bottom: 30px;
}
.project-floorplan img{display: block;margin-left: auto;margin-right: auto;}

.flat-list .col-md-4 {
    border: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    text-align: center;
}
.flat1 {
    background: #c2b9b6;
    font-weight: 700;
    margin-top: 20px;
}




/*Completed*/

.completed-div1{padding-top: 50px;}

.completed-div1 h1 {
background: url(../images/ab-link.png) no-repeat;
    background-position: 29% 7%;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px
}
.gallery-div1{
    position: relative;
    margin-top: 10px;
    padding-bottom: 100px;}

.gallery-div1 .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
}

.gallery-div1 .card {
    color: #252a32;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.gallery-div1 .card-image {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 70%;
    background: #ffffff;
}
.gallery-div1 .card-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*About*/
.about-div1{padding-top: 60px;
    padding-bottom: 120px;}
.about-div1 h1{text-align: center;
    font-size: 30px;
    font-weight: 600;}
.curr-img:before {
    position: absolute;
    content: '';
    width: 200px;
    height: 200px;
    right: -10px;
    top: 0px;
    z-index: -1;
    background: #9ccb3e;
}
.curr-img {
    position: relative;
    z-index: 1;
}
.curr-img img {
    padding-left: 15px;
    padding-top: 15px;
}
.about-div1 h1 {
    background: url(../images/ab-link.png) no-repeat;
    background-position:40% 7%;
    font-size: 33px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
}





/*service*/

.service-div1{padding-top: 60px;
    padding-bottom: 240px;}
.service-div1 h1{text-align: center;
    font-size: 30px;
    font-weight: 600;}


/*Contact*/
.contact-div1{padding-top: 60px;
    padding-bottom: 100px;}
.con-div1 h1{color: #527a01;
    font-size: 35px;
    font-weight: 600;}
.con-div1 p{font-size: 16px;}
.con-div1 h2{font-size: 30px;
    font-weight: 600;
    padding-top: 20px;}
.con-div1 a{text-decoration: none;
    color: #646464;}
.con-div1 a:hover{color: #88b72d;}
select {
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
}
.form-control {
    margin-bottom: 20px;
}

.con-map {
    border: 1px dotted #9dcb40;
    padding: 10px;
}
.ind-con h2{font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #567e07;}
.ind-con{padding: 0 43px;}
.submit {
    margin-top: 20px;
    text-align: center;
}
.submit input:hover {
    background-color: #141414;
}
.submit input {
    background-color: #3d5806;
    box-shadow: none;
    border: none;
    color: #fff;
    padding: 7px 23px !important;
    text-align: center;
    height: auto;
    width: auto;
    display: inline-block;
    transition: all .5s ease-in;
    font-weight: 600;
}





 

@media only screen and (max-width: 600px) {
  .gallery-div1 {
    .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 1rem;
    }
  }
}











  @media(max-width:1301px)
  {
    .dropdown-menu {
      min-width: 205px;
    }
  }



  @media(max-width:1024px)
  {
    .menu-div .navbar-light .navbar-nav .nav-item .nav-link {
      padding: 10px 8px;}
 .index-div1 h3 {font-size: 13px;}
.amenty h3 {font-size: 16px;}

   

  }

  @media(max-width:981px)
  {
    .logo-div{width: 30%;}
    .banner-div1 .carousel-caption{width: 40%;}
    .menu-div .navbar-light .navbar-nav .nav-item .nav-link{font-size: 14px;}
    .home-div6{padding-top: 60px; padding-bottom: 60px;}
    .footer1 .footer-sec1:nth-child(1) {
      width: 100%;
    }
    
    .social-icon{text-align: center; margin-bottom: 30px;}
    .footer1 h5 {
     margin-bottom: 0px; padding-right: 0;
    }
    .f-link{margin-left: 0;}
    .foot-contact{border: none;}
    .foot-logo img{margin-left: auto; margin-right: auto;}
    .foot-about{text-align: center;}
.footer-div{font-size: 13px;}
.footer-div{font-size: 15px;}
.f-link{text-align: center;}
.f-link li, .f-link li a{display: inline;}
.f-link li a {
display: inline;
line-height: 24px;
font-size: 13px;
padding: 8px 6px 6px 21px;
margin-left: 10px;
}
.foot-cont, .foot-email{margin-top: 0;}
.foot-email{margin-bottom: 10px;}
.copy-div{/*font-size: 12px; */margin-bottom: 40px;}
.gallery-div1{padding-bottom: 190px;}

  }
@media(max-width:801px)
{
.menu-div .navbar-light .navbar-nav .nav-item .nav-link {
  padding: 10px 7px; font-size: 14px;}
  .banner-div1 .carousel-caption h1, .banner-div1 .carousel-caption h1 span{font-size: 27px;}


}


  @media(max-width:769px){
    .top-div1{padding-bottom: 20px;}
    .logo-div {
      width: 45%;
    }
    .menu-div .navbar-light .navbar-nav .nav-item .nav-link::after{background: none;}
    .menu-div .navbar-light .navbar-nav .nav-item .nav-link{margin-bottom: 5px;}
    .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link, .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link{background: #d7eab2;}
    .banner-div1 .carousel-caption {
      width: 100%;
    }

.foot-cont{margin-top: -20px;}
   .call-div{display: none;}
    #hm.sticky .logo-div{width: 40% ;}
    .navbar-toggler {
      position: fixed;
      top: 10px;
      right: 10px;
      background-color: #141414;
      --bs-navbar-toggler-icon-bg: url("../images/hamburger-icon.svg");
    }
    .menu-div .navbar-light .navbar-nav .nav-item .nav-link{background-image: none; border-bottom: 1px solid #0a0a0a; color:#fff}
    .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link {
      color: #fff;
    }
    .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link.dropdown-toggle, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link.dropdown-toggle {
      color: #fff;
    }
    .offcanvas.offcanvas-top{background-image: linear-gradient(to top, #3d5805 0%, #3d5805 100%);}
    
#hm.sticky .logo-div img {
  width: 100%;}
    

   
   .footer1 .footer-sec1{padding: 0;}
   .footer1 h5{padding-right: 0;}     

.foot-logo img{margin-left: auto; margin-right: auto;}
    .foot-link .d-flex{column-gap: 0;}

.foot-location, .foot-call{margin-bottom: 15px;}


  
.call-div {
display: block !important;
 }
.ind-facility1{margin-bottom: 30px;}
.ind-facility3{margin-bottom: 30px;}
.mob-index-div2{display: block;}
.index-div2{display: none;}
.mob-index-div3{display: block;}
.index-div3{display: none;}
.ind-floor h1{display: block;padding-bottom: 30px;}
.ind-floor1 h1{display: none;}
.ind-floor{padding-bottom: 30px;}
.f-links li{display: inline-flex;}
.f-links{text-align: center;margin-top: -10px;}
address{text-align: center;float: none;}
.ft-logo{padding-top: 25px;}
.ft-social{padding-bottom: 30px;}
.copy-div{text-align: center;}
.power-div{float: none;}
.ongoing-div1 img{display: block;
    margin-left: auto;
    margin-right: auto;padding-left: 15px;padding-right: 15px;}
.ongoing-div1 h1{text-align: center;padding-top: 20px;font-size: 28px;}
.ongoing-div1 p{padding-left: 15px;
    padding-right: 15px;}
.ongoing1 h3{padding-left: 15px;
    padding-right: 15px;}
.ongoing1 h4{padding-left: 15px;
    padding-right: 15px;}




.container1 { border-radius: 0px; }
    .am-img {
        margin-left: auto;
        margin-right: auto;
        border-radius: 0px;
        margin-top: 30px;
    }
.i-div2 .am-img {
        margin-right: 0px;
        border-radius: 0px;
        margin-left: auto;
        margin-right: auto;
    }
.i-div2 .am-div1 {
        margin-left: 0px;
    }

.i-div2 .container1 {
        border-radius: 0px;
    }
.in-div2{margin-left: 15px;margin-right: 15px;}
.in-div2 h1 {text-align: center;background-position: 18% 36%;}
.proj-amenities {padding-top: 40px;padding-bottom: 40px;padding-left: 15px;padding-right: 15px;}
.proj-amenities h1{background-position: 25% -9%;text-align: center;padding-bottom:5px;}
.mob-project-floorplan h1{text-align: center;background-position: 25% 36%;}
.project-floorplan {padding-bottom: 50px;}
.project-location h1 {text-align: center;background-position: 19% -9%;}
.proj-loc{padding-left: 15px;padding-right: 15px;}
.proj-loc img{padding-bottom: 30px;}
.ind-con{padding-left: 15px;padding-right: 15px;}
.con-div1{padding-left: 15px;padding-right: 15px;}
.con-map{padding-left: 15px;padding-right: 15px;}
.completed-div1{padding-left: 15px;padding-right: 15px;}
.gallery-div1{padding-left: 15px;padding-right: 15px;}
.about-div1{padding-left: 15px;padding-right: 15px;}
.project-floorplan img{width: 100%;}
.item{padding: 0px;}
.ongoing-amenity{padding: 20px 0px;}
.in-div2 {padding-top: 21px;}
.mob-project-floorplan{display: block;}
.mob-project-floorplan img{width: 100%;}
.project-floorplan{display: none;}
.flrrr {margin-top: -445px;}
.about-div1 h1 {background-position: 16% 7%;}
.project-video{padding-left: 15px;
    padding-right: 15px;}
.project-video {padding-bottom: 40px;padding-top: 40px;}
.flat-list{padding-left: 15px;
    padding-right: 15px;}


}


@media(max-width:576px)
{

.banner-div1 .carousel-caption h1{font-size: 27px;}

.f-link li a{padding: 8px 6px 6px 16px;}
.foot-link .f-link:nth-child(even){margin-top: -20px;}
.footer1{padding-bottom: 20px;}


/*.copy-div{font-size: 11px;}*/



#myCarousel2 .carousel-control-prev, #myCarousel2 .carousel-control-next, .home-div2 .carousel-control-prev, .home-div2 .carousel-control-next{width: 35%; z-index: 100;}

}

@media(max-width: 424px)
{
  .mob-ind-abt {top: 26%;}
  .index-div4 h1 {font-size: 50px;}
  .index-div4 h2 {font-size: 50px;}
  .ind-floor h1 {background-position: 9% 70%;}
  .index-div7 h1 {background-position: 12% 70%;}
  .banner-div1{margin-top: -27px;}
  .index-div7 {padding-top: 40px;}
  .index-div1 {padding-top: 50px;}
  .footer-div {padding-top: 80px;}
 .index-div6 h1{font-size: 31px;}
.index-div5 h1 {background-position: 14% 13%;}
.ongoing-amenity {padding: 16px;}
.i-div2 {
    padding-top: 32px;
}
.completed-div1 h1 {background-position: 0% -48%;
    font-size: 21px;padding-left: 32px;}
.ind-con h2{padding-top: 30px;}
.con-div1 h1 {font-size: 30px;}
.ongoing-div1 h1 {font-size: 25px;}
.flrrr {
        margin-top: -470px;
    }



}

@media(max-width: 393px)
{

    .con-div1 h1 {
        font-size: 28px;
    }
    .flrrr {
        margin-top: -570px;
    }
    .project-video h1 {font-size: 23px;}

}








#show-sidebar{background: var(--body-color1); border-color:#fff;}

.page-wrapper{display: none; position: relative; z-index: 2000;}



@media(max-width:769px)
{
.page-wrapper{display: block;}
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/
/* .page-wrapper {
height: 100vh;
} */

.page-wrapper .theme {
width: 40px;
height: 40px;
display: inline-block;
border-radius: 4px;
margin: 2px;
}

.page-wrapper .theme.chiller-theme {
background: #1e2229;
}

/*----------------toggeled sidebar----------------*/


.page-wrapper.toggled .sidebar-wrapper {
bottom: 0px;
}

@media screen and (min-width: 768px) {
.page-wrapper.toggled .page-content {
  padding-left: 300px;
}
}
/*----------------show sidebar button----------------*/
#show-sidebar {
position: fixed;
right: 20px;
top: 10px;
border-radius: 0 4px 4px 0px;
width: 35px;
transition-delay: 0.3s;
}
.page-wrapper.toggled #show-sidebar {
left: -40px;
}
/*----------------sidebar-wrapper----------------*/

.sidebar-wrapper {
width: 100%;
height: 100%;
max-height: 100%;
position: fixed;
bottom: 100%;
right: 0;
z-index: 999;
transition: all .5s ease;
}

.sidebar-wrapper ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.sidebar-wrapper a {
text-decoration: none;
}

/*----------------sidebar-content----------------*/

.sidebar-content {
max-height: calc(100% - 30px);
height: calc(100% - 30px);
overflow-y: auto;
position: relative;
}

.sidebar-content.desktop {
overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
padding: 10px 20px;
display: flex;
align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
text-transform: uppercase;
font-weight: bold;
flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
cursor: pointer;
font-size: 20px;
color:#fff;
}
/*--------------------sidebar-header----------------------*/

.sidebar-wrapper .sidebar-header {
padding: 20px;
overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
float: left;
width: 60px;
padding: 2px;
border-radius: 12px;
margin-right: 15px;
overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
object-fit: cover;
height: 100%;
width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
font-size: 11px;
margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
font-size: 8px;
margin-right: 4px;
color: #5cb85c;
}

/*-----------------------sidebar-search------------------------*/

.sidebar-wrapper .sidebar-search > div {
padding: 10px 20px;
}

/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
font-weight: bold;
font-size: 14px;
padding: 15px 20px 5px 20px;
display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
display: inline-block;
width: 100%;
text-decoration: none;
position: relative;
padding: 8px 30px 8px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
margin-right: 10px;
font-size: 12px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
display: inline-block;
animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown1 > a:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
font-style: normal;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background: 0 0;
position: absolute;
right: 15px;
top: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul, .sidebar-wrapper .sidebar-menu .sidebar-dropdown1 .sidebar-submenu1 ul {
padding: 5px 0;
margin:0px;
margin-left: -30px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li, .sidebar-wrapper .sidebar-menu .sidebar-dropdown1 .sidebar-submenu1 li {
padding-left: 25px;
font-size: 13px;
}

.sidebar-submenu1 li a{background: #000;}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper .sidebar-menu .sidebar-dropdown1 .sidebar-submenu1 li a:before {
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 400;
font-style: normal;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
float: right;
margin-top: 8px;
margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label, 
.sidebar-wrapper .sidebar-menu .sidebar-dropdown1 .sidebar-submenu1 li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown1 .sidebar-submenu1 li a .label {
float: right;
margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu, .sidebar-wrapper .sidebar-menu .sidebar-submenu1 {
display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown1.active > a:after {
transform: rotate(90deg);
right: 17px;
}

/*--------------------------side-footer------------------------------*/

.sidebar-footer {
position: absolute;
width: 100%;
bottom: 0;
display: flex;
}

.sidebar-footer > a {
flex-grow: 1;
text-align: center;
height: 30px;
line-height: 30px;
position: relative;
}

.sidebar-footer > a .notification {
position: absolute;
top: 0;
}

.badge-sonar {
display: inline-block;
background: #980303;
border-radius: 50%;
height: 8px;
width: 8px;
position: absolute;
top: 0;
}

.badge-sonar:after {
content: "";
position: absolute;
top: 0;
left: 0;
border: 2px solid #980303;
opacity: 0;
border-radius: 50%;
width: 100%;
height: 100%;
animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/

.page-wrapper .page-content {
display: inline-block;
width: 100%;
padding-left: 0px;
padding-top: 20px;
}

.page-wrapper .page-content > div {
padding: 20px 40px;
}

.page-wrapper .page-content {
overflow-x: hidden;
}


.chiller-theme .sidebar-wrapper {
background: radial-gradient(circle, var(--body-color1) 0%, var(--body-color2) 100%);
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
  border-top: 1px solid #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
  border-color: transparent;
  box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
  color: #fff;
  text-transform: uppercase;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a{border-bottom: 1px solid #787bb4; color:#fff; text-align: center;}
.chiller-theme .sidebar-wrapper .sidebar-menu ul ul li a{color:#fff}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
  color: #000;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover > a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li.active > a{color:#fff; background: var(--body-color4);}


.page-wrapper.chiller-theme.toggled #close-sidebar {
  color: #fff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
  color: var(--body-color2);
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
  color: #000;
  text-shadow:0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
  background: var(--body-color1);
}


.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li:hover > a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li.active > a {
color: #000;
background: var(--body-color1);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li  ul li:hover > a, .chiller-theme .sidebar-wrapper .sidebar-menu ul li ul li ul li.active > a {
color: #fff;
background: var(--body-color3);
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
  color: #fff;
}

.chiller-theme .sidebar-footer {
  background: #3a3f48;
  box-shadow: 0px -1px 5px #282c33;
  border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
  border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
  border-right: none;
}


#back_to_top {
display: inline-block;
background-color: #9dcb40;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, 
  opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
text-decoration: none;
z-index: 1001;
}
#back_to_top::after {
content: "\2191";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#back_to_top:hover {
cursor: pointer;
background-color: #49640e;
}
#back_to_top:active {
background-color: var(--body-color3);
}
#back_to_top.show {
opacity: 1;
visibility: visible;
}


