@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
.whatsapp-btn {
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 100;
    width: 35px;
    height: 35px;
    background: #36f074;
    border-radius: 50%;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3);
    /* text-align: center; */
 }
 .plus_icon {
     display: none;
 }
    .video_container {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.25);
    }
    .video_container video {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }
    .vide_text_box {
     position: absolute;
    bottom: 0px;
    left: 50%;
    width: 95%;
    height: auto;
    padding: 15px;
    text-align: center;
    transform: translate(-50%, -50%);
    }
    .vide_text_box h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0px;
    }
    @media screen and (max-width:950px){
      .video_container {
    /*bottom: unset;*/
    /*right: unset;*/
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    }
    .vide_text_box {
    bottom: 0px;
    right: unset;
    /*top: 85%;*/
    /*left: 50%;*/
    /*width: 95%;*/
    /*transform: translate(-50%, -50%);*/
    }
    .vide_text_box h1 {
    font-size: .8em;
    }
    }
 .whatsapp-btn a {
    text-decoration: none;
    color: #fff; 
    position: absolute;
    top: 52%;
    left: 52%;
    transform: translate(-50%, -50%);
 }
 .whatsapp-btn a:hover {
    text-decoration: none;
    color: #fff; 
 }
 .whatsapp-btn a i {
    font-size: 20px;
 }
body {
    padding:  0;
    margin: 0;
}
nav.navbar {
    background-color: #fff;
    box-shadow: 0px 3px 5px 0 rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.09);
}
nav.navbar .mr-auto .nav-item .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
}
nav.navbar .mr-auto .nav-item .nav-link.active {
    color: #000;
}
nav.navbar .mr-auto .nav-item .nav-link.active::after {
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background: #ab8659;
}
nav.navbar .mr-auto .nav-item  {
   /* margin-top: 10px; */
   padding: 0 20px;
}
nav.navbar .ml-auto .nav-item .nav-link {
    font-family: 'Montserrat', sans-serif;
}

 nav.navbar .mr-auto .nav-item  {
    margin: 0 10px;
  }
nav.navbar .ml-auto .nav-item .nav-link.sign_in_btn {
   border: 2px solid #ab8659;
   padding: 7px 20px;
   color: #ab8659;
   font-size: 11px;
   font-weight: 600;
   background: transparent;
   text-transform: uppercase;
   transition: all .5s ease-in-out;
}
nav.navbar .ml-auto .nav-item .nav-link.sign_in_btn:hover {
    color: #fff;
    background: #ab8659;
 }
 .hero {
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
    .hero .carousel-item {
    width: 100%;
    height: 100vh;
    }
    .hero .carousel-item .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
    }
    .hero .carousel-control-prev, .hero .carousel-control-next {
    background: transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    }

.hero .carousel-control-prev span {
    width: 35px;
    height: 28px;
    border: 1px solid #ddd;
    transition: all .5s ease-in-out;
    background: transparent;
    position: relative;
    left: -50px;
    cursor: pointer;
}
.hero .carousel-control-next span {
    width: 35px;
    height: 28px;
    border: 1px solid #ddd;
    transition: all .5s ease-in-out;
    background: transparent;
    cursor: pointer;
    position: relative;
    right: -50px;
}
.hero .carousel-control-next span:hover, .hero .carousel-control-prev span:hover  {
    background: #ab8659;
    border: 3px solid #ab8659;
    cursor: pointer;
}
.hero .carousel-caption {
    top: 30%;
    left: 10%;
    bottom: auto;
    text-align: left;
    width: 55%;
    padding: 40px;
}
.hero .carousel-caption h5{
    font-family: 'Orbitron', sans-serif;
    font-size: 3em;
    font-weight: 600;
    color: #fff;
}
.hero .carousel-caption p{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.vue_front_about {
    padding: 100px 15px;
}
.vue_front_about.about {
  padding-bottom: 0px;
}
.vue_front_about .img_box {
    width: 100%;
    height: 50vh;
    border: 10px solid #fff;
    /* margin-top: 30px; */
    padding: 15px;
    background: #F8F4F3;
    box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.vue_front_about .img_box .img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/overview.jpg');
}
.vue_front_about .text_box {
 padding: 0 30px;
}
.vue_front_about .text_box h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}
.vue_front_about .text_box p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #444;
    margin-bottom: 20px;
    line-height: 30px;
}
.vue_front_about .text_box ul li {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  line-height: 35px;
}
.vue_house_types {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
}
.vue_house_types .heading {
  margin-bottom: 40px;
}

