#logo-slider-page .btn-marquee{
background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #186518,#278500) border-box;
border: 2px solid transparent;
border-radius: 10px;
padding: 7px 20px;
margin-top: 22px;
border-radius: 6px;
text-transform: uppercase;
color: #000;
font-family: poppins;
font-weight: 600;
text-decoration: none;  
}


#logo-slider-page .btn-marquee:hover, 
#logo-slider-page .btn-marquee.active {
color: #fff !important;
background-image: linear-gradient(to right,#4d7d1d,#42780c) !important;
border: 2px solid #f1f1f1 !important;
}

h1.heading-logo{
text-align: center;
text-transform: uppercase;
color:#4e8b1a;
font-size: 37px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}

h1.heading-logo span{
color: #40c2ba;
}


body {font-family: 'Poppins', sans-serif;}

#logo-slider-page {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
}

#logo-slider-page .Marquee {
margin-top:20px;
 /*background: -webkit-linear-gradient(90deg, rgba(53,172,177,1) 25%, rgba(4,75,136,1) 100%) !important;
 background: -moz-linear-gradient(90deg, rgba(53,172,177,1) 25%, rgba(4,75,136,1) 100%) !important;
 background: -o-linear-gradient(90deg, rgba(53,172,177,1) 25%, rgba(4,75,136,1) 100%) !important;
 background: -ms-linear-gradient(90deg, rgba(53,172,177,1) 25%, rgba(4,75,136,1) 100%) !important;
 background: linear-gradient(90deg, rgba(53,172,177,1) 25%, rgba(4,75,136,1) 100%) !important;*/
width: 95vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1em;
color: #fff;
font-weight: 250;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}


#logo-slider-page .Marquee-content {
margin-top: 0px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-animation: marquee 16s linear infinite running;
-moz-animation: marquee 16s linear infinite running;
-o-animation: marquee 16s linear infinite running;
-ms-animation: marquee 16s linear infinite running;
animation: marquee 16s linear infinite running;
}

#logo-slider-page .Marquee-content:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
-ms-animation-play-state: paused;
animation-play-state: paused;
}


#logo-slider-page .Marquee-tag {
width: 250px;
height: 186px;
padding: 0px 0px 40px !important;
flex-direction: column;
background-color: #ffffff;
margin: 0 0.5em;
padding: 0.5em;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}

#logo-slider-page .Marquee-tag:hover {
  /*background: rgba(255,255,255,0.5);*/
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
cursor: pointer;
}
@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
