@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800|Poppins&display=swap');
/*
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat',sans-serif;
}
*/
.cards{
  margin: 0 auto;
  text-align: center;
  padding: 30px;
  background: #141414;
      width: 100%;


}
.cards h2.header{
  font-size: 40px;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.services{
  display: flex;
  align-items: center;
}
.content1{
  display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin: 20px;
    padding: 20px;
    /*border: 2px solid black;*/
    border-radius: 4px;
    transition: all .3s ease;
    background: linear-gradient( 
90deg , rgba(236,36,97,1) 0%, rgba(252,71,89,1) 100%);
box-shadow: 0 0px 15px 0 #ec2561;
}
.content1 .fab{
  font-size: 70px;
  margin: 16px 0;
}
.content1 > *{
  flex: 1 1 100%;
}
.content:hover{
  color: white;
}
.content1:hover a{
  border-color: white;
  background: white;
}
.content-1:hover{
  border-color: #000000;
  background: #000000;
}
.content-1:hover a{
  color: #1DA1F2;
}
.content-2:hover{
  border-color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.content-2:hover a{
  color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.content-3:hover{
  border-color: #ff0000;
  background: #ff0000;
}
.content-3:hover a{
  color: #ff0000;
}
.content-4:hover{
  border-color: #2aa9e0;
  background: #2aa9e0;
}
.content-4:hover a{
  color: #2aa9e0;
}
.content-5:hover{
  border-color: #9347ff;
  background: #9347ff;
}
.content-5:hover a{
  color: #9347ff;
}
.content-6:hover{
  border-color: #25d060;
  background: #25d060;
}
.content-6:hover a{
  color: #25d060;
}
.content1 h2{
  font-size: 30px;
  margin: 16px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.content1 p{
  font-size: 17px;
  font-family: 'Poppins',sans-serif;
}
.content1 a{
  margin: 22px 0;
  /*background: black;*/
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid black;
  padding: 15px 0;
  border-radius: 25px;
  transition: .3s ease;
}
.content1 a:hover{
  border-radius: 4px;
}
@media (max-width: 991px) {
  .services{
    display: flex;
    flex-direction: column;
  }
}

.card100:hover{
     transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.card100 h3{
  font-weight: 600;
}

@media(max-width: 990px){
  .card{
    margin: 20px;
  }
}


.box-card1 {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    position: relative;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    border-color: #f7f7f7!important;
    padding: 10px 17px 7px 17px!important;
    background: linear-gradient(265deg,#141414,#141414);
    border-radius: 10px;
}

.box-icon1 {
        width: 2.1em;
   display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 2rem;
    text-align: center;
    max-width: 100%;
    position: relative;
    z-index: 1;
    transition: background 0.3s, color 0.3s, box-shadow 0.1s;
}
.box-txt1 {
            margin-bottom: 0em;
}

.box-txt2 {
            font-size: 0.65rem;
}