* {
  box-sizing: border-box; }

body {
  background: #F3F7FC;
  position: relative;
  width: 100vw;
  overflow-x: hidden; }
  body section {
    position: relative; }

.sm-margin {
  height: 25px; }

#courseSection {
  padding-top: 5rem; }
  #courseSection .course {
    padding: 1.5rem; }
    #courseSection .course .img {
      position: relative;
      height: 19.4rem;
      overflow: hidden;
      border-radius: 12px; }
      #courseSection .course .img .like {
        display: none;
        cursor: pointer;
        position: absolute;
        top: 5%;
        right: 5%; }
        #courseSection .course .img .like .fa-heart {
          color: #c4c4c4; }
        #courseSection .course .img .like .circle {
          display: inline-block;
          height: 2rem;
          width: 2rem;
          border-radius: 50rem;
          background-color: white; }
      #courseSection .course .img:hover img {
        transform: scale(1.1); }
      #courseSection .course .img img {
        height: 100%;
        min-width: 100%;
        transition: all 1s; }
    #courseSection .course .main-content {
      position: relative;
      padding-bottom: 5rem;
      padding-left: 1rem;
      height: 100%; }
      #courseSection .course .main-content .heading {
        font-family: Rubik, sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 25px; }
      #courseSection .course .main-content .description {
        padding-top: 0.7rem;
        font-family: Rubik, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
      text-align: justify; }
      #courseSection .course .main-content .rating {
        padding-top: 0.6rem; }
        #courseSection .course .main-content .rating .rate {
          color: rgba(0, 0, 0, 0.56);
          font-family: Rubik, sans-serif;
          font-size: 16px;
          font-weight: 500;
          line-height: 25px; }
        #courseSection .course .main-content .rating .fa {
          color: #f2994a; }
        #courseSection .course .main-content .rating .text-sm {
          font-family: Rubik, sans-serif;
          font-size: 12px;
          font-weight: 400;
          line-height: 25px; }
      #courseSection .course .main-content .elements {
        padding-top: 1rem;
        padding-bottom: 2rem; }
        #courseSection .course .main-content .elements .element {
          display: inline-block;
          width: 30%;
          color: gray; }
          #courseSection .course .main-content .elements .element .icon {
            width: 2rem;
            align-items: center; }
          #courseSection .course .main-content .elements .element:not(:last-child) {
            margin-right: 0.7rem; }
          #courseSection .course .main-content .elements .element .text {
            padding-left: 0.3rem;
            font-size: 12px;
            font-weight: 400;
            line-height: 25px; }
            #courseSection .course .main-content .elements .element .text .black {
              color: black;
              font-size: 12px;
              font-weight: 600;
              line-height: 25px; }
      #courseSection .course .main-content .bottom-row {
        position: absolute;
        bottom: 0; }
        #courseSection .course .main-content .bottom-row .price {
          margin-top: 25px;
          font-family: Rubik, sans-serif;
          font-size: 21px;
          font-weight: 500;
          line-height: 33px; }
        #courseSection .course .main-content .bottom-row .buttons {
          padding-top: 0.5rem; }
          #courseSection .course .main-content .bottom-row .buttons .btn-outline-th-purple:hover {
            background-color: white; }
        #courseSection .course .main-content .bottom-row button {
          border-radius: 9px; }

#circle1 {
  z-index: 0;
  position: absolute;
  width: 218px;
  height: 218px;
  top: 18%;
  left: -6%;
  border-radius: 50%;
  background: linear-gradient(329.05deg, #fe8126 1.63%, #fbc10b 90.72%), #df23fe;
  box-shadow: -40px 82px 120px rgba(70, 27, 140, 0.19); }

/* #circle2 {
  z-index: 5;
  border-radius: 50%;
  position: absolute;
  width: 109px;
  height: 109px;
  top: 12%;
  right: -3%;
  background: linear-gradient(163.43deg, #f0588f -18.97%, #fe4e78 139.57%), #54ccef;
 } */

#circle3 {
  z-index: 0;
  border-radius: 50%;
  position: absolute;
  width: 160px;
  height: 160px;
  top: 35%;
  right: -5%;
  background: #44b7d9;
  box-shadow: 50px 51px 120px rgba(70, 27, 140, 0.32); }

/* #circle4 {
  z-index: 5;
  border-radius: 50rem;
  position: absolute;
  width: 329px;
  height: 329px;
  top: 65%;
  left: -15%;
  background: linear-gradient(113.06deg, #b926fe 20.04%, #9a1dfc 85.32%), #df23fe;
  box-shadow: -10px 7px 120px rgba(70, 27, 140, 0.14); 
} */

@media (max-width: 992px) {
  #courseSection .course .main-content .elements .element {
    width: unset; } }

/*# sourceMappingURL=courses.css.map */