.myAbtHeading {
  margin-bottom: 30px;
}

.myAbtContent {
  line-height: 1.2rem;
  color: dimgrey;
  font-weight: 400;
  margin-bottom: 100px;
}

.AbtCategories {
  margin-top: 50px;
  margin-bottom: 100px;
}

.AbtCategoriesColumn {
  background-image: url(../images/abatCat.png);
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  height: 220px;
  position: relative;
}

@media only screen and (max-width: 600px) {
  .AbtCategoriesColumn {
    background-image: none;
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    height: 220px;
    position: relative;
  }
}

.AbtCategoryContent {
  display: flex;
  justify-content: space-between;
}

/* @media only screen and (max-width: 600px) {
  .AbtCategoryContent {
    display: grid;
  }
} */

.AbtCategoryImg {
  position: absolute;
  top: 100px;
  left: 50px;
}

.AbtCategoryText {
  position: absolute;
  top: 100px;
  left: 150px;
}
.AbtCategoryText h3 {
  margin-bottom: 15px;
}

/* top course css start */

/* .Topcoureswrapper {
  background: rgb(240, 239, 235);
  padding: 50px;
} */

.topCourseCardRow {
  margin-top: 30px;
}

.topCourseCard {
  position: relative;
}

.topCourseHeading {
  display: flex;
  justify-content: space-between;
  position: absolute;
  background: white;
  color: black;
  font-size: 15px;
  font-weight: 600;
  padding: 5px;
  left: 90px;

  border-left: 5px gainsboro solid;
  border-right: 5px gainsboro solid;
  border-top: 5px gainsboro solid;
  border-bottom: 5px rgb(134, 128, 128) solid;
  z-index: 20px !important;
  margin-bottom: 10px;
  width: 200px;
  box-shadow: rgba(29, 34, 47, 0.1) 0px 1px 10px;
}

.topCourseContent {
  border-bottom: 5px #fff solid;
  border-right: 5px #fff solid;
  border-left: 5px #fff solid;
  height: 110px;
  padding: 30px;
  box-shadow: rgba(29, 34, 47, 0.1) 0px 1px 10px;
}

/* top course css stop */

/* icon spiner */

.App-logo {
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 1s linear;
  }
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* icon sppiner */