:root {
	--primary: #4cb7e5;
	--primary-light: #4cb7e5;
	--secondary: #72348b;
	--tertiary: #00dabf;
    --gradient: linear-gradient(to right, #0ee951, #00dabf);
}

i:hover {
  color: #4cb7e5;
  /* #4cb7e5 */
}
a:hover {
  color: #4cb7e5 !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #242424;
  }
  
  h1, .h1 {
    font-size: 1rem;
  }
  
  h2, .h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 42px;
  }
  
  h3, .h3 {
    font-size: 1.5rem;
  }
  
  h4, .h4 {
    font-size: 1.3rem;
    line-height: 30px;
  }
  
  h5, .h5 {
    font-size: 1.25rem;
  }
  
  h6, .h6 {
    font-size: 1rem;
  }
  
  p {
    line-height: 30px;
  }
/* SEction */
.section {
    margin-top: 5rem;
}
.section-title {
    margin-bottom: 2rem;
  }

.section-title p {
    color: #666;
    font-family: "Poppins", sans-serif;
}

.text-color {
    color:var(--primary);
  }

  .intro-item i {
    font-size: 60px;
    line-height: 60px;
  }
  
  .color-one {
    color: var(--secondary);
  }
  .color-two {
    color: var(--primary);
  }
/* service */
.service-item {
    position: relative;
    padding-left: 80px;
  }
  
  .service-item i {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 50px;
    color: var(--secondary);
  }
  /* prices */
  .plans .card {
	padding: 20px;
	border: 2px solid var(--secondary);
}


.cta {
    background: url("../img/bg/home-3.jpg") fixed 50% 50%;
    background-size: cover;
    padding: 120px 0px;
  }
  
  
  .text-md {
    font-size: 2.25rem;
  }
  .counter-item .counter-stat {
    font-size: 50px;
  }
  .counter{
    padding: 80px 0;
  }
  .counter-item p {
    margin-bottom: 0px;
  }
  
  .fa{
    color: var(--secondary);
  }

  .bg-counter {
    background: url("../img/bg/counter.jpg ") fixed center;
    background-size: cover;
    padding: 100px 0px;
  }
  
  @media (max-width: 400px) {
    .p-5 {
        padding: 2rem !important;
      }
    .content-title {
        font-size: 28px;
        line-height: 46px;
      }
    h2, .h2 {
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 36px;
      }
      
}











