*{
  margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    /*outline: 1px solid red;*/
}

.border-pretty {
  border: 1px solid white;
  color: white;
}

/* Counter*/
.counter {
  background-color:#f5f5f5;
  padding: 20px 0;
  border-radius: 5px;
}

.count-title {
  font-size: 40px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}

.count-text {
  font-size: 13px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}


.fa-2x {
  margin: 0 auto;
  float: none;
  display: table;
  color: #4ad1e5;
}

/* Platform and solutions tabs*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #003366; 
  border-radius: 50rem;  
  border: 1px solid rgba(128, 128, 128, 0);
}

.nav-pills .nav-link:hover{
  color: #fff;
  background-color: gray;
}

.nav-tabs > li > a {
  font-size: 14px;
}

.sec-tabs{
  border: 1px solid gray;
  border-radius: 50rem;  
}

li.sec-tabs:hover{
 /* background-color: #003366;
  color: white;*/
}

li.sec-tabs:active{
  /*background-color: #003366;
  color: white;*/
}

/*Work with us*/
.work-with{
  background-image: url("../img/work-with-red.jpg");
  position:relative;
		background-repeat: repeat;
		background-position: center;
    background-size: cover;
    padding-top: 5em;
    padding-bottom: 5em;
    max-width: 100vw;
    min-height: 75vh;
    overflow: hidden;
  }

.mid-layer {
  position: absolute;
  top: 0px;
  z-index: 994;
  /*transition: transform 8s;
  transform: scale(1, 1);*/
  /*margin-top: -200px;*/
}
.text-layer {
  position: absolute;
  top: 30%;
  z-index: 20050;
  /*transition: transform 8s;
  transform: scale(1, 1);*/
 
}

#inside-text{
  /*transition-delay: 2s;*/
  /*display: none;*/
  padding-top: 3em;
  padding-bottom: 3em;
}

div#inside-text:hover{
  display: block;
}

.mid-layer:hover{
   transform: scale(100, 100);
}
.resources-box {
  background-color:#f5f5f5
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-size: cover;
  color: white;
  font-family: sans-serif;
  font-weight: 200;
  z-index: 1;
}

/*Resource Card Hover*/
.resource{
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 60px;
  color: #003366;
  background-color: rgba(255, 255, 255, 0.705);
  transition: height 1.5s;
}
.resource:hover {
  position: absolute;
  bottom: 0;
  height: 200px;
  color: white;
  background-color: #003366c8;
}

.doc-cards{
  background-size: cover;
  min-height: 250px;
  transition: background-size 1.5s;
}

.doc-cards:hover{
  background-size: 400px; 
}

/*CSS for inner Page*/
.innerPage-sub-card{
  border-radius: 20px;
  background-color: white;
  color: black;
  transition: 0.5s;
}

.innerPage-sub-card:hover{
  border-radius: 20px 100px 20px 20px;
  background-color: #003366;
  color: white;
}

.sub-card-grey{
  border-radius: 20px;
  background-color: #f5f5f5;
  color: black;
  transition: 0.5s;
}

.sub-card-grey:hover{
  border-radius: 20px 100px 20px 20px;
  background-color: #003366;
  color: white;
}

.border-20{
  border-radius: 20px;
}

.offering-line{
  margin-top: -15px; 
  margin-left:50px; 
  width: 80%;  
  height: 2px;
  border: 0;
  background: black;
}

.offering-number{
  /*background-color:white;*/
}

a.offering-more{
  background-color: white; !important
  color:#003366;
  opacity: 0;
  transform: translate(0px,0px);
  padding-right: 20px;
  z-index: 6000;
  bottom: -15px;
  position: absolute;
  transition: 1s;
}

a.offering-more:hover{
  
  opacity: 1;
  transform: translate(50px,0px);
  
}

.theme-primary-color{
  color: #003366;
}

.theme-secondary-color{
  color: #D84635;
}

.bg-theme-primary-color{
  background-color: #003366;
}

.bg-theme-secondary-color{
  background-color: #D84635;
}

.innerPage-profit-card{
  border-radius: 20px;
  background-color: white;
  color: black;
  transition: 0.5s;
}

.innerPage-profit-card:hover{
  border-radius: 20px 100px 20px 20px;
  background-color: #D84635;
  color: white;
}

.align-vertical-middle{
    height: 100%;
    padding-top: 25%;
}

.border-20{
  border-radius: 20px;
}

.img-card{
  border-radius: 20px;
  border-bottom: 3px solid #D84635;
  background-color: white;
  color: black;
  transition: 0.5s;
}

.img-card:hover{
  background-color: #003366;
  color: white;
}

.round-img{
  border-radius: 2px;
}


.vertical-middle{
  padding-top: 30%;
}

.font-medium {
  font-weight: 600;
}

.eve-tab-txt {

    font-size : 20px;
    color : #101010;
    font-weight:500;

}
.fleft {
    float: left ;
    
    margin: 0 20px;
}