.carousel-caption {
  transform: translateY(-50%);
  bottom: 0;
  top: 50%;
}

.btn-secondary {
    color: #fff;
    background-color: transparent;
    border:none;
}

.btn-secondary:hover, .btn-secondary:active {
    color: #fff;
    background-color: transparent;
    border:none!important;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border:none!important;
}

.classy-nav-container {
    position: relative;
    z-index: 100;
     background-color: transparent; 
}

.dropdown-item{
  color:#eee;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
     background-color: #ffffff; 
    background-clip: padding-box;
    border:none;
    border-radius: .25rem;
}

a.dat{
  color: #000!important
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif!important;
    color: #fff;
    line-height: 1.4;
    font-weight: 500;
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

.far {
    font-weight: 400;
}

/*----- Counters -----*/
.fact-iconic,
.counter-photo {
   position: relative;
}
.counter-bg {
   background: url(../images/bg-counter-1.jpg) no-repeat;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   background-attachment: fixed;
}
.fact-iconic h3,
.counters .count_nums {
   font-weight: bold;
}
.fact-iconic h3::after {
   content: "";
   height: 3px;
   width: 50px;
   background: #ffffff;
   display: block;
   margin-top: 15px;
}
.text-center .fact-iconic h3::after,
.text-center.fact-iconic h3::after {
   margin-left: auto;
   margin-right: auto;
}
.icon-counters.table-display {
   display: table;
}
.icon-counters .img-icon {
   text-align: center;
   font-size: 40px;
   -webkit-transition: all .7s ease-in .3s;
   -o-transition: all .7s ease-in .3s;
   transition: all .7s ease-in .3s;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.icon-counters:hover .img-icon {
   -webkit-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg);
}
.bg-counter-light .icon-counters:hover .img-icon {
   color: #fff;
   background: #00bcd4;
}
.icon-counters .img-icon,
.counters .count_nums,
.counters i {
   display: inline-block;
}
.counters .count_nums {
   font-size: 1.875rem;
}
.icon-counters.table-display .count_nums {
   font-size: 2.5rem;
}
.counters .count_nums,
.counters i {
   vertical-align: middle;
}
@media screen and (max-width: 767px) {
   .fact-iconic h3::after {
      margin-left: auto;
      margin-right: auto;
   }
}
/*----- Counters ends -----*/


a{
	color: #ffffff
}

.it{
	font-size: 14px
}

.whitetext{
	color:#ffffff!important;
}

.greytext {
	color:#b7b7b7;
}


@media (max-width: 767px){
	.header-area .light.classy-nav-container a {
    color: #fff;
    margin-top: 40px;
}
}


.card {
   /* Add shadows to create the "card" effect */
   box-shadow: 0 4px 8px 0 rgba(144, 144, 144, 0.2);
   transition: 0.3s;
 }
 
 /* On mouse-over, add a deeper shadow */
 .card:hover {
   box-shadow: 0 8px 16px 0 rgba(81, 81, 81, 0.2);
 }

 .card-inside {
    height: 110px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;

    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    background: linear-gradient(to right, #21d397, #7450fe);

 }
 
 /* Add some padding inside the card container */
 .container {
   padding: 2px 16px;
 }