.vue_house_types .heading h2::after{
  content: "";
  width: 100px;
  height: 3px;
  background-color: #ab8659;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.vue_house_types .img_box {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.vue_house_types.apartments .img_box {
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.vue_house_types .img_box .img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease-in-out;
}
.vue_house_types .img_box:hover .img {
    transform: scale(1.25);
}
.vue_house_types .img_box .text_box {
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    padding: 20px 20px;
    text-align: center;
}
.vue_house_types .img_box .text_box p {
    font-family: 'Orbitron', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.vue_house_types .img_box .text_box a {
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.vue_house_types .img_box .text_box p::after {
  content: "";
  display: block;
  width: 0px;
  height: 2px;
  background-color: #fff;
  margin: 0 auto;
    transition: all .5s ease-in-out;
}
.vue_house_types .img_box:hover .text_box p::after {
    width: 60px;
}
.vue_plans {
    padding: 60px 15px;
    background-image: linear-gradient(to left, rgba(255,255,255,.9), rgba(255,255,255,.9)), url('../img/plan-bg.jpg');
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.heading h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}
.vue_plans .tab_container .d-flex {
    background: #fff;
    padding: 0;
    box-shadow: -1px 1px 6px 1px rgba(0, 0, 0, 0.1);
}
.vue_plans .tab_container .d-flex .nav-item {
    padding: 0px 0px;
    width: 50%;
    text-align: center;
}
.vue_plans .tab_container .d-flex .nav-mobile-role {
  width: 100%;
}
.vue_plans .tab_container .d-flex .nav-item .nav-link{
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
    padding: 20px 40px;
    transition: all .5s ease-in-out;
    /* border: 1px solid #fff; */
}
.vue_plans .tab_container .d-flex .nav-item .nav-link:hover{
    background: #ab8659;
    color: #fff;
}
.vue_plans .tab_container .d-flex .nav-item .nav-link.active{
    background: #ab8659;
    color: #fff;
}
.vue_plans .tab-content .tab-pane .innerContent {
    margin-top: 30px;
}
.vue_plans .tab-content .tab-pane .innerContent .text_box p{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    /* font-weight: 600; */
    color: #444;
    line-height: 25px;
    margin-bottom: 20px;
}
.vue_plans .tab-content .tab-pane .innerContent .item_details{
    background: #fff;
    margin-top: 30px;
}
.vue_plans .tab-content .tab-pane .innerContent .item_details .table tr td{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
.vue_plans .tab-content .tab-pane .innerContent .item_details .table tr td.table_head{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #444;
    text-transform: uppercase;
}
.vue_plans .tab-content .tab-pane .innerContent .item_details .table tr td{
  padding-top: 20px;
  padding-bottom: 20px;
}
.vue_plans .tab-content .tab-pane .innerContent .item_details .item_btn {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #ab8659;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #ab8659;
    border-radius: 0;
    display: none;
}
.vue_plans .img_box {
    width: 100%;
    height: 50vh;
}
.vue_plans .img_box .img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vue_plans .carousel-control-prev, .vue_plans .carousel-control-next {
  background: transparent;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: none;
  }
  .vue_plans .carousel-control-prev {
    color: #000;
  }
  .vue_plans .carousel-control-next {
    color: #000 !important;
  }
  .vue_plans .carousel-control-next:hover {
    color: #000;
  }
  .vue_plans .carousel-control-prev:hover {
    color: #000;
  }
  .vue_plans .carousel-control-prev span {
    width: 35px;
    height: 27px;
    border: 1px solid #ab8659;
    transition: all .5s ease-in-out;
    background: #ab8659;
    position: relative;
    left: -120px;
    cursor: pointer;
     border-radius: 5px;
  }
  .vue_plans .carousel-control-next span {
    width: 35px;
    height: 27px;
    border: 1px solid #ab8659;
    transition: all .5s ease-in-out;
    background: #ab8659;
    position: relative;
    right: -100px;
    cursor: pointer;
    border-radius: 5px;
  }
  .vue_plans .carousel-control-next span i{
    color: #fff;
  }
    .vue_plans .carousel-control-prev span i{
    color: #fff;
  }
  .vue_plans .carousel-indicators {
    margin-bottom: 0;
    bottom: -30px;
  }
  .vue_plans .carousel-indicators li {
    width: 7px;
    height: 7px;
    background-color: #c4c2c2;
    border-radius: 50%;
  }
  .vue_plans .carousel-indicators li.active {
    background-color: #666;
    width: 7px;
    height: 7px;
  }
.vue_house_fac {
  width: 100%;
    height: 55vh;
    background: linear-gradient(to left, rgba(242, 242, 242, .9), rgba(242, 242, 242, .9)), url('../img/img_2.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    
    /* margin-top: 50px; */
}
.vue_house_fac .img_box {
    width: 100%;
    height: 55vh;
}
.vue_house_fac .img_box  .img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vue_house_fac .inner_content .text_box h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    margin-top: 30px;
}
.vue_house_fac .inner_content .text_box h1 {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.5em;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
.vue_house_fac .inner_content .text_box p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #444;
    line-height: 22px;
}
.vue_house_fac .inner_content .text_box a{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #ab8659;
    text-decoration: none;
    text-transform: uppercase;
}
.vue_house_fac .inner_content .text_box {
   margin-top: 20px;
   padding: 10px 50px;
}
.vue_services {
    padding: 80px 15px;
    background: linear-gradient(to left, rgba(242, 242, 242,.7), rgba(242, 242, 242,.7)), url('../img/img_2.png');
}
.vue_services .text_box {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.1);
    transition: all .2s ease-in-out;
    cursor: pointer;
    margin-bottom: 30px;
    width: 100%;
    height: 250px;
}
.vue_services .text_box:hover {
    background: #3f4448;
}
.vue_services .text_box i {
   color: #ab8659;
   font-size: 2.5em;
   margin-top: 10px;
   margin-right:  10px;
}
.vue_services .text_box h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #444;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(171, 134, 89,.5);
    padding: 10px 0;
    line-height: 25px
 }
 .vue_services .text_box p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    /* margin-bottom: 0; */
    margin-top: 30px;
 }
 .vue_services .text_box:hover p  {
    color: #fff;
}
.vue_services .text_box:hover h2 {
    color: #fff;
}
 .vue_team {
    padding: 50px 15px;
 }
 .vue_team .item_box .img_box {
    width: 100%;
    height: 35vh;
 }
 .vue_team  .item_box .img_box .img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vue_team .item_box .text_header h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #111;
    text-transform: uppercase;
}
.vue_team .item_box .text_header h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #555;
}
.vue_team .item_box .text_header {
   padding: 0px 0;
}
.vue_team .item_box .box {
    padding: 30px 0px;
     /*border-right: 1px solid rgba(0, 0, 0, 0.1); */
 }
 .vue_team .item_box .box ul{
    padding: 0;
    margin: 0;
    margin-left: 20px;
 }
  .vue_team .item_box .box ul li{
    padding: 6px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #222;
    font-weight: 500;
 }
 .vue_interlude {
     padding: 60px 15px;
     background: linear-gradient(to left, rgba(202, 190, 159,.8), rgba(202, 190, 159,.8)), url('../img/img_2.png');
     background-repeat: no-repeat;
     /* background-size: cover; */
     background-position: top left;
 }
 .vue_interlude .item_box h2{
    font-family: 'Orbitron', sans-serif;
    font-size: 3.5em;
    font-weight: 600;
    color: #3f4448;
    margin-bottom: 30px;
}
.vue_interlude .item_box a{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    background: #3f4448;
    color: #fff;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 50px;
}
.vue_post {
    background-color: #fff;
    padding: 50px 15px;
}
.vue_post .img_box {
    width: 100%;
    height: 250px;
}
.vue_post .img_box .img{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.vue_post .item_box{
    margin-top: 50px;
}
.vue_post .item_box .box{
    background: #fff;
    padding: 10px;
    box-shadow: -1px 1px 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: all .2s ease-in-out;
    margin-bottom: 30px;
}
.vue_post.blog .item_box .box{
    padding: 10px;
}
.vue_post .item_box  a{
  text-decoration: none;
}
.vue_post .item_box .box .date_box p{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    text-decoration: none;
    margin-top: 20px;
  }
  .vue_post.blog .item_box .box .date_box {

  }

.vue_post .item_box .box .date_box p::after{
    content:  "";
    display: block;
    width: 30px;
    height: 3px;
    background: #ab8659;
    margin-top: 6px;
}
.vue_post.blog .item_box .box .date_box p::after{
    content:  "";
      display: block;
      width: 40px;
      height: 2px;
      background: #ab8659;
      margin-top: 5px;
  }
  .vue_post .item_box .box .text_box h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #111;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 20px;
}
.vue_post.blog .item_box .box .text_box h2 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
  }
.vue_post .item_box .box .text_box p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #555;
    line-height: 25px;
}

