@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=Cinzel:wght@400;500&display=swap');
@font-face {
    font-family: Vogue;
    src: url(SaolDisplay.otf);
  }
body {
    padding:  0;
    margin: 0;
}

.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;
 }
 .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;
 }
.top_nav {
    font-family: 'Poppins', sans-serif;
    padding: 0;
    background-color: #002e5b;
}
.top_nav .nav-item .nav-link {
    color: #fff;
    font-size: 12px;
    margin: 0 20px;
    padding: 10px 10px;
}
.top_nav .nav-item .nav-link:hover {
    color: #fff;
}
.top_nav .nav-item .nav-link i {
    color: #fde428;
    font-size: 15px;
    margin-right: 20px;
}
.top_nav .nav-item .nav-link.head_office {
    background-color: #fde428;
    color: #002e5b;
}
.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 .hero_nav {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
      }
.hero .carousel-control-prev span {
    width: 35px;
    height: 35px;
    border: 3px solid #ddd;
    transition: all .5s ease-in-out;
    background: transparent;
    position: relative;
    left: -50px;
    cursor: pointer;
}
.hero .carousel-control-next span {
    width: 35px;
    height: 35px;
    border: 3px 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: #002e5b;
    border: 3px solid #002e5b;
    cursor: pointer;
}
.hero .carousel-caption {
    top: 30%;
    left: 10%;
    bottom: auto;
    text-align: left;
    width: 50%;
    /* border: 1px solid red; */
    padding: 40px;
}
.hero .carousel-caption h5{
    font-family: 'Poppins', sans-serif;
    font-size: 2.5em;
    font-weight: 800;
    color: #fff;
}
.hero .carousel-caption p{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #fff;
}
.hero .carousel-caption a{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #fff;
    background: #002e5b;
    font-weight: 600;
}
.hero .carousel-caption a i{
  margin-left: 15px;
  color: #fde428;
  font-size: 10px;
}
.hero .carousel-item .carousel-caption .contact_btn {
    background-color: #fde428;
    color: #002e5b;
}
 .bottom_nav {
    background-color: rgba(255, 255, 255,.5);
    padding: 0 50px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0,.1);
    font-family: 'Poppins', sans-serif;
}
.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 {
   content: "";
   width: 20px;
   height: 3px;
   background: #fde428;
   display: block;
    margin: 0 auto;
   }
.bottom_nav .nav-item .dropdown-item {
    font-size: 13px;
}
.bottom_nav .nav-item .dropdown-item:hover {
    background-color: #002e5b;
    color: #fff;
}
.vue_offers {
    width: 100%;
    padding: 100px 15px;
}
.vue_offers .item_box {
    width: 100%;
    height: 250px;
    border: 1px solid #ddd;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    transition: all .5s ease-in-out;
}
.vue_offers .item_box:hover .bottom_box{
   bottom: 0;
   /* top: 0; */
   width: 100%;
   height: 100%;
   transition: all .5s ease-in-out;
}

