@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "navbar.css";
@import "features.css";
@import "carousel.css";


:root {
    --bg-primary: #162f56;
    --bg-secondary: #e4eaf4;
    --bg-head: #b4cef7;
  }
  
  body {
    padding-top: 3rem;
  }
  .container-fluid{
    padding: 0px;
    overflow: hidden;
    }
  .bg-prim {
    background-color: var(--bg-primary);
  }

  .text-prim {
    color: var(--bg-primary);
  }
.bg-dark{background-color: #485461;
  background-image: linear-gradient(315deg, #485461 0%, #28313b 74%);

}
  .bg-sec {
    background-color: var(--bg-secondary);
  }

  .nofocus:focus {
    box-shadow: none !important;
  }
/* gray background */
.bg-gray{
  background-color: #f7f7f7!important;
}
  /* image zoom */
  .inner{
    overflow: hidden;
}
 
.inner img{
    transition: all 1.5s ease;
}
  .inner:hover img{
    transform: scale(1.1);
}
    
    
.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.aticle-box {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.form-group.required .control-label:after {
  content:"*";
  color:red;
}