.vue_select {
    padding: 50px 15px;
}
.vue_select .item_box{
   margin-top: 50px;
}
.vue_select .item_box tr th{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #555;
    text-transform: uppercase;
    padding: 25px 20px;
 }
 .vue_select .item_box tr td{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #111;
    text-transform: uppercase;
    padding: 15px 20px;
    font-weight: 500;
 }
 .vue_select .item_box tr td.title{
    color: #777;
 }
 .vue_select .item_box tr td.table_btn span{
    color: #222;
    font-weight: 600;
    background: #f6f6f2;
    border-radius: 0;
    padding: 10px 35px;
    font-size: 13px;
 }
 .footer {
     padding: 40px 40px;
     background: #f2f2f2;
 }
 .footer .mid_box p{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #111;
    margin-bottom: 10px;
    font-weight: 600;
 }
 .footer .mid_box p a{
    text-decoration: none;
    color: #111;
 }
 .footer  .right_box{
    text-align: right;
 }
 .footer  .right_box .social_item{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background: #000;
    margin: 0 5px;
 }
 .footer  .right_box .social_item a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
    color: #fff;
 }
 .footer .right_box .copy_box p {
     margin-bottom: 0;
     margin-top: 10px;
     font-family: 'Montserrat', sans-serif;
     font-size: 13px;
     font-weight: 600;
 }

 /***********Contact us ***********/
 .contact_hero {
    padding: 150px 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.contact_hero .heading h2 {
    color: #fff !important;
    font-size: 3em;
}
 .contact_details {
    padding: 50px 15px;
    background: #fff;
}
.contact_details .items_box {
    margin-top: 40px;
}
.contact_details .items_box .box .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #666;
}
.contact_details .items_box .box i {
    font-size: 3em;
    color: #ab8659;
    margin-bottom: 30px;
}
.contact_details .items_box .box .item_carrier {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #111;
    margin-bottom: 5px;
}
.contact_details .items_box .box .item_carrier a{
    text-decoration: none;
    color: #111;
}
.contact_details .items_box .box.mid_box{
 border-left: 1px solid rgba(0, 0, 0, 0.1);
 border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.contact_form {
    padding: 50px 15px;
}
.contact_form .header {

}
.contact_form .header h2{
    font-family: 'Orbitron', sans-serif;
    font-size: 2em;
    color: #000;
    text-transform: uppercase;
}
.contact_form .form_box input{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    border: 1px solid #ab8659;
    border-radius: 0;
}
.contact_form .form_box input.submit_btn{
    background-color: #ab8659;
    border: 2px solid #ab8659;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}
.contact_form .form_box textarea{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    border: 1px solid #ab8659;
    border-radius: 0;
}
.vue_maps iframe {
    height: 400px !important;
}
.vue_maps a {
  display: none;
}
.vue_maps .mapouter, .vue_maps .gmap_canvas{
  height: 300px !important;
}

.projects {
  padding: 50px 15px;
}
.projects .img_box {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}
.projects .img_box {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 20px;
}
.projects .img_box .img {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .5s ease-in-out;
  border-radius: 20px;
}
.projects .img_box:hover .img {
  transform: scale(1.15);
 
}
.projects .img_box .text_box {
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  padding: 20px 20px;
  text-align: center;
}
.projects .img_box .text_box p {
  font-family: 'Orbitron', sans-serif;
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 20px;
}

.projects .img_box .text_box span {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.projects .img_box .text_box a {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.projects .img_box .text_box a::after {
content: "";
display: block;
width: 0px;
height: 1px;
background-color: #fff;
margin: 0 auto;
  transition: all .5s ease-in-out;
}
.projects .img_box:hover .text_box a::after {
  width: 40px;
}

/*********Explore page*********/
.vue_apartment {
    padding: 50px 15px;
  }
  .vue_apartment .carousel-item .img_box {
    width: 100%;
    height: 70vh;
    border-radius: 10px;
    }
    .vue_apartment .carousel-item .img_box .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
    border-radius: 10px;
    }
    .vue_apartment .carousel-control-prev, .vue_apartment .carousel-control-next {
    background: transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    }

.vue_apartment .carousel-control-prev span {
    width: 35px;
    height: 25px;
    transition: all .5s ease-in-out;
    position: relative;
    left: -10px;
    cursor: pointer;
    background: #000;
     border-radius: 5px;
    box-shadow: -1px 1px 6px 1px rgba(0, 0, 0, 0.2);
}
.vue_apartment .carousel-control-next span {
    width: 35px;
    height: 25px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    position: relative;
    right: -10px;
    background: #000;
    border-radius: 5px;
    box-shadow: -1px 1px 6px 1px rgba(0, 0, 0, 0.2);
}
.vue_apartment .carousel-control-prev span i {
 color: #fff;
}
.vue_apartment .carousel-control-next span i {
    color: #fff;
}
.vue_apartment .carousel-indicators {
    margin-bottom: 0;
    bottom: -20px;
}
.vue_apartment .carousel-indicators li {
    width: 7px;
    height: 7px;
    background-color: #c4c2c2;
    border-radius: 50%;
}
.vue_apartment .carousel-indicators li.active {
    background-color: #666;
}
.vue_apartment .text_box {
    margin-top: 0px;
}
.vue_apartment .get_items {
  margin-top: 50px;
  margin-bottom: 30px;
}
.vue_apartment .get_items p  {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: #888;
  font-weight: 400;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.vue_apartment .get_items p.icon {
  margin-bottom: 0;
}
.vue_apartment .get_items p  i{
  font-size: 20px;
  color: #ab8659;
  margin-right: 15px;
}
.vue_apartment .text_box p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 25px;
}
.vue_apartment .text_box {
margin-bottom: 40px;
}
.vue_apartment .text_box h2{
    font-family: 'Orbitron', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
.vue_apartment .devs h2{
    font-family: 'Orbitron', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
.vue_apartment .text_box ul{
    margin: 0;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 20px;
}
.vue_apartment .text_box ul li{
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    padding: 10px 0;
}
.vue_apartment  .social_icons {
    padding: 15px 0;
}
.vue_apartment  .social_icons a{
   text-decoration: none;
   color: #000;
   font-size: 25px;
    padding: 0 10px;
}
.vue_apartment .item_box.recent {
    width: 100%;
    padding: 15px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    border-radius: 5px;
    box-shadow: 0px 5px 3px 0 rgba(0,0,0,.1);
}
.vue_apartment .item_box.recent .item  {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 20px 0;
}
.vue_apartment .item_box.recent .item .img_box {
    width: 100%;
    height: 70px;
}
.vue_apartment .item_box.recent .item .img_box .img{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.vue_apartment .item_box.recent .header   h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 16px;
    color: #222;
    font-weight: 500;
}
.vue_apartment .item_box.recent .item  .text_item h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
}
.vue_apartment .recent_house_types .form-group{
  margin-bottom: 0;
}
.vue_apartment .item_box.recent .item  .text_item a {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #ab8659;
    text-transform: uppercase;
    font-weight: 500;
}
.vue_single_story .post-heading{
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    padding: 20px 0;
}
.vue_single_story .post-heading h2 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    font-family: 'Cinzel', serif;
    margin-bottom: 0;
  }
.vue_service.vue_single_story .item_box.row_1 {
    padding: 20px 0;
}
.vue_service.vue_single_story .item_box.row_1  p{
    font-size: 17px;
color: #111;
font-family: DomaineDisplay,Georgia,serif;
line-height: 30px;
}
.vue_service.vue_single_story .item_box.row_2 h2, .vue_service.vue_single_story .item_box.row_2 h1, .vue_service.vue_single_story .item_box.row_2 h3, .vue_service.vue_single_story .item_box.row_2 h4, .vue_service.vue_single_story .item_box.row_2 h5, .vue_service.vue_single_story .item_box.row_2 h6 {
    font-size: 20px;
    color: #111;
    font-family: DomaineDisplay,Georgia,serif;
    line-height: 30px;
  }
.vue_service.vue_single_story .item_box.row_1  p i{
    color: #fde428;
}
.vue_service.vue_single_story .item_box.row_1  p span{
    color: #000;
}
.vue_service.vue_single_story .item_box.row_2 {
    padding: 30px 0;
}
.vue_service.vue_single_story .item_box.row_2  p{
    font-size: 17px;
    color: #111;
    font-family: DomaineDisplay,Georgia,serif;
    line-height: 30px;
}
.vue_service.vue_single_story .item_box.row_2  ul li{
    font-size: 17px;
    color: #111;
    font-family: DomaineDisplay,Georgia,serif;
    line-height: 30px;
}
.vue_service.vue_single_story .item_box.row_2  ol li{
    font-size: 17px;
    color: #111;
    font-family: DomaineDisplay,Georgia,serif;
    line-height: 30px;
}
.vue_service.vue_single_story .item_box.row_3 {
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0,.1);
    border-bottom: 1px solid rgba(0, 0, 0,.1);
}
.vue_service.vue_single_story .item_box.row_3 a{
   text-decoration: none;
   color: #000;
   font-size: 18px;
   padding: 0 10px;
}
.vue_service  .blog_image_box {
  width: 100%;
  height: 90vh;
}
.vue_service  .blog_image_box .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.vue_service.vue_single_story .items_box {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width:950px){
    .vue_single_story .post-heading {
        /* border-bottom: 1px solid rgba(0, 0, 0,.1); */
        padding: 5px 0;
      }
      .vue_single_story .post-heading h2 {
        font-size: 20px;
      }
      .vue_service.vue_single_story .item_box.row_1 p {
        font-size: 12px;
      }
      .vue_service.vue_single_story .bottom_box{
       margin-top: 5px;
      }
      .vue_service .item_box.row_1 {
        margin-bottom: 0px;
      }
      .vue_service .items_box .blog_image_box {
        width: 100%;
        height: 40vh;
      }
      .vue_service.vue_single_story .item_box.row_2 {
        padding: 10px 0;
      }
      .vue_service.vue_single_story .item_box.row_3 .text_box p {
        margin-bottom: 0;
      }
      .vue_service.vue_single_story .item_box.row_3 {
        padding: 10px 0;
      }
}

.news-container {
    padding: 10px 100px !important;
 }
.gallery-container  .image-wrap {
    width: 100%;
    height: 300px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,.1);
}
.gallery-container .image-wrap .img_wrap {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.gallery-container  .thumbnail-box {
    cursor: pointer;
}
.gallery-container  .thumbnail-box .box {
   margin-bottom: 25px;
}
.gallery-container .news-header {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 10px;
    line-height: 20px;
}
.show_gallery {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,.98);
}
.show_gallery .item_carousel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 80vh;
    /* border: 10px solid #fff;
    background-color: #fff; */
}
.show_gallery .close-btn {
    position: absolute;
    top: 5%;
    right: 2%;
    background: #333;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.show_gallery .close-btn i{
font-size: 20px;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#gallery_control .image_wrapper {
width: 100%;
height: 80vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#gallery_control  .left-chevron {
position: absolute;
top: 50%;
left: 1%;
width: 40px;
height: 40px;
border-radius: 50%;
background: #333;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0,.4);
}
#gallery_control   .left-chevron .left{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-decoration: none;
font-size: 15px;
color: #fff;
}
#gallery_control   .right-chevron  {
position: absolute;
top: 50%;
right: 1%;
width: 40px;
height: 40px;
border-radius: 50%;
background: #333;
box-shadow: 0 0px 10px 0 rgba(0, 0, 0,.4);
}
#gallery_control  .right-chevron .right{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-decoration: none;
font-size: 15px;
color: #fff;
}

.gallery-container .news-live{
margin-bottom: 50px;
}
.gallery-container .news-live .thumbnail-box  {
margin-bottom: 100px;
}
.gallery-container .news-live .thumbnail-box .h5 {
margin-top: 20px;
line-height: 20px;
}
.gallery-container .news-live .thumbnail-box .time {
    color: #333;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

@media screen and (max-width:950px){
 .gallery-container .image-wrap {
    width: 100%;
    height: 130px;
    padding: 5px;
  }
  .gallery-container .news-header {
    font-weight: 600;
    margin-top: 6px;
    margin-bottom: 0px;
    line-height: 15px;
  }
  .show_gallery .close-btn {
    top: 2%;
    width: 30px;
    height: 30px;
  }
  .show_gallery .close-btn i {
    font-size: 15px;
  }
  .show_gallery .item_carousel {
    width: 90%;
    height: 40vh;
  }
  #gallery_control .image_wrapper {
    width: 100%;
    height: 40vh;
  }
  #gallery_control .left-chevron {
    width: 30px;
    height: 30px;
  }
  #gallery_control .right-chevron {
    width: 30px;
    height: 30px;
  }
  .gallery-container .news-live .thumbnail-box .h5 {
    margin-top: 10px;
    line-height: 15px;
  }
  .gallery-container .news-live .image-wrap {
    height: 200px;
  }
  .gallery-container .news-live .thumbnail-box {
    margin-bottom: 80px;
  }
}