.vue_offers .item_box .bottom_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgba(0, 46, 91,.9);
    padding: 25px 15px;
    transition: all .5s ease-in-out;
    overflow: hidden;
    cursor: pointer;
}
.vue_offers .bottom_box .text-box i {
    font-size: 25px;
    color: #fde428;
}
.vue_offers .bottom_box .text-box h2 {
    font-size: 20px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_offers .bottom_box .text-box .hidden_div {
    /* display: none;
    overflow: hidden; */
}
.vue_offers .bottom_box .text-box .hidden_div {
    margin-top: 20px;
}
.vue_offers .bottom_box .text-box .hidden_div p {
    font-size: 13px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}
.vue_offers .bottom_box .text-box .hidden_div ul li {
    font-size: 13px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 3px 0;
}
.vue_offers .bottom_box .text-box .hidden_div ul {
margin: 0;
padding: 0;
margin-bottom: 5px;
}
.vue_offers .bottom_box .text-box .hidden_div a {
    font-size: 13px;
    color: #fde428;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}
.vue_offers .bottom_box:hover .text-box .hidden_div {
    display: block;
}
.vue_services {
    width: 100%;
    padding: 100px 15px;
    background: #f2f2f2;
}
.vue_services .heading {
    padding: 30px 0;
}
.vue_services .heading h2 {
    font-size: 2.5em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.table-responsive a {
    text-decoration: none;
    color: #222;
}
.vue_services .heading h2::after {
    content: " ";
    width: 60px;
    height: 5px;
    background: #fde428;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
}
.vue_services .items_box {
    margin-bottom: 50px;
}   
.vue_services .inner_box {
    /* background-color: #fff; */
    padding: 40px 20px;
    border-radius: 5px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    width: 100%;
    /* height: 130px; */
}
.vue_services .inner_box:hover {
    background-color: #fff;
}
.vue_services .inner_box .text-box h2 {
    font-size: 1em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_services .inner_box .text-box i {
    font-size: 2em;
    color: rgb(0, 46, 91);
    margin-top: 5px;
    position: relative;
    width: 65px;
    height: 55px;
}
/* .vue_services .inner_box .text-box i::after {
    content: "\e91c";
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 55px;
} */

.vue_services .inner_box .text-box p {
    font-size: 13px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}
.vue_counter {
    width: 100%;
    padding: 100px 15px;
    /* height: 70vh; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-image: linear-gradient(to left, rgba(0, 0, 0,.4), rgba(0, 0, 0,.4)), url('../img/pic7.jpg');
    position: relative;
}
.vue_counter .item_box {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 80%; */
}
.vue_counter .item_box .icon-box i{
    color: #fde428;
    font-size: 3em;
    margin-top: 5px;
}
.vue_counter .item_box .txt-header h1{
    color: #fde428;
    font-size: 2.5em;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_counter .item_box .txt-header h2{
    color: #fff;
    font-size: 2.5em;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_counter .item_box .conter_box {
    margin-top: 50px;
}
.vue_counter .item_box .conter_box h2 {
    color: #fff;
    font-size: 3em;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_counter .item_box .conter_box span {
    color: #fff;
    font-size: 3em;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_counter .item_box .conter_box p {
    color: #fff;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.vue_blog {
    width: 100%;
    padding: 50px 15px;
}
.vue_blog .heading {
    padding: 30px 0;
}
.vue_blog .heading h2 {
    font-size: 2.5em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_blog .heading h2::after {
    content: " ";
    width: 60px;
    height: 5px;
    background: #fde428;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
}
.vue_blog .item_box .item_text {
    margin-top: 20px;
}
.vue_blog a {
    text-decoration: none;
    color: #000;
}
.vue_blog .item_box .item_text  {
    margin-top: 20px;
}
.vue_blog .item_box .item_text  h2{
    font-size: .9em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
}
.vue_blog .item_box .item_text  h2::before{
    content: " ";
    width: 40px;
    height: 5px;
    background: #fde428;
    margin-bottom: 20px;
    display: block;
}
.vue_blog .item_box .item_text  i{
    font-size: 15px;
    color: #fde428;
}
.vue_blog .item_box .item_text  span{
    font-size: 13px;
    color: #666;
    font-family: 'Poppins', sans-serif;
}
.vue_blog .item_img {
    width: 100%;
    height: 200px;
    border: 1px solid rgba(0,0,0,.08);
    padding: 10px;
}
.vue_blog .item_img .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
}
.vue_call_request {
    width: 100%;
    padding: 100px 15px;
    background: #222;
}

.vue_call_request .heading h2 {
    font-size: 2.5em;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_call_request .heading h2::after {
    content: " ";
    width: 60px;
    height: 5px;
    background: #fde428;
    margin-top: 10px;
    display: block;
}
.vue_call_request .form_box label {
    font-size: 12px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}
.vue_call_request .form_box input {
    /* background: #fff; */
    padding: 25px 15px;
    border-radius: 0;
    color: #222;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
.vue_call_request .form_box input::placeholder {
    font-size: 13px;
}
.vue_call_request .form_box input::placeholder {
    color: #555;
}
.vue_call_request .form_box select {
    height: 50px;
    border-radius: 0;
    color: #222;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}
.vue_call_request .form_box .form_button {
    background: #002e5b;
    color: #fff;
    border: none;
    padding: 15px 30px;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.vue_call_request .form_box .form_button i {
    color: #fde428;
    margin-left: 20px;
}
.vue_call_request .form_button {
    cursor: pointer;
}
.vue_footer {
    background: #002e5b;
    width: 100%;
    padding: 50px 30px;
    padding-bottom: 0;
}
.vue_footer .text-box {
    margin-top: 20px;
    margin-bottom: 20px;
}
.vue_footer .text-box p{
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    color: #fff;
}
.vue_footer .social-box .social_item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background: #fff;
    margin: 0 5px;
}
.vue_footer .social-box .social_item a{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-decoration: none;
   color: #002e5b;
}
.vue_footer .item_box .title_head {
    border-bottom: 1px solid #7c7c7c;
}
.vue_footer .item_box .title_head h2 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    color: #fff;
}
.vue_footer .item_box .item_body {
    margin: 10px 0;
}
.vue_footer .item_box .item_body a{
  text-decoration: none;
}
.vue_footer .item_box .item_body h2 {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #fff;
}
.vue_footer .item_box .item_body .time {
    color: #fde428;
}
.vue_footer .item_box .item_body .date {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #e2e2e2;
}
.vue_footer .item_box .item_body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vue_footer .item_box .item_body ul li a{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #376899;
    text-decoration: none;
  }
  .vue_footer .item_box .item_body ul li {
   margin: 15px 0;
  }
  .vue_footer .copy_r {
   

  }
 .vue_footer .bottom_footer {
    border-top: 1px solid #7c7c7c;
    padding: 15px 0;
    margin-top: 10px;
  }
  .vue_footer .copy_r p {
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    color: #e2e2e2;
    margin-bottom: 0;
}
.vue_blog_body {
    width: 100%;
    height: auto;
    padding: 50px 15px;
}
.vue_blog_body .heading {
    margin-bottom: 40px;
}
.vue_blog_body .heading h2 {
    font-size: 2.5em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_blog_body .heading h2::after {
    content: " ";
    width: 60px;
    height: 5px;
    background: #fde428;
    margin-top: 10px;
    display: block;
}
.vue_blog_body .item_box .item_text  {
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 30px;
}
.vue_blog_body .item_box .item_time  {
    position: absolute;
    top: 0;
    /* width: 100%; */
    left: 30px;
    background-color: #fde428;
    padding: 6px;
 }
 .vue_blog_body .item_box   {
margin-bottom: 25px;
 }
.vue_blog_body .item_box .item_text  h2{
    font-size: 1em;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.vue_blog_body .item_box .item_time  span{
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 600;
}
.vue_blog_body .item_img {
    width: 100%;
    height: 250px;
    border: 1px solid rgba(0,0,0,.05);
    position: relative;
    /* padding: 10px; */
    overflow: hidden;
}
.vue_blog_body .item_img .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
    transition: all .5s ease-in-out;
}
.vue_blog_body .items_box .item_box {
  transition: all .5s ease-in-out;
}
.vue_blog_body .items_box .item_box .item_img:hover .img {
    transform: scale(1.2);
}

.vue_portfolio {
    width: 100%;
    height: auto;
    padding: 50px 15px;
}
.vue_portfolio .heading {
    margin-bottom: 40px;
}
.vue_portfolio .heading h2 {
    font-size: 2.5em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_portfolio .items_box {
    margin-top: 40px;
}
.vue_portfolio .heading h2::after {
    content: " ";
    width: 60px;
    height: 5px;
    background: #fde428;
    margin-top: 10px;
    display: block;
}
.vue_portfolio .item_img {
    width: 100%;
    height: 250px;
    border: 1px solid rgba(0,0,0,.05);
    position: relative;
    margin-bottom: 40px;
}
.vue_portfolio .item_img .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
    transition: all .5s ease-in-out;
}
.vue_portfolio .item_text {
    position: absolute;
    width: 100%;
    height: 0;
    background: rgba(0, 46, 91,.6);
    top: 0;
    /* display: none; */
    transition: all .6s ease-in-out;
}
.vue_portfolio .item_text h2{
    font-size: 15px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}
.vue_portfolio .item_text h2::before{
    content: " ";
    width: 50px;
    height: 4px;
    background: #fde428;
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
}
.vue_portfolio .item_text .inner_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; 
}
.vue_portfolio .item_img:hover .item_text .inner_text {
    display: block;
}
.vue_portfolio .item_img:hover .item_text {
    height: 100%;
}
.vue_portfolio .para {
    font-size: 13px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.vue_portfolio_body {
    width: 100%;
    height: auto;
    padding: 50px 15px;
}
.vue_portfolio_body  .heading h2 {
    font-size: 2em;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_portfolio_body .portfolio_details {
    padding: 30px 10px;
    border-top: 1px solid rgba(0, 0, 0,.1);
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    margin: 20px 0;
}
.vue_portfolio_body .portfolio_details h3 {
    font-size: 13px;
    color: #666;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.vue_portfolio_body .portfolio_details p {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
}
.vue_portfolio_body .portfolio_text .para {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.vue_portfolio_body .portfolio_text  p {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.vue_portfolio_body .portfolio_text  {
    margin-bottom: 40px;
}
.vue_portfolio_body .portfolio_img {
   padding: 30px 0;
    /* border-bottom: 1px solid rgba(0, 0, 0,.1); */
    /* padding-bottom: 30px; */
}
.vue_portfolio_body .portfolio_img .carousel-item {
 width: 100%;
 height: 80vh;
}
.vue_portfolio_body .portfolio_img .carousel-item .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
   }
   .vue_portfolio_body .portfolio_img .img-box {
 width: 100%;
 height: 40vh;
 border-radius: 5px;
 margin-bottom: 20px;
}
.vue_portfolio_body .portfolio_img .img-box img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover
   }
.vue_portfolio_body .portfolio_img .carousel-control-prev, .vue_portfolio_body .portfolio_img .carousel-control-next {
    background: transparent;
    border: none;
    cursor: pointer;
}
.vue_careers {
    width: 100%;
    height: auto;
    padding: 50px 15px;
}
.vue_careers .heading h2 {
    font-size: 2em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_careers .heading h2::after {
    content: " ";
    width: 60px;
    height: 5px;
    background: #fde428;
    margin-top: 10px;
    display: block;
}
.vue_careers .para {
    font-size: 13px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.vue_careers .collapse_menu {
    padding: 30px 0;
}
.vue_careers .collapse_menu  button.btn-link{
    font-size: 17px;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.vue_careers .collapse_menu  button.btn-link:hover{
  text-decoration: none;
}
.vue_careers .collapse_menu   .card-body p {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}

.vue_careers .right_item_box {
    background: #fde428;
    padding: 30px;
}
.vue_careers .right_item_box p {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 25px;
}
.vue_careers .right_item_box h2{
    font-size: 20px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 25px;
}
.vue_careers .right_item_box a{
    background: #fff;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.vue_careers .roles {
    margin-top: 30px;
}
.vue_careers .roles .title {
   padding: 20px 0;
   margin-bottom: 10px;
   border-bottom: 5px solid #ccc;
}
.vue_careers .roles .title h2{
    font-size: 16px;
    color: #000;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
 }
 .vue_careers .roles .title p{
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
 }
 .vue_careers .roles ul{
    /* list-style: none; */
 }
 .vue_careers .roles ul li{    
 font-size: 13px;
 color: #000;
 font-family: 'Poppins', sans-serif;
 margin-bottom: 10px;
 }
.vue_careers .roles.skill_row .title {
    border-bottom: none;
}
.vue_careers .roles.skill_row .item_body {
    background: #e4e4e4;
    padding: 20px 0;
    margin-bottom: 50px;
    /* box-shadow: 0 4px 4px 0 rgba(0, 0, 0,.1); */
}
.vue_careers .roles .item_body.box {
    margin-top: 30px;
}
 .vue_careers .roles .table th{
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    border-top: none;
    font-size: 14px;
    color: #002e5b;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
 }
 .vue_careers .roles .table td{
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    border-top: 1px solid rgba(0, 0, 0,.1);
    font-size: 13px;
    color: #444;
    font-family: 'Poppins', sans-serif;
 }
  .vue_careers .roles .table td a{
    font-weight: 400;
 }
 .vue_careers .item_box {
     margin-top: 50px;
 }
 .vue_careers .loop_item_row {
     background-color: #fde428;
     padding: 30px 20px;
     margin-top: 40px;
 }
 .vue_careers .loop_item_row p {
    font-size: 13px;
    color: #444;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}
.vue_careers .loop_item_row h2 {
    font-size: 15px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    font-weight: bold;
}
.vue_careers .box_body {
    margin: 0px 0;
}
.vue_careers .box_body .image_box{
    width: 100%;
    height: 200px;
    border: 1px solid rgba(0,0,0,.05);
}
.vue_careers .box_body .image_box .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
}
.vue_careers .box_body .text_box  h2{
    font-size: 16px;
    color: #002e5b;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}
.vue_careers .box_body .text_box  p{
    font-size: 12px;
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.vue_careers .box_body .text_box {
    padding: 10px 0;
}
.vue_careers .box_body .text_box  a{
    font-size: 12px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    font-weight: 600;
}
.vue_careers .box_body .text_box  a i{
    color: #fde428;
    margin-left: 10px;
}

.vue_team_single {
    width: 100%;
    height: auto;
    padding: 50px 15px;
}
.vue_team_single .heading h2 {
    font-size: 2.5em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_team_single .heading p {
    font-size: 13px;
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.vue_team_single .heading p::after {
    content: " ";
    width: 40px;
    height: 5px;
    background: #fde428;
    margin-top: 10px;
    display: block;
}
.vue_team_single .item_box .image_box {
    width: 100%;
    height: 200px;
    border: 1px solid rgba(0,0,0,.05);
}
.vue_team_single .item_box .image_box .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
}
.vue_team_single .item_box  .text_box h2{
    font-size: 17px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_team_single .item_box  .text_box p{
    font-size: 13px;
    color: #455;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.vue_team_single .about_user, .profile.item_box {
    padding: 30px 0;
}
.vue_team_single .item_box.contact {
    background: #002e5b;
    margin: 20px 0;
    padding: 30px 50px;
    border-radius: 5px;
}
.vue_team_single .item_box.contact h2{
    font-size: 18px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    margin-bottom: 30px;
}
.vue_team_single .item_box.contact h3{
    font-size: 15px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.vue_team_single .item_box.contact p a{
    font-size: 13px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
}
.vue_team_single .item_box.contact p a i{
    color: #fde428;
    margin-right: 15px;
}
.vue_team_single .item_box  .text_box ul li{
    font-size: 13px;
    color: #455;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
}
.vue_team_single .item_box  .text_box ul {
    list-style: none;
    padding: 0;
}
.vue_team_single .social-box .social_item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background: #fff;
    margin: 0 5px;
}
.vue_team_single .social-box .social_item a{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-decoration: none;
   color: #002e5b;
}

.vue_service {
    width: 100%;
    padding: 50px 15px;
}
.vue_service .heading h2 {
    font-size: 2.5em;
    color: #002e5b;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
}
.vue_service .heading h2::after {
    content: " ";
    width: 40px;
    height: 5px;
    background: #fde428;
    margin-top: 10px;
    display: block;
}

.vue_service .right_item_box {
    background: #fde428;
    padding: 30px;
    position: sticky;
    top: 5px;
    box-shadow: 0 5px 3px 0 rgba(0,0,0,.1);
}
.vue_service .right_item_box p {
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 25px;
}
.vue_service .right_item_box h2{
    font-size: 20px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 25px;
}
.vue_service .right_item_box a{
    background: #fff;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.vue_service .items_box {
    margin-top: 40px;
}
.vue_service .items_box .image_box {
    width: 100%;
    height: 200px;
    border: 1px solid rgba(0,0,0,.05);
}
.vue_service .items_box .image_box .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
}
.vue_service .text-box {
    padding: 15px 0;
}
.vue_service .text-box h2{
    font-size: 17px;
    color: #002e5b;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.vue_service .text-box p{
    font-size: 13px;
    color: #455;
    font-family: 'Poppins', sans-serif;
}
.vue_service .text-box a{
    font-size: 13px;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-decoration: none;
}
.vue_service .text-box a i{
    color: #fde428;
    margin-left: 10px;
}
.vue_service .items_box .text_box_para {
    padding: 10px 0;
}
.vue_service .items_box .text_box_para h3{
    font-size: 20px;
    color: #002e5b;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.vue_service .items_box .text_box_para p{
    font-size: 13px;
    color: #455;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;
}
.vue_service .items_box .blog_image_box {
    width: 100%;
    height: 90vh;
}
.vue_service .items_box .blog_image_box .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  cover;
}

.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: 40px;
    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: 15px;
    color: #455;
    font-family: DomaineDisplay,Georgia,serif;
    margin-bottom: 0;
}
.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: 25px;
}
.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_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 .serv_item_box .item_box {
    margin-bottom: 40px;
}

/*******Contact us **********/
.contact_hero {
   padding: 50px 0;
}
.contact_hero .img_bg {
   width: 100%;
   height: 80vh;
   background: #F8F4F3;
   box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.contact_hero .img_bg .img {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%; 
}
.contact_hero .text-box {
   padding: 10px 80px;
}
.contact_hero .text-box h2{
   color: #000;
   font-family: 'Poppins', sans-serif;
   font-size: 4.5em;
   text-transform: uppercase;
}
.contact_hero .text-box p{
   color: #666;
   font-family: 'Poppins', sans-serif;
   font-size: 12px;
   font-weight: 400;
   /* padding: 10px 50px; */
}
.contact_hero .contact_info_box {
   padding: 30px 30px;
   background: #E7D9D5;
   margin-top: 50px;
   margin-left: -30px;
}
.contact_hero .contact_info_box p {
   color: #555454;
   font-family: 'Poppins', sans-serif;
   font-size: 13px;
   font-weight: 400;
}
.contact_hero .contact_info_box p a{
   color: #555454;
   text-decoration: none;
}
.contact_hero .contact_info_box .contact_social_pack a {
   color: #555454;
   text-decoration: none;
   margin-right: 40px;
   font-size: 20px;
}
.contact_box {
   padding: 50px 0;
}
.contact_box .form-box {

}
.contact_box .form-box h2 {
   color: #000;
    font-family: 'Poppins', sans-serif;
   font-size: 3em;
   text-transform: capitalize;
   margin-bottom: 30px;
}
.contact_box .form-box .form_input {
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0;
   padding: 30px 20px;
   font-family: 'Poppins', sans-serif;
}
.contact_box .form-box .form_input::placeholder {
font-family: 'Poppins', sans-serif;
font-size: 13px;
}
.contact_box .form-box .form_text {
   border: 1px solid rgba(0, 0, 0,.2);
   border-radius: 0;
   padding: 10px 20px;
   font-family: 'Poppins', sans-serif;
}
.contact_box .form-box .form_text::placeholder {
   font-family: 'Poppins', sans-serif;
  }
.contact_box .form-box .submit_btn {
   background: #002e5b;
   color: #fff;
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   text-transform: uppercase;
   font-size: 15px;
   padding: 10px 50px;
   border-radius: 0;
   transition: all .5s ease-in-out;
   border: 2px solid #002e5b;
}
.contact_box .form-box .submit_btn:hover {
   background: #fff;
   color: #002e5b;
}
@media screen and (max-width:950px){
   .contact_hero {
      padding: 0px 0;
  }
  .contact_box .form-box {
     margin-top: 30px;
  }
   .top_nav .contact_nav .toggle-btn {
      margin-top: 15px;
  }
  .top_hero_nav.contact_nav {
      padding-bottom: 0px;
  }
  .contact_hero .img_bg {
      width: 100%;
      height: 50vh;
  }
  .contact_hero .text-box {
      padding: 30px 0px;
  }
  .contact_hero .text-box h2 {
      font-size: 2em;
      margin-bottom: 0;
  }
  .contact_hero .contact_info_box {
      padding: 30px 20px;
      background: #E7D9D5;
      margin-top: 0px;
      margin-left: 0px;
  }
  .contact_box {
      padding: 20px 0;
  }
  .contact_box .form-box h2 {
      font-size: 2em;
      margin-bottom: 10px;
  }
  .contact_box .form-box .form_input {
      padding: 25px 10px;
  }
  .contact_box .form-box .form_text {
      padding: 10px 10px;
  }
  .contact_box .form-box .form_text::placeholder {
     font-size: 13px;
  }
}

/*****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 #222;
   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){
    .navbar .navbar-brand img {
       width: 100px;
       height: auto;
    }
    .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 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;
 }
 
 
  #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;
 }



 #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 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_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: 40%;
            left: 3%;
            bottom: auto;
            width: 100%;
            padding: 20px;
          }
          .hero .carousel-caption h5 {
            font-size: 1.3em;
            font-weight: 800;
          }
          .hero .carousel-caption p {
            font-size: 13px;
          }
        .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: 40px 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;
          }
          /*.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 #002e5b;
        /* 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 #002e5b;
        /* 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;
        }
    }