@font-face {
	font-family: 'CircularStd-Black';
	src: url('font/circular/CircularStd-Black.otf');
	font-weight: 900;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'CircularStd-Bold';
	src: url('font/circular/CircularStd-Bold.otf');
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'CircularStd-Light';
	src: url('font/circular/CircularStd-Light.otf');
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: 'CircularStd-Light';
	src: url('font/circular/CircularStd-Light.otf');
	font-display: swap;
	font-style: normal;
}
    /*****Admin*********/
    .navbar-brand {
         font-family: 'CircularStd-Bold', sans-serif !important;
        font-size: 2em;
        text-decoration: none;
        color: #000;
    }
       .reg-box .img-box {
         font-family: 'CircularStd-Bold', sans-serif !important;
        font-size: 2em;
        text-decoration: none;
        color: #000;
    }
        .modal-lg {
            max-width: 1000px !important;
        }
    .inner-container {
        padding: 20px 30px;
     }
     .ck-content p {
        font-family: 'CircularStd-Light', sans-serif !important;
        font-size: 15px;
      }
      .ck-content ul li{
         font-family: 'CircularStd-Light', sans-serif !important;
  font-size: 15px;
      }
      .ck-content ol li {
       font-family: 'CircularStd-Light', sans-serif !important;
         font-size: 15px;
      }
      .ck-content a {
        font-family: 'CircularStd-Light', sans-serif !important;
          font-size: 15px;
      }
     .inner-container .store-logo a {
        text-decoration: none;
        color: #000;
        font-size: 2.5em;
     }
     .inner-container .reg-box {
        padding: 50px 30px;
        background: #fff;
        box-shadow: 0px 5px 10px 0 rgba(0,0,0,.2);
        margin-top: 200px;
        border-radius: 10px;
     }
         .inner-container .reg-box input {
           font-family: 'CircularStd-Light', sans-serif;
        font-size: 16px;
     }
     .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);
        font-family: 'CircularStd-Light', sans-serif;
     }
     .inner-container .innerContent {
        padding: 30px 0 0 0;
     }
     .inner-container .form-box .reg-btn, .login-btn {
        background: #038C3E;
        color: #fff;
        cursor: pointer;
        font-family: 'CircularStd-Light', sans-serif;
     }
     .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: 'CircularStd-Light', sans-serif;
        font-size: 13px;
     }
     .innerContent label {
        text-transform: uppercase;
        color: #000;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 10px;
     }
     .innerContent select {
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 12px;
     }
     /* .innerContent .form-box input[type="submit"] {
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 12px;
     } */
     .inner-container .form-box input::placeholder{
        font-size: 12px;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        font-size: 12px;
     }
     .heading-nav {
         padding: 15px 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: 'CircularStd-Light', sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #333;
      }
     .lng_msg {
        margin-bottom: 10px;
        font-size: 1.5em;
        color: #038C3E;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-weight: 900;
     }
     
     .admin-body {
        margin-top: 0px;
        width: 100%;
        height: 95vh;
        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: 14px;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        padding: 20px 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 #038C3E;
       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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        font-weight: 800;
        margin-top: 10px;
     }
     .admin-body .timeline .main-news-body {
        color: #666;
        font-size: 12px;
        font-family: 'CircularStd-Light', sans-serif;
        line-height: 20px;
        margin-bottom: 10px;
     }
     .admin-body .timeline p {
        color: #222;
        font-size: 12px;
        font-family: 'CircularStd-Light', sans-serif;
        line-height: 20px;
        margin-bottom: 0px;
        cursor:pointer;
     }
     .admin-body .timeline .author {
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        margin-bottom: 0;
        font-size: 11px;
        color: #777;
     }
     .admin-body .timeline .time {
        text-transform: uppercase;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        cursor: pointer;
        /* background: #333; */
        border-radius: 5px;
     }
     .admin-body .timeline .edit-program-btn {
        color: #333;
        font-family: 'CircularStd-Light', sans-serif;
        cursor: pointer;
        /* background: #333; */
        border-radius: 5px;
     }
     .admin-body .inner-tab-box ul li a {
        color: #555;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     .admin-body .innerContent .post-radio {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     .admin-body .innerContent .post-gallery {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     .admin-body .innerContent .reg-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     .admin-body .innerContent .post-program {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     .admin-body .innerContent .post-submit {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
        /* font-weight: 800; */
     }
    
     .admin-body input {
        border-radius: 0;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 13px;
     }
     .admin-body textarea {
        border-radius: 0;
        font-family: 'CircularStd-Light', sans-serif;
     }
     .admin-body input::placeholder {
        color: #999;
        font-size: 12px;
        font-family: 'CircularStd-Light', sans-serif;
     }
     .admin-body textarea::placeholder {
        color: #999;
        font-size: 12px;
        font-family: 'CircularStd-Light', sans-serif;
     }
     .admin-body .table-responsive .table thead th {
        font-size: 11px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
        font-weight: 600;
     }
     .admin-body .table-responsive .table tbody td {
        font-size: 11px;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', 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: #038C3E;
      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 #038C3E;
      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: 'CircularStd-Light', sans-serif;
     }
     .admin-body .timeline .main-news-body {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #editNews input {
        color: #222;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editNews textarea {
        color: #222;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editNews .update-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     #editNews .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
     
     
     
     #editPhotoModal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #editPhotoModal input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editPhotoModal textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editPhotoModal .update-photo-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     #editPhotoModal .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
     
     
     #editGallery label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #editGallery input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editGallery textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editGallery .update-photo-btn {
        background: #333;
        color: #fff;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        border: none;
     }
     #editGallery .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em
     }
     .admin-body .fa-trash {
        color: #dc3545;
     }
     .post-gallery {
        background: #333;
        color: #fff;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif !important;
        border-radius: 5px !important;
        border: none;
     }
     #editUser label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #editUser input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editUser textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #editUser .update-user-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 2px;
        font-size: 13px;
        cursor: pointer;
        border: none;
     }
     #editUser .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
     .reg-btn {
        background: #333;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #edit_career input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_career textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_career .update-program-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #edit_career .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
    
     #edit_team label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #edit_team input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_team textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_team .update-program-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #edit_team .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
    
    
     #edit_portfolio label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #edit_portfolio input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_portfolio select {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_portfolio textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_portfolio .update-program-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #edit_portfolio .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
    
    
    
     #edit_apartment label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #edit_apartment input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_apartment select {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_apartment textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_apartment .update-program-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #edit_apartment .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
     
     
     
      #apply_modal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #apply_modal input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
    
     #apply_modal .apply_action_btn {
        background: #28a745;
        color: #fff;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #apply_modal .modal-title {
        color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
    
    
    
     #edit_career label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #edit_career input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_career textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_career .update-program-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #edit_career .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
    
    
     #edit_service label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #edit_service input {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_service textarea {
        color: #666;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #edit_service .update-program-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #edit_service .modal-title {
         color: #333;
        text-transform: uppercase;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.5em;
        font-weight: 800;
     }
    
    
     
     #career_modal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #career_modal input {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #career_modal textarea {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #career_modal .update-radio-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #career_modal .modal-title {
         color: #333;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.2em;
        font-weight: 800;
     }
    
    
     #apartment_modal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #apartment_modal input {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #apartment_modal select {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #apartment_modal textarea {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #apartment_modal .update-radio-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #apartment_modal .modal-title {
         color: #333;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.2em;
        font-weight: 800;
     }
    
    
    
     #portfolio_modal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #portfolio_modal input {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #portfolio_modal select {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #portfolio_modal textarea {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #portfolio_modal .update-radio-btn {
        background: #28a745;
        color: #fff;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     
     }
     #portfolio_modal .modal-title {
         color: #333;
        /* text-transform: uppercase; */
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.2em;
        font-weight: 800;
     }
    
    
     #serv_modal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #serv_modal input {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #serv_modal textarea {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #serv_modal .update-radio-btn {
        background: #28a745;
        color: #fff;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     #serv_modal .modal-title {
         color: #333;
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 1.2em;
        font-weight: 800;
     }
    
     #team_modal label {
        color: #666;
        font-size: 10px;
        font-family: 'CircularStd-Light', sans-serif;
        text-transform: uppercase;
     }
     #team_modal input {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #team_modal textarea {
        color: #333;
        font-size: 13px;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 0;
     }
     #team_modal .update-radio-btn {
        background: #28a745;
        color: #fff;
        font-family: 'CircularStd-Light', sans-serif;
        border-radius: 5px;
        font-size: 13px;
     }
     #team_modal .modal-title {
         color: #333;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_news .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_apartment .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_comment .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_gallery_image .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_program .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_career .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_portfolio .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_service .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_user .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            font-size: 1.1em;
            color: #000;
            font-weight: 800;
         }
         #delete_team .box p{
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
            border-radius: 5px;
            font-size: 13px;
            margin-bottom: 10px;
          }
          .more_action_btn {
                color: #28a745;
                font-family: 'CircularStd-Light', sans-serif;
                font-size: 13px;
                margin-bottom: 16px;
                margin-top: 10px;
                cursor: pointer;
          }
          .remove_action_btn {
            color: #dc3545;
            font-family: 'CircularStd-Light', sans-serif;
            font-size: 11px !important;
            padding: 0 0;
            cursor: pointer;
            background: transparent;
            margin-bottom: 20px;
          }
          .action_save {
            background: #28a745;
            color: #fff;
            font-family: 'CircularStd-Light', sans-serif;
            border-radius: 5px;
            font-size: 13px;;
          }
          .drop_action {
            color: #333;
            font-family: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        font-size: 13px;
        line-height: 25px;
    }
    .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 #038C3E;
        /* 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: 'CircularStd-Light', 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 #038C3E;
        /* 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: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        color: #555;
        font-size: 12px;
    }
    .right_action_box .item_response h2{
        font-family: 'CircularStd-Light', sans-serif;
        color: #111;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }
    .right_action_box .item_response span{
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        color: #222;
        font-size: 13px;
        line-height: 20px
    }
    .right_action_box .item_response  ul li{
        font-family: 'CircularStd-Light', sans-serif;
        color: #222;
        font-size: 13px;
        margin-bottom: 10px;
        /* line-height: 20px */
    }
    .right_action_box .item_response  ol li{
        font-family: 'CircularStd-Light', sans-serif;
        color: #222;
        font-size: 13px;
        margin-bottom: 10px;
        /* line-height: 20px */
    }
    .right_action_box .item_response  a{
        font-family: 'CircularStd-Light', sans-serif;
        color: #222;
        font-size: 13px;
        line-height: 20px
    }
    .right_action_box .item_response  i{
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        font-size: 12px;
        border-radius: 0;
    }
    .right_action_box .reply_panel input::placeholder {
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        color: #333;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .right_action_box  .form_box input {
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 12px;
        border-radius: 0;
    }
    .right_action_box .form_box input::placeholder {
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 12px;
        color: #666;  
    }
    .right_action_box .repond_active {
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        font-size: 12px;
        border-radius: 0;
    }
    .right_action_box .no_comment {
        font-family: 'CircularStd-Light', sans-serif;
        font-size: 12px;
        font-weight: 600;
    }
    .right_action_box .no_reply {
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        margin-bottom: 0;
    }
    .reply_item_response p {
        color: #444;
        font-size: 13px;
        font-family: 'CircularStd-Light', 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: 'CircularStd-Light', sans-serif;
        color: #222;
        font-size: 13px;
        text-decoration: underline;
        }
    }