/*****Admin*********/
.inner-container {
    padding: 20px 30px;
 }
 .ck-content p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
  }
  .ck-content ul li{
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
  }
  .ck-content ol li {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
  }
  .ck-content a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
  }
 .inner-container .store-logo a {
    text-decoration: none;
    color: #000;
    font-size: 2.5em;
 }
 .inner-container .reg-box {
    padding: 40px 20px;
    background: #fff;
    box-shadow: 0px 5px 10px 0 rgba(0,0,0,.2);
    margin-top: 100px;
    border-radius: 5px;
 }
 .inner-container .main-tablist {
    width: 100%;
    text-align: center;
 }
 .inner-container .main-tablist ul {
    width: 100%;
 }
 .inner-container .main-tablist ul li {
    width: 50%;
    padding: 0;
 }
 .inner-container .main-tablist ul li a {
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid rgba(0,0,0,.2);
    
 }
 .inner-container .main-tablist ul li a.active {
   border-top: 1px solid rgba(0,0,0,.2);
   border-left: 1px solid rgba(0,0,0,.2);
   border-right: 1px solid rgba(0,0,0,.2);
   border-bottom: none;
 }
 .inner-container .form-box input{
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
 }
 .inner-container .innerContent {
    padding: 30px 0 0 0;
 }
 .inner-container .form-box .reg-btn, .login-btn {
    background: #000;
    color: #fff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 .inner-container #message {
    text-align: center;
    font-size: 1.5em;
    text-decoration: underline;
    color: #333;
 }
 .main-tablist ul li a {
    text-transform: uppercase;
    color: #666;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
 }
 .innerContent label {
    text-transform: uppercase;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
 }
 .innerContent select {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
 }
 /* .innerContent .form-box input[type="submit"] {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
 } */
 .inner-container .form-box input::placeholder{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
  }
  .admin-body .timeline .preview-btn {
    text-decoration: none;
    color: #111;
    margin-bottom: 0;
    /*border: 2px solid #666;*/
    cursor: pointer;
    border-radius: 0px;
    transition: all .5s ease-in-out;

 }
  .admin-body .timeline .preview-btn a {
    text-decoration: none;
    color: #333;
 }
 /*.admin-body .timeline .preview-btn:hover {*/
 /*        text-decoration: none;*/
 /*   color: #fff;*/
 /*   background: #000;*/
 /*   border: 2px solid #000;*/
 /*}*/
 @media screen and (max-width:950px){
    .inner-container {
        padding: 10px 0;
    }
    .inner-container .store-logo a {
    font-size: 1.5em;
 }
 .inner-container .reg-box {
    padding: 20px 10px;
    margin-top: 10px;
 }
 .inner-container .main-tablist ul li a {
 font-size: 9px;   
 }
 .inner-container .form-box input::placeholder{
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
 }
 .inner-container .form-box label{
  font-size: 9px;
  margin-bottom: 0;
 }
 }
 .logout-btn {
    background: #000;
    color: #fff !important;
    margin: 0 5px;
    border-radius: 5px;
    padding: 7px 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
 }
 .heading-nav {
     padding: 0 20px;
     /* box-shadow: 0 0 5px 3px rgba(0, 0, 0,.1); */
     border-bottom: 1px solid rgba(0, 0, 0,.1);
 }
 .heading-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #333;
  }
 .lng_msg {
    margin-bottom: 10px;
    font-size: 1.5em;
    color: #000;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
 }
 .admin-body {
    margin-top: 0px;
    width: 100%;
    height: 85vh;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f8f8f8;
 }
 .admin-body .my-tab-box {
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
    height: 85vh;
 }
 .admin-body .my-tab-box ul {
    display: block;
 }
 .admin-body .my-tab-box ul li{
    margin-bottom: 5px;
 }
 .admin-body .my-tab-box ul li a {
    text-decoration: none;
    color: #444;
    font-size: 12px;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    padding: 15px 25px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0,.09);
 }
 .admin-body .my-tab-box ul li a.active {
   border-right: 4px solid #ab8659;
   color: #000;
   font-weight: 600;
 }
 .admin-body .innerContent {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2);
    border-radius: 8px;
    width: 100%;
    height: 85vh;
    overflow: auto;
    padding: 20px 20px;
    overflow: auto;
    scrollbar-color: rgba(0, 0, 0,.1) #f6f6f6;
    scrollbar-width: thin;
    scroll-behavior: smooth;
 }
 .admin-body .innerContent::-webkit-scrollbar {
    width: 6px;
    background-color: #ddd;
    } 
    .admin-body .innerContent::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0,.1);
    border-radius: 50px;
    }
    .admin-body .innerContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #ddd;
    border-radius: 50px;
    }
 .admin-body .timeline {
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 0px 0;
 }
 .admin-body .timeline .news-header {
    margin-bottom: 10px;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    margin-top: 10px;
 }
 .tab-pane.active h2 {
    margin-bottom: 10px;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    margin-top: 10px;
 }
 .admin-body .timeline .main-news-body {
    color: #666;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    line-height: 20px;
    margin-bottom: 10px;
 }
 .admin-body .timeline p {
    color: #222;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    line-height: 20px;
    margin-bottom: 0px;
    cursor:pointer;
 }
 .admin-body .timeline .author {
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-size: 11px;
    color: #777;
 }
 .admin-body .timeline .time {
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-size: 11px;
    color: #777;
 }
 .admin-body strong, b {
    color: #333;
 }
 .admin-body .timeline .delete-news {
    color: #111;
    margin-bottom: 0;
    /*border: 2px solid #666;*/
    cursor: pointer;
    border-radius: 0px;
    transition: all .5s ease-in-out;
 }
 /*.admin-body .timeline .delete-news:hover {*/
 /*   color: #fff;*/
 /*   background: #000;*/
 /*   border: 2px solid #000;*/
 /*}*/
 .admin-body .timeline .delete-program {
    color: #dc3545;
    /* margin-top: 6px; */
    cursor: pointer;
    /* background: #f00; */
       border-radius: 5px;
 }
 .admin-body .timeline .delete-radio {
    color: #dc3545;
    /* margin-top: 6px; */
    cursor: pointer;
    /* background: #f00; */
       border-radius: 5px;
 }
 .admin-body  .delete-user-btn {
    color: #dc3545;
    /* margin-top: 6px; */
    cursor: pointer;
    /* background: #f00; */
       border-radius: 5px;
 }
  p.delete-gallery-btn {
    color: #dc3545;
    /* margin-top: 6px; */
    cursor: pointer;
    /* background: #f00; */
       border-radius: 5px;
 }
 
 .admin-body .timeline .edit-btn {
    color: #111;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    /*border: 2px solid #666;*/
    margin-bottom: 0;
    border-radius: 0px;
    transition: all .5s ease-in-out;
 }
 /*.admin-body .timeline .edit-btn:hover {*/
 /*   background: #000;*/
 /*   color: #fff;*/
 /*   border: 2px solid #000;*/
 /*}*/
 .admin-body  .edit-user-btn {
    color: #333;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    /* background: #333; */
    border-radius: 5px;
 }
 .admin-body .timeline .edit-program-btn {
    color: #333;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    /* background: #333; */
    border-radius: 5px;
 }
 .admin-body .inner-tab-box ul li a {
    color: #555;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 12px;
 }
 .admin-body .inner-tab-box ul li a.active {
    color: #b2369d;
 }
 .admin-body .inner-tab-box ul li a.active::after {
    content: " ";
    width: 30px;
    height: 2px;
    background: #b2369d;
    display: block;
    margin: 0;
 }
 .admin-body .innerContent .post-news {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 .admin-body .innerContent .post-radio {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 .admin-body .innerContent .post-gallery {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 .admin-body .innerContent .reg-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 .admin-body .innerContent .post-program {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 .admin-body .innerContent .post-submit {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
    /* font-weight: 800; */
 }

 .admin-body input {
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
 }
 .admin-body textarea {
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
 }
 .admin-body input::placeholder {
    color: #999;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
 }
 .admin-body textarea::placeholder {
    color: #999;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
 }
 .admin-body .table-responsive .table thead th {
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
 }
 .admin-body .table-responsive .table tbody td {
    font-size: 11px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
 }
 .admin-body td.d-flex button {
    margin: 0 3px;
 }
  .admin-body .innerContent .d-flex {
        margin-bottom: 20px;
        background: #f2f2f2;
    }
       .admin-body .innerContent .d-flex .nav-item .nav-link{
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #aeaeae;
        text-decoration: none;
    }
        .admin-body .innerContent .d-flex .nav-item .nav-link.active{
        background: #002e5b;
        color: #fff;
    }
    .admin-body .innerContent .active_btn {
        color: #002e5b;
        text-decoration: underline
    }
 .vue_service.vue_single_story .item_box.row_3 .text_box p {
    font-size: 15px;
    font-family: DomaineDisplay,Georgia,serif;
    font-weight: bolder;
  }
 @media screen and (max-width:950px){
  nav.navbar {
    padding: 0px 5px;
  }
  .hero .carousel-control-prev, .hero .carousel-control-next {
    display: none;
  }
    .navbar .navbar-brand img {
       width: 170px;
       height: auto;
    }
    .vue_front_about {
        padding: 30px 15px;
    }
    .vue_front_about .text_box {
      padding: 0 5px;
    }
    .vue_front_about .text_box h2 {
      margin-bottom: 10px;
    }
    .vue_front_about .img_box {
      width: 100%;
      height: 40vh;
      border: 7px solid #fff;
      margin-top: 10px;
      padding: 10px;
    }
    .vue_house_fac .inner_content .text_box {
      margin-top: 0px;
      padding: 10px 0px;
    }
    .vue_house_fac {
      width: 100%;
      height: 94vh;
    }
    .vue_house_fac .img_box {
      width: 100%;
      height: 40vh;
    }
    /* .vue_house_types.apartments .img_box {
      width: 100%;
      height: 200px;
  } */
  .vue_house_types .img_box {
    width: 100%;
    height: 250px;
}
.vue_plans {
  padding: 0px 15px;
}
.vue_post .img_box {
  width: 100%;
  height: 200px;
}
.vue_post .img_box .img{
  border-radius: 3px;
}
  .heading h2 {
    font-size: 1.3em;
    margin-bottom: 15px;
  }
  .vue_house_types .heading h2::after {
    width: 60px;
  }
  .vue_plans .tab-content .tab-pane .innerContent .text_box p {
    font-size: 12px;
    color: #222;
  }
  .vue_plans .tab-content .tab-pane .innerContent .item_details .table tr td.table_head {
    font-size: 11px;
  }
  .vue_plans .tab-content .tab-pane .innerContent .item_details .table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .vue_plans .carousel-indicators {
    margin-bottom: 0;
    bottom: 10px;
  }
  .vue_services .text_box {
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 250px;
  }  
  .vue_services .text_box p {
    margin-top: 10px;
  }
  .vue_team {
    padding: 20px 15px;
  }
 .vue_team .item_box .img_box {
    width: 100%;
    height: 35vh;
 }
.vue_team .item_box .text_header h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #111;
    text-transform: uppercase;
    margin-bottom: 0;
}
.vue_team .item_box .text_header h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #666;
    font-weight: 600;
}
.vue_team .item_box .text_header {
   padding: 0px 0;
   margin-top: 10px;
}
.vue_team .item_box .box {
    padding: 0px 10px;
    margin-bottom: 30px;
    /* border-right: 1px solid rgba(0, 0, 0, 0.1); */
 }
 .vue_front_about .text_box ul li {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #444;
  line-height: 30px;
}
.vue_front_about .text_box ul  {
 padding-left: 20px;
}
 .vue_plans .carousel-control-next, .vue_plans .carousel-control-prev  {
  color: #000 !important;
  display: none;
}
 .vue_post {
  background-color: #fff;
  padding: 20px 15px;
}
.vue_post .item_box {
  margin-top: 10px;
}
.vue_post .item_box .box .date_box p {
  margin-top: 10px;
}
.footer {
  padding: 10px 40px;
  background: #f2f2f2;
}
.footer .box.left_box {
  text-align: center;
  margin-bottom: 20px;
}
.footer .right_box {
  text-align: center;
}
.vue_service.vue_single_story .items_box {
  margin-top: 0px;
  margin-bottom: 10px;
}
.vue_service.vue_single_story {
  padding: 10px 15px;
}
.vue_service.vue_single_story .item_box.row_1 {
  padding: 10px 0;
}
.vue_house_types {
  padding-top: 10px;
  padding-bottom: 20px;
  margin-top: 20px;
}
.vue_house_types.apartments .img_box {
  width: 100%;
  height: 220px;
  margin-bottom: 30px;
}
.projects {
  padding: 20px 15px;
}
.projects .img_box {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 10px;
}
.projects .img_box .img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.projects .img_box .text_box p {
  font-size: 20px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.projects .img_box .text_box span {
  font-size: 13px;
  font-weight: 500;
}
.vue_apartment .carousel-item .img_box {
  width: 100%;
  height: 40vh;
  border-radius: 5px;
}
.vue_apartment .carousel-indicators li {
  width: 5.5px;
  height: 5.5px;
}
.vue_apartment .get_items p i {
  font-size: 20px;
  color: #ab8659;
  margin-right: 5px;
}
.vue_apartment .get_items p {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  margin-bottom: 30px;
}
.vue_apartment .text_box ul li{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 400;
    padding: 6px 0;
}
.vue_apartment .text_box p {
  font-size: 12px;
  color: #000;
  font-weight: 400;
}
.vue_apartment .text_box {
margin-bottom: 40px;
}
.vue_apartment .social_icons {
  padding: 10px 0;
}
.vue_apartment .social_icons a {
  font-size: 20px;
}
.vue_apartment .item_box.recent .item .text_item  {
  margin-top: 10px;
}
.vue_apartment .item_box.recent .item .img_box {
  width: 100%;
  height: 100px;
}
.vue_apartment .item_box.recent .item .text_item h2 {
  font-size: 11px;
  color: #555;
  font-weight: 400;
}
.vue_apartment .item_box.recent .item .text_item a {
  border-bottom: 1px solid #ab8659;
  font-weight: 600;
  font-size: 10px;
}
.vue_apartment .item_box.recent .item:last-child {
  border-bottom: none;
  padding: 20px 0;
}
.vue_apartment {
  padding: 30px 15px;
}
    .admin-body .nav-mobile-role {
    display: flex !important;
   background: #f2f2f2;
    margin: 0px;
        margin-top: 0px;
    flex-wrap: nowrap !important;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 3px;
 }
 .admin-body {
    margin-top: 0px;
    padding: 10px 20px;
    background: #f8f8f8;
 }
 .admin-body .my-tab-box {
    background: #f2f2f2;
    margin-bottom: 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
 }
 .admin-body .my-tab-box ul li a {
    font-size: 11px;
    padding: 10px 15px;
 }
 .admin-body .innerContent {
    border-radius: 5px;
    padding: 5px 10px;
 }
 .admin-body .timeline {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 10px 0;
 }
 .admin-body .timeline .news-header {
    margin-bottom: 10px;
    font-size: .75em;
    margin-top: 10px;
    font-family: 'Poppins', sans-serif;
 }
 .admin-body .timeline .main-news-body {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
    margin-bottom: 10px;
 }
 .admin-body .timeline .edit-btn {
 border-radius: 0;
 font-size: 13px;
 margin-bottom: 0;
 }
 .admin-body .timeline .delete-news {
   border-radius: 0;
 font-size: 13px;
 margin-bottom: 0;
 }
 }
 #editNews label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #editNews input {
    color: #222;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editNews textarea {
    color: #222;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editNews .update-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 #editNews .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }
 
 
 
 #editPhotoModal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #editPhotoModal input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editPhotoModal textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editPhotoModal .update-photo-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 #editPhotoModal .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }
 
 
 #editGallery label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #editGallery input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editGallery textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editGallery .update-photo-btn {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    border: none;
 }
 #editGallery .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em
 }
 .admin-body .fa-trash {
    color: #dc3545;
 }
 .post-gallery {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 5px !important;
    border: none;
 }
 #editUser label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #editUser input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editUser textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #editUser .update-user-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 2px;
    font-size: 13px;
    cursor: pointer;
    border: none;
 }
 #editUser .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }
 .reg-btn {
    background: #333;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif !important; 
    border-radius: 3px !important;
    cursor: pointer;
    border: none;
    padding: 7px 22px !important;
 }
 
 #edit_career label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #edit_career input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_career textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_career .update-program-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #edit_career .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }

 #edit_team label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #edit_team input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_team textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_team .update-program-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #edit_team .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }


 #edit_portfolio label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #edit_portfolio input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_portfolio select {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_portfolio textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_portfolio .update-program-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #edit_portfolio .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }



 #edit_apartment label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #edit_apartment input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_apartment select {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_apartment textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_apartment .update-program-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #edit_apartment .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }
 
 
 
  #apply_modal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #apply_modal input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }

 #apply_modal .apply_action_btn {
    background: #28a745;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #apply_modal .modal-title {
    color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }



 #edit_career label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #edit_career input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_career textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_career .update-program-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #edit_career .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }


 #edit_service label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #edit_service input {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_service textarea {
    color: #666;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #edit_service .update-program-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #edit_service .modal-title {
     color: #333;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
 }


 
 #career_modal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #career_modal input {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #career_modal textarea {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #career_modal .update-radio-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #career_modal .modal-title {
     color: #333;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
 }


 #apartment_modal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #apartment_modal input {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #apartment_modal select {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #apartment_modal textarea {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #apartment_modal .update-radio-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #apartment_modal .modal-title {
     color: #333;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
 }



 #portfolio_modal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #portfolio_modal input {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #portfolio_modal select {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #portfolio_modal textarea {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #portfolio_modal .update-radio-btn {
    background: #28a745;
    color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 
 }
 #portfolio_modal .modal-title {
     color: #333;
    /* text-transform: uppercase; */
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
 }


 #serv_modal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #serv_modal input {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #serv_modal textarea {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #serv_modal .update-radio-btn {
    background: #28a745;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 #serv_modal .modal-title {
     color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
 }

 #team_modal label {
    color: #666;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
 }
 #team_modal input {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #team_modal textarea {
    color: #333;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0;
 }
 #team_modal .update-radio-btn {
    background: #28a745;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-size: 13px;
 }
 #team_modal .modal-title {
     color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
 }

 .alert {
    display: none;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,.15);
    }
    .alert p {
        margin-bottom: 0;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        /*text-transform: capitalize;*/
    }
    .alert-container {
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 999999999999;
    }
       .home.alert-container {
            position: fixed;
        }
       .home.alert-container .alert.alert-success {
            background: #002e5b ;
            border: none;
        }
          .home.alert-container p{
            color: #fff;
            font-size: 12px;
        }
        
        
    #delete_news .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_news .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     
     #delete_news .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_news .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }


     #delete_apartment .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_apartment .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     
     #delete_apartment .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_apartment .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
      #delete_comment .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_comment .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     
     #delete_comment .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_comment .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
     
     #delete_gallery_image .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_gallery_image .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_gallery_image .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_gallery_image .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
     
     
     #delete_program .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_program .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_program .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_program .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
     #delete_career .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_career .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_career .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_career .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }



     #delete_portfolio .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_portfolio .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_portfolio .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_portfolio .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
     
      #delete_service .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_service .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_service .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_service .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
     
     #delete_user .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_user .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_user .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_user .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }


     #delete_team .modal-title {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        color: #000;
        font-weight: 800;
     }
     #delete_team .box p{
        font-family: 'Poppins', sans-serif;
        /* margin-bottom: 0; */
        font-weight: 400;
        font-size: 12px;
     }
     #delete_team .delete_action_btn {
        background: #000;
        color: #fff !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     #delete_team .close_btn {
        background: transparent;
        color: #000;
        border: 2px solid #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        padding: 7px 15px;
        border-radius: 0;
     }
     
     .main-news .img_wrap {
        width: 100%;
        height: 250px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .main-news .box {
        box-shadow: 0px 5px 5px 0 rgba(0,0,0,.15);
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        margin-top: 0px ;
      }
      .main-news .box p.btn  {
        margin-bottom: 0px
      }
      .tab-pane .box {
        box-shadow: 0px 5px 5px 0 rgba(0,0,0,.15);
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 10px;
        padding: 15px;
        margin-top: 20px
      }
      .loader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.8);
        display: none;
        z-index: 99999999;
      }
      .loader .load {
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .inner_loader {
        position: relative;
        width: 100%;
        height: 80vh;
        background: rgba(255,255,255,.8);
        display: none;
      }
      .inner_loader .load {
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .tab-pane .action_btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'Poppins', sans-serif;
        border-radius: 5px;
        font-size: 13px;
        margin-bottom: 10px;
      }
      .more_action_btn {
            color: #28a745;
            font-family: 'Poppins', sans-serif;
            font-size: 13px;
            margin-bottom: 16px;
            margin-top: 10px;
            cursor: pointer;
      }
      .remove_action_btn {
        color: #dc3545;
        font-family: 'Poppins', sans-serif;
        font-size: 11px !important;
        padding: 0 0;
        cursor: pointer;
        background: transparent;
        margin-bottom: 20px;
      }
      .action_save {
        background: #28a745;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        border-radius: 5px;
        font-size: 13px;;
      }
      .drop_action {
        color: #333;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        cursor: pointer;
      }
      .options_box {
        border: 1px solid rgba(0, 0, 0,.1);
        border-radius: 5px;
        padding: 10px 15px;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        margin-bottom: 10px;
      }
      .options_box p {
        margin-bottom: 0;
    }
    .options_box i {
        color: #dc3545;
        cursor: pointer;
    }
    .blend {
        border: 1px solid rgba(0, 0, 0,.1);
        border-radius: 5px;
        margin: 30px 0;
        padding: 15px 20px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0,.1);
    }
    .blend h2{
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 600;
        color: #222;
    }
    .options_box .image_box {
        width: 100%;
        height: 150px;
        /* border: 1px solid rgba(0, 0, 0,.1);
        padding: 10px; */
    }
    .options_box .image_box .img{
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .options_box p {
        cursor: pointer;
        margin-bottom: 0;
        /* margin-top: 5px; */
    }
    .table_img {
        width: 60px;
        height: 60px;
    }
    .table_img .img {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
    }
    .plus_icon {
        display: none !important;
    }
    .phone_label {
        display: none;
    }
.card-body {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 25px;
}
    /************Mobile Responsive**********/
    @media screen and (max-width:950px){
        .hero .carousel-control-prev span {
            width: 20px;
            height: 20px;
            left: 0px;
            border: none;
            display: none;
          }
          .hero .carousel-control-next span {
            width: 20px;
            height: 20px;
            right: 0px;
            border: none;
            display: none;
          }
          .hero .carousel-caption {
            top: 30%;
            left: 3%;
            bottom: auto;
            width: 100%;
            padding: 20px;
          }
          .hero .carousel-caption h5 {
            font-size: 1.5em;
            font-weight: 800;
          }
          .hero .carousel-caption p {
            font-size: 14px;
          }
        .plus_icon {
            display: block !important;
        }
        .top_nav {
            display: none;
        }
        .bottom_nav {
            padding: 5px 10px;
            background-color: #fff;
        }
        .bottom_nav img {
            width: 50px !important;
            height: auto;
        }
        .bottom_nav .nav-item .nav-link {
            color: #002e5b;
            font-size: 14px;
            padding: 10px 15px;
            font-weight: 500;
        }
        .bottom_nav .nav-item .nav-link.active {
         color: #376899;
        }
        .bottom_nav .nav-item .nav-link.active::after {
            margin: unset;
           }
        .nav_socials {
            display: none;
        }
        .bottom_nav .navbar-toggler {
            border: none;
            color: #002e5b;
        }
        .vue_offers {
            padding: 50px 15px;
          }
          .vue_offers .item_box .bottom_box {
            bottom: auto;
            left: 0;
            top: 0;
            height: 250px;
            background: rgba(0, 46, 91,.8);
            padding: 25px 15px;
            transition: all .5s ease-in-out;
            text-align: center;
          }
          .vue_offers .bottom_box .text-box .hidden_div p {
            font-size: 12px;
            margin-bottom: 5px;
            line-height: 20px;
          }
          .vue_offers .bottom_box .text-box .hidden_div ul li {
            font-size: 12px;
            padding: 3px 0;
          }
            .vue_offers .bottom_box .text-box .hidden_div ul {
             list-style: none;
          }
          .vue_offers .item_box {
            margin-bottom: 30px;
          }
          .vue_offers .bottom_box .text-box .hidden_div {
            display: block;
            margin-top: 10px;
          }
          .vue_offers .bottom_box .pl-0 {
           padding-left: 15px !important;
          }
          .vue_services {
            padding: 20px 15px;
          }
          .vue_services .heading {
            padding: 0px 0;
          }
          .vue_services .inner_box {
            padding: 10px;
            height: auto;
            margin-bottom: 20px;
            background: #fff;
            padding: 20px 15px;
          }
          .vue_services .items_box {
            margin-bottom: 0px;
          }
          .vue_counter .item_box .txt-header h1 {
            font-size: 2em;
            margin-top: 20px;
          }
          .vue_counter  {
            padding: 50px 25px;
            background-attachment: unset;
          }
          .vue_blog .heading {
            padding: 0px 0;
          }
          .vue_blog {
            width: 100%;
            padding: 30px 15px;
          }
          .vue_blog .blog_body {
              margin-top: 30px;
          }
          .vue_blog .blog_body .item_box {
              margin-bottom: 40px;
              border-bottom: 1px solid rgba(0,0,0,.05);
              padding-bottom: 20px;
          }
          .vue_blog .blog_body .item_box .item_img {
              padding: 0;
              height: 200px;
          }
          .vue_blog .item_box .item_text  h2::before{
            margin-bottom: 10px;
        }
          .vue_call_request {
            padding: 50px 15px;
          }
          .vue_call_request .heading h2 {
            font-size: 2.2em;
            font-weight: 700;
          }
          .vue_call_request .form_box input {
            padding: 20px 15px;
            font-size: 12px;
          }
          .vue_call_request .form_box select {
            height: 40px;
            font-size: 12px;
          }
          .vue_call_request .form_box .form_button {
            padding: 10px 30px;
          }
          .phone_label {
              display: block;
          }
          .vue_maps iframe {
              height: 400px !important;
          }
          .vue_maps a {
            display: none;
        }
        .vue_maps .mapouter, .vue_maps .gmap_canvas{
            height: 400px !important;
        }
        .vue_footer {
            background: #002e5b;
            width: 100%;
            padding: 30px 15px;
            padding-bottom: 0;
          }
          .vue_footer .text-box {
            margin-top: 20px;
            margin-bottom: 20px;
          }
          .vue_footer .item_body {
              margin: 30px 0;
          }
          .vue_footer .item_box .title_head {
            border-bottom: 1px solid #7c7c7c;
            /* */
          }
          .footer_blog_header {
            margin-bottom: 40px;
          }
          .vue_footer .bottom_footer {
              text-align: center;
          }
          .vue_footer .text-right {
              text-align: unset !important;
          }
          .vue_footer .social-box {
              margin-top: 20px;
          }
          .vue_service .items_box {
            margin-top: 0;
          }
          .vue_service .heading h2 {
            font-size: 2em;
          }
          .vue_careers {
            padding: 30px 15px;
          }
          .vue_careers .item_box {
            margin-top: 20px;
          }
          .mobile_div {
              display: none;
          }
          .vue_careers .roles .table th{
            font-size: 13px;
            font-weight: 600;
         }
         .vue_careers .roles .table td{
            font-size: 12px;
         }
         .vue_careers .heading h2 {
            font-size: 1.5em;
            font-weight: 600;
          }
          .vue_careers .right_item_box {
            padding: 20px;
          }
          .vue_service .right_item_box {
            padding: 20px;
          }
          .vue_careers .box_body {
              margin-bottom: 40px;
          }
          .vue_careers .box_body .text_box p{
            margin-bottom: 5px;
        }
        .vue_service {
            width: 100%;
            padding: 30px 15px;
          }
          .vue_service .item_box {
              margin-bottom: 40px;
          }
          .vue_portfolio .heading h2 {
            font-size: 2em;
          }
          .vue_portfolio {
            padding: 30px 15px;
          }
          .vue_portfolio .item_box {
              margin-bottom: 40px;
          }
          .vue_portfolio .item_text .inner_text {
            display: block; 
        }
        .vue_portfolio .item_img .item_text {
            height: 100%;
        }
        .vue_portfolio .items_box {
            margin-top: 0px;
          }
          .vue_portfolio .heading {
            margin-bottom: 20px;
          }
          .vue_blog_body {
            padding: 30px 15px;
          }
          .vue_blog_body .heading h2 {
            font-size: 2em;
          }
          .vue_blog_body .item_box {
              margin-bottom: 50px;
          }
          .vue_blog_body .item_box .item_text {
              padding: 10px 30px;
          }
          .vue_careers .roles {
            margin-top: 0px;
          }
          .vue_careers .loop_item_row {
            padding: 20px 20px;
            margin-bottom: 20px;
          }
          .vue_careers .loop_item_row .inner_box{
            margin-bottom: 20px;
          }
          .vue_careers .roles.skill_row .item_body {
            margin-bottom: 20px;
          }
          .vue_careers .roles .item_body.box ul {
            padding-left: 20px;
          }
          .vue_careers .roles .title {
            padding: 10px 0;
            margin-bottom: 0px;
          }
          .vue_team_single .heading h2 {
            font-size: 1.5em;
          }
          .vue_team_single {
            padding: 30px 15px;
          }
          .vue_team_single .text_box {
              /* margin-top: 30px; */
          }
          .vue_team_single .item_box .image_box {
           margin-bottom: 30px;
          }
          .vue_team_single .about_user, .profile.item_box {
            padding: 0px 0;
          }
          .vue_team_single .item_box.contact {
            background: #002e5b;
            margin: 0px 0;
            padding: 20px 15px;
          }
          .vue_team_single .item_box.contact h2 {
            font-weight: 600;
            margin-bottom: 20px;
          }
          .vue_team_single .item_box.contact h3 {
            font-size: 13px;
            margin-bottom: 10px;
          }
          .vue_portfolio_body .heading h2 {
            font-size: 1.5em;
          }
          .vue_portfolio_body {
            padding: 30px 15px;
          }
          .vue_portfolio_body .portfolio_img .carousel-item {
            width: 100%;
            height: 40vh;
          }
          .vue_portfolio_body .portfolio_img {
            padding:10px 0;
          }
          .vue_portfolio_body .portfolio_details .box {
              margin-bottom: 20px;
          }
          .vue_portfolio_body .portfolio_text {
            margin-bottom: 10px;
          }
          .vue_single_story .post-heading {
            /* border-bottom: 1px solid rgba(0, 0, 0,.1); */
            padding: 5px 0;
          }
          .vue_single_story .post-heading h2 {
            font-size: 20px;
          }
        .vue_service.vue_single_story .item_box.row_2 p {
        font-size: 15px;
        line-height: 30px;
        }
          .vue_service.vue_single_story .item_box.row_1 p {
            font-size: 15px;
            margin-bottom: 0;
          }
          .footer .mid_box p {
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
          }
          .contact_hero .heading h2 {
            font-size: 1.5em;
          }
                .contact_hero {
                padding: 100px 15px;
                }
          .vue_front_about .text_box p {
            margin-bottom: 10px;
          }
          .vue_front_about .text_box h2 {
            font-family: 'Orbitron', sans-serif;
            font-size: 1.3em;
          }
          /*.vue_service.vue_single_story .bottom_box{*/
          /* margin-top: 5px;*/
          /*}*/
              .vue_single_story .bottom_box {
                    padding: 7px 0;
                    border-bottom: 1px solid rgba(0,0,0,.1);
                    margin-top: 0;
                }
                    .vue_single_story .bottom_box p{
                  margin-bottom: 0;
                }
          .vue_service .item_box.row_1 {
            margin-bottom: 0px;
          }
          .vue_service .items_box .blog_image_box {
            width: 100%;
            height: 40vh;
          }
          .vue_service.vue_single_story .item_box.row_2 {
            padding: 10px 0;
          }
          .vue_service.vue_single_story .item_box.row_3 .text_box p {
            margin-bottom: 0;
            font-size: 12px;
          }
          .vue_service.vue_single_story .item_box.row_3 {
            padding: 10px 0;
          }
            .vue_service.vue_single_story .item_box.row_3 a {
            font-size: 15px;
            }
    }

 .fetch_career .table-responsive a {
     color: #4485c5;
 }
 
 
 .ult_loader {
        position: relative;
        padding: 100px 0;
        background-color: rgba(255,255,255,.9);
        display: block;
    }
   .ult_loader .lds-ripple {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 49%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
      }
     .ult_loader .lds-ripple div {
        position: absolute;
        border: 4px solid #ab8659;
        /* background: #376899; */
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
      }
     .ult_loader .loader-text p{
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
        text-align: center;
        color: #aeaeae;
        margin-bottom: 0;
      }
     .ult_loader .loader-text {
        position: absolute;
        width: 100%;
        height: auto;
        top: 75%;
        left: 51%;
        transform: translate(-50%, -50%);
      }
      .lds-ripple div:nth-child(2) {
        animation-delay: -0.5s;
      }
      @keyframes lds-ripple {
        0% {
          top: 36px;
          left: 36px;
          width: 0;
          height: 0;
          opacity: 0;
        }
        4.9% {
          top: 36px;
          left: 36px;
          width: 0;
          height: 0;
          opacity: 0;
        }
        5% {
          top: 36px;
          left: 36px;
          width: 0;
          height: 0;
          opacity: 1;
        }
        100% {
          top: 0px;
          left: 0px;
          width: 72px;
          height: 72px;
          opacity: 0;
        }
      }
      @media screen and (max-width:950px){
          .ult_loader .loader-text {
        left: 52%;
      }
      }
      
       .alt_loader {
        position: fixed;
        width: 100%;
        height: 100%;
        /*padding: 100px 0;*/
        background-color: rgba(255,255,255,.9);
        display: none;
        z-index: 999999999;
    }
    .alt_loader .lds-ripple {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 49%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
      }
     .alt_loader .lds-ripple div {
        position: absolute;
        border: 4px solid #ab8659;
        /* background: #376899; */
        opacity: 1;
        border-radius: 50%;
        animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
      }
     .alt_loader .loader-text p{
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
        text-align: center;
        color: #aeaeae;
        margin-bottom: 0;
      }
     .alt_loader .loader-text {
        position: absolute;
        width: 100%;
        height: auto;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .alt_loader .lds-ripple div:nth-child(2) {
        animation-delay: -0.5s;
      }
      @keyframes lds-ripple {
        0% {
          top: 36px;
          left: 36px;
          width: 0;
          height: 0;
          opacity: 0;
        }
        4.9% {
          top: 36px;
          left: 36px;
          width: 0;
          height: 0;
          opacity: 0;
        }
        5% {
          top: 36px;
          left: 36px;
          width: 0;
          height: 0;
          opacity: 1;
        }
        100% {
          top: 0px;
          left: 0px;
          width: 72px;
          height: 72px;
          opacity: 0;
        }
      }
      
    .comment_btn {
        cursor: pointer;
    }
     .fixed_bg {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0,0,0,.4);
        z-index: 999;
        display: none;
    }
    .right_action_box {
        width: 35%;
        height: 100vh;
        overflow: auto;
        overflow-x: hidden;
        scrollbar-color: rgba(0,0, 0,.1) #f2f2f2;
        scrollbar-width: thin;
        scroll-behavior: smooth;
        position: fixed;
        background: #fff;
        z-index: 9999;
        top: 0;
        right: -100%;
        transition: all .6s ease-in-out;
        box-shadow: 0 -10px 30px 5px rgba(0, 0, 0,.2);
    }
    .right_action_box::-webkit-scrollbar {
    width: 6px;
    background-color: #f2f2f2;
    } 
    .right_action_box::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0,.1);
    border-radius: 50px;
    }
    .right_action_box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #f2f2f2;
    border-radius: 50px;
    }
    .right_action_box.active {
        right: 0 !important;
        transition: all .6s ease-in-out;
    }
    .right_action_box .close_btn {
        cursor: pointer;
    }
    .right_action_box .modal_header {
        padding: 15px 15px;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .right_action_box .modal_footer {
        padding: 10px 15px;
        border-top: 1px solid rgba(0,0,0,.1);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
    }
    .right_action_box .modal_body {
        padding: 10px 15px;
        /* border-top: 1px solid rgba(0,0,0,.1); */
        position: absolute;
        left: 0;
        top: 70px;
        width: 100%;
        height: 80vh;
        overflow: auto;
        overflow-x: hidden;
        scrollbar-color: rgba(0,0, 0,.1) #f2f2f2;
        scrollbar-width: thin;
        scroll-behavior: smooth;
        /* border: 1px solid #333; */
    }
    .right_action_box .modal_body::-webkit-scrollbar {
    width: 6px;
    background-color: #f2f2f2;
    } 
    .right_action_box .modal_body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0,.1);
    border-radius: 50px;
    }
    .right_action_box .modal_body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #f2f2f2;
    border-radius: 50px;
    }
    .right_action_box .modal_header h2{
       font-weight: 600;
       font-family: 'Poppins', sans-serif;
       font-size: 1.2em;
       margin-bottom: 0;
    }
    .right_action_box .modal_header i{
       font-size: 1.5em;
    }
    .right_action_box .modal_footer .main_action_btn {
font-family: 'Poppins', sans-serif;
color: #fff;
font-size: 12px;
border: 2px solid #0AD35A;
background: #0AD35A;
    }
    

    .right_action_box .form_box {
        /* padding-bottom: 20px; */
        /* border-bottom: 1px solid rgba(0,0,0,.1); */
    }
    .right_action_box .item_response label{
        font-family: 'Poppins', sans-serif;
        color: #555;
        font-size: 12px;
    }
    .right_action_box .item_response h2{
        font-family: 'Poppins', sans-serif;
        color: #111;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }
    .right_action_box .item_response span{
        font-family: 'Poppins', sans-serif;
        color: #aeaeae;
        font-size: 12px;
    }
    .right_action_box .item_response .para {
        margin-top: 20px;
    }
    .right_action_box .item_response .para p{
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 13px;
        line-height: 20px
    }
    .right_action_box .item_response  ul li{
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 13px;
        margin-bottom: 10px;
        /* line-height: 20px */
    }
    .right_action_box .item_response  ol li{
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 13px;
        margin-bottom: 10px;
        /* line-height: 20px */
    }
    .right_action_box .item_response  a{
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 13px;
        line-height: 20px
    }
    .right_action_box .item_response  i{
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 13px;
        line-height: 20px
    }
    .right_action_box .item_response {
        border-bottom: 1px solid rgba(0,0,0,.1);
        padding: 10px 0px;
        margin-bottom: 30px;
        padding: 15px 0;
    }
    .right_action_box .reply_panel {
        border-left: 3px solid #c4c2c2;
        padding: 0px 20px;
        display: none;
        margin-left: 20px;
        margin-top: 10px;
        transition: all .5s ease-in-out;
    }
    .right_action_box .reply_panel input{
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        border-radius: 0;
    }
    .right_action_box .reply_panel input::placeholder {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #666;  
    }
    .right_action_box .reply_panel.reply_panel_active {
        display: block;
        transition: all .5s ease-in-out;
    }
    .right_action_box .rep_btn {
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 14px;
        margin-bottom: 0;
        cursor: pointer;
        transition: all .5s ease-in-out;
    }
    .right_action_box .rep_btn:hover {
        text-decoration: underline;
    }

       .right_action_box .form_box label {
        font-family: 'Poppins', sans-serif;
        color: #333;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .right_action_box  .form_box input {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        border-radius: 0;
    }
    .right_action_box .form_box input::placeholder {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        color: #666;  
    }
    .right_action_box .repond_active {
        font-family: 'Poppins', sans-serif;
        color: #fff;
        font-size: 12px;
        border: 2px solid #0AD35A;
        background: #0AD35A;
        border-radius: 5px !important;
    }
    .right_action_box .show_reply_toggle {
        display: none;
    }
    .right_action_box .show_reply_toggle.show_reply_toggle_active {
        display: block;
    }
    .right_action_box .reply_panel textarea {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        border-radius: 0;
    }
    .right_action_box .no_comment {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 600;
    }
   .right_action_box .no_reply {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: 600;
    }
    .reply_item_response {
        padding: 0px 20px;
        border-left: 3px solid #c4c2c2;
        margin-left: 20px;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .reply_item_response h3 {
        color: #222;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 0;
    }
    .reply_item_response p {
        color: #444;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .right_action_box .alert p {
        font-size: 12px;
    }

    @media screen and (max-width:950px){
        .right_action_box {
            width: 100% !important;
            height: 95vh !important;
            top: auto;
            right: 0;
            bottom: -100%;
            box-shadow: 0 -10px 30px 5px rgba(0, 0, 0,.2);
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }
        .right_action_box.active {
            bottom: 0 !important;
            transition: all .6s ease-in-out;
            }
            .right_action_box .modal_header h2 {
            font-size: 1em;
            }
            .right_action_box .item_response h2 {
            font-size: 14px;
            }
        .right_action_box .item_response .para p {
        font-size: 12px;
        line-height: 23px;
        }
        .reply_item_response {
        padding: 0px 10px;
        border-left: 2px solid #c4c2c2;
        margin-left: 5px;
        margin-bottom: 20px;
        }
        .reply_item_response p {
        font-size: 12px;
        margin-top: 5px;
        }
        .right_action_box .reply_panel {
        border-left: 2px solid #c4c2c2;
        padding: 0px 10px;
        margin-left: 5px;
        margin-top: 10px;
        }
        .right_action_box .item_response .para {
        margin-top: 10px;
        }
        .right_action_box .rep_btn {
        font-family: 'Poppins', sans-serif;
        color: #222;
        font-size: 13px;
        text-decoration: underline;
        }
    }

        @media screen and (max-width:950px){
        .navbar-collapse {
        padding: 10px 0;
        }
        .contact_details .items_box .box {
        margin-bottom: 40px;
        }
        .contact_details .items_box .box i {
        font-size: 2em;
        margin-bottom: 5px;
        }
        .contact_details .items_box .box.mid_box {
        border-left: none;
        border-right: none;
        }
        .contact_form {
        padding: 10px 5px;
        }
        .contact_form {
        padding: 10px 15px;
        }
        .contact_details .items_box .box .title {
        font-size: 12px;
        margin-bottom: 5px;
        }
        }