:root {
    --heading-color: black;
    --main-color: #e03c33;
    --white-color: #ffffff;
    --black-color: #2a283e;
    --navber-color: #424155;
    --paragraph-color: #818090;
    --bg-color: #eef4f8;
    --transition: 0.4s all ease-in-out;
  }

.bg_one {
    background: #cae4f7;
}
.about_top_boxed {
    position: relative;
    border-radius: 20px;
    padding: 40px 30px 20px 30px;
    transition: var(--transition);
  }
  
  .about_top_boxed:hover {
    transform: translateY(10px);
  }
  
  .bg_one {
    background: #cae4f7;
  }
  
  .bg_two {
    background: #fdf0dd;
  }
  
  .bg_three {
    background: #d2f4f4;
  }
  
  .bg_four {
    background: #e0eafd;
  }
  
  .about_top_boxed_icon {
    text-align: center;
    margin: 0px auto 0 auto;
    margin-top: -45px;
    transition: var(--transition);
  }
  
  .about_top_boxed:hover .about_top_boxed_icon {
    transform: translateY(20px);
  }
  
  .about_top_boxed_icon img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0px -4px 16px rgb(0 0 0 / 6%), 4px 8px 16px rgb(0 0 0 / 10%);
    margin-top: -45px;
  }
  
  .about_top_boxed_text {
    padding-top: 20px;
  }
  
  .about_top_boxed_text h3 {
    font-size: 30px;
    font-weight: 500;
    padding: 7px 0;
  }
  
  .about_top_boxed_text a {
    font-size: 16px;
    font-weight: 500;
  }
  
  .about_top_boxed_vector {
    position: absolute;
    bottom: 15px;
    right: 20px;
  }
p{
    font-size: 16px;
    line-height: 24px;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
}

.about_top_boxed_text h3 {
    font-size: 30px;
    font-weight: 500;
    padding: 7px 0;
}

.about_top_boxed_text a {
    font-size: 16px;
    font-weight: 500;
}

.about_top_boxed_vector {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.bg_two {
    background: #fdf0dd;
}

.bg_three {
    background: #d2f4f4;
}

.bg_four {
    background: #e0eafd;
}



#about_top_area .about_top_boxed_text a {
    font-size: 16px;
    font-weight: 500;
}
#about_top_area a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    outline: 0 !important;
    color: var(--main-color);
}

#about_top_area a:hover {
    text-decoration: none;
    color: var(--heading-color);
}