html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background-color: #f5f5f5 !important;
}

/* * {
  box-sizing: border-box;
} */


.top-notice{
  background-color: #fc7628;
  color: white;
  text-align: center;
  font-weight: 600;
  padding: 0.2rem 1rem;
}
.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

.index-container{min-height:100vh;width:100%;padding:0;display:flex;flex-direction:column;overflow-x:hidden}.index-container .main{width:100%;height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.index-container .main .tint{position:absolute;width:100%;height:20rem;background-image:url("/banner.jpg");filter:blur(3px);-webkit-filter:blur(3px);background-position:center;background-repeat:no-repeat;background-size:cover}.index-container .main .hero-text{z-index:2;margin:1rem 2rem;padding:.5rem 2rem;border:1px dashed #fff;color:#fff;font-weight:700;font-size:1.5rem;background-color:#00000050;text-align:center}.index-container .main .hero-text-sec{z-index:2;padding-left:2rem;padding-right:2rem;color:#fff;font-weight:700;font-size:1.2rem;text-align:center}.index-container .main .hero-text-thr{z-index:2;padding-left:2rem;padding-right:2rem;color:#fff;font-size:1rem;text-align:center}.index-container .logo-row{width:100%;margin-left:auto;margin-right:auto;padding:2rem 0rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.index-container .logo-row img{margin:1rem;height:4rem;width:auto}.index-container .gg-row{margin-left:auto;margin-right:auto}.index-container .gg-row .gg-container{height:10rem;width:100%}.index-container .empty-space{flex:1}
.header-container{width:100%;display:flex;background-color:#fff;align-items:center;justify-content:center;z-index:1;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);overflow:hidden}.header-container .header-row{margin-left:1rem;margin-right:1rem}.header-container .header-row .header-card{padding:1rem 0rem;display:flex;flex-direction:row}.header-container .header-row .logo{width:220px}.header-container .header-row .login-btn-sm{display:none;align-self:flex-end}.header-container .header-row .header-card:nth-child(2){display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0rem}.header-container .header-row .header-card:nth-child(2) .search-container{margin-left:1rem;margin-right:1rem;width:100%;max-width:30rem;min-width:15rem}.header-container .header-row .header-card:nth-child(2) .search-container .search-input{flex:1;display:flex}.header-container .header-row .header-card:nth-child(3){display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media(max-width: 575px){.header-card{padding:.5rem 0rem !important}.header-card:nth-child(2){margin-top:-0.5rem;padding-bottom:.7rem !important}.button-group{display:none !important}.login-btn-sm{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;justify-content:center !important}}
.school-modal-container{width:100%;padding:0;display:flex;flex-direction:column;overflow-x:hidden;align-items:center}.school-modal-container h4,.school-modal-container h5{text-align:center}.school-modal-container .inner{--container-height: 10rem;width:100%}.school-modal-container .inner .finish-top{width:100%;text-align:center}.school-modal-container .inner .finish-top .anticon{color:#27ae60;font-size:3rem}.school-modal-container .inner .finish-top h2{color:#27ae60}.school-modal-container .inner .gg-container{margin:.5rem 0rem .2rem 0rem}.school-modal-container .inner .done-btn{width:100%}.school-modal-container .inner .ant-form-item{margin-bottom:.5rem}.school-modal-container .inner .ant-form-item .ant-form-item-label{padding-bottom:0rem}.school-modal-container .inner .country-region-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;height:2rem;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1)}.school-modal-container .inner .legal-row{display:flex;align-items:center;justify-content:center}.school-modal-container .inner .legal-row .ant-form-item-control-input-content div{display:flex;align-items:center;justify-content:center}.school-modal-container .inner .legal-row .ant-form-item-control-input-content p{color:#cec8c3;margin-top:.5rem;font-size:.8rem;line-height:.9rem;text-align:center}.school-modal-container .inner .footer-row{display:flex;flex-direction:row}.school-modal-container .inner .footer-row .ant-btn{width:100%}
.footer-container{width:100%;display:flex;background-color:#fff;align-items:center;justify-content:center;z-index:9;box-shadow:0 -1px 4px -1px rgba(0,0,0,.2);overflow:hidden;padding:1rem 1rem}.footer-container .footer-row{margin-left:1rem;margin-right:1rem}.footer-container .footer-row .footer-card:nth-child(2){display:flex;flex-direction:row;justify-content:flex-end}.footer-container .footer-row .footer-card:nth-child(2) a{margin-left:1rem}.footer-container .footer-row .footer-card:nth-child(2) a:first-child{margin-left:0rem}@media(max-width: 768px){.footer-row{text-align:center}.footer-row .footer-card:nth-child(2){justify-content:center !important}.footer-row .footer-card:nth-child(2) a{margin-left:1rem}}
.review-container{width:100%;padding:0;display:flex;flex-direction:column;overflow-x:hidden;align-items:center}.review-container h4,.review-container h5{text-align:center}.review-container .inner{--container-height: 10rem;width:100%}.review-container .inner .finish-top{width:100%;text-align:center}.review-container .inner .finish-top .anticon{color:#27ae60;font-size:3rem}.review-container .inner .finish-top h2{color:#27ae60}.review-container .inner .gg-container{margin:.5rem 0rem .2rem 0rem}.review-container .inner .done-btn{width:100%}.review-container .inner .ant-form-item{margin-bottom:.5rem}.review-container .inner .ant-form-item .ant-form-item-label{padding-bottom:0rem}.review-container .inner .ant-form-item .ant-checkbox-wrapper:first-child{margin-left:8px}.review-container .inner .legal-row{display:flex;align-items:center;justify-content:center}.review-container .inner .legal-row .ant-form-item-control-input-content div{display:flex;align-items:center;justify-content:center}.review-container .inner .legal-row .ant-form-item-control-input-content p{color:#cec8c3;margin-top:.5rem;font-size:.8rem;line-height:.9rem;text-align:center}.review-container .inner .footer-row{display:flex;flex-direction:row}.review-container .inner .footer-row .ant-btn{width:100%}
.course-container{min-height:100vh;width:100%;padding:0;display:flex;flex-direction:column;overflow-x:hidden;align-items:center}.course-container .title-container{width:100%;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;padding-right:1rem;background-image:linear-gradient(270deg, rgba(241, 138, 3, 0.637), rgba(241, 138, 3, 0.637)),url("/schoolbg-min.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}.course-container .title-container .title-card{padding:1.5rem 1rem 2rem 1rem;color:#fff}.course-container .title-container .title-card h1{margin-bottom:.5rem;color:#fff}.course-container .title-container .rating-card{height:10rem;border-top-left-radius:5rem;border-bottom-left-radius:5rem;border-top-right-radius:1rem;border-bottom-right-radius:1rem;margin-top:6rem;margin-bottom:-6rem;padding:1rem 1rem 1rem 2rem;background-color:#fff;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);display:flex;flex-direction:row;align-items:center;justify-self:center}.course-container .title-container .rating-card .score-container .score{font-size:4rem;display:flex;flex-direction:row;margin-top:-1.2rem;font-weight:600}.course-container .title-container .rating-card .score-container .score .total-score{margin-left:.1rem;font-size:1.4rem;margin-top:3rem}.course-container .title-container .rating-card .score-container .overall-tag{text-align:center;margin:-1rem auto 0rem auto}.course-container .title-container .rating-card .score-right-container{flex:1;padding-left:1.5rem;padding-right:1rem}.course-container .title-container .rating-card .score-right-container .bar-label{margin-bottom:-0.5rem}.course-container .title-container .rating-card .score-right-container .ant-progress{margin-bottom:.3rem}.course-container .subtitle-container{width:100%;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:1rem}.course-container .subtitle-container .search-row{display:flex;flex-direction:column;padding:.5rem 0 .8rem 0}.course-container .subtitle-container .search-row p{margin-bottom:0rem}.course-container .subtitle-container .btn-badge-row{display:flex;align-items:center;padding:.5rem 0 0 0}.course-container .subtitle-container .btn-badge-row .ant-col{margin-bottom:.3rem}.course-container .subtitle-container .btn-badge-row .ant-col .ant-tag{margin-bottom:.5rem}.course-container .subtitle-container .btn-badge-row .ant-col .ant-btn{width:100%;align-self:flex-end}.course-container .top-gg-container{margin-top:.5rem;margin-bottom:.5rem}.course-container .top-gg-container .gg-container{height:10rem}.course-container .review-row{padding:1rem;border-radius:.5rem;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;overflow-x:hidden}.course-container .review-row .review-btn{width:100%}.course-container .review-row .load-more-btn{margin-left:auto;margin-right:auto;min-width:20rem;margin-bottom:1rem}.course-container .review-row .in-list-gg-container{margin-bottom:.5rem;margin-top:-0.5rem;display:flex;overflow:hidden;align-items:center;justify-content:center;height:150px}@media(max-width: 575px){.course-container .review-row .in-list-gg-container{margin-bottom:.5rem;margin-top:-0.5rem;margin-left:-1rem;margin-right:-1rem;display:flex;overflow:hidden;align-items:center;justify-content:center}}.course-container .review-row .search-row{display:flex;flex-direction:column;padding:.5rem 0 .8rem 0}.course-container .review-row .search-row p{margin-bottom:0rem}.course-container .faq-row{margin-top:1rem;padding:1rem;overflow-x:hidden;border-radius:.5rem;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;margin-bottom:1rem}.course-container .faq-row .gg-container{max-width:100%}.course-container .empty-space{flex:1}@media(max-width: 767px){.course-container .rating-card{margin-left:1rem !important;margin-top:0rem !important;margin-bottom:-5rem !important;border-radius:.5rem !important;padding:1rem 1rem 1rem 1rem !important}.course-container .subtitle-container{padding-top:6rem}}
.legal-container{min-height:100vh;width:100%;display:flex;flex-flow:column;align-items:center}.legal-container .content-row{width:100%;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;padding:2rem;flex:1;text-align:left}
.school-container{min-height:100vh;width:100%;padding:0;display:flex;flex-direction:column;overflow-x:hidden;align-items:center}.school-container .title-container{width:100%;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(270deg, rgba(241, 138, 3, 0.637), rgba(241, 138, 3, 0.637)),url("/schoolbg-min.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}.school-container .title-container .title-card{padding:1.5rem 1rem 2rem 1rem;color:#fff}.school-container .title-container .title-card h2{margin-bottom:-0.2rem;color:#fff}.school-container .title-container .title-card .course-counter{margin-bottom:1rem}.school-container .gg-row{margin-left:auto;margin-right:auto;margin-top:.5rem}.school-container .gg-row .gg-container{width:100%}.school-container .course-row{padding-left:.25rem;padding-right:.25rem;margin-top:.5rem;margin-bottom:1rem}.school-container .course-row .course-col{margin-top:.5rem;padding-left:.25rem;padding-right:.25rem;display:flex;justify-content:center;align-items:center}.school-container .course-row .course-col .add-course-card{align-self:center;cursor:pointer;height:5rem;width:90%;padding:.8rem 1rem 1rem 1rem;background:linear-gradient(48deg, rgba(34, 193, 195, 0.6) 0%, rgba(253, 187, 45, 0.6) 60%);box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);border-radius:.3rem;display:block;transition:background-color .2s,box-shadow .2s,height .2s,width .2s;text-align:center;animation-name:add-btn-bg;animation-iteration-count:infinite;animation-duration:8s;animation-direction:reverse}@keyframes add-btn-bg{0%{background-color:red;left:0px;top:0px}25%{background-color:#d8ad1f;left:200px;top:0px}50%{background-color:blue;left:200px;top:200px}75%{background-color:green;left:0px;top:200px}100%{background-color:red;left:0px;top:0px}}.school-container .course-row .course-col .add-course-card h3{color:#fff;text-shadow:1px 1px #7c7c7c}.school-container .course-row .course-col .add-course-card:hover{box-shadow:0 1.5px 4px -1px rgba(0,0,0,.3);width:93%;height:5.1rem;background:linear-gradient(48deg, #22c1c3 0%, #fdbb2d 60%)}.school-container .course-row .course-col .course-card{cursor:pointer;width:100%;padding:.8rem 1rem 1rem 1rem;border-left:5px solid #fff;background-color:#fff;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);border-radius:.3rem;display:block;transition:border-left .2s,box-shadow .2s}.school-container .course-row .course-col .course-card .course-title-container{display:flex;height:1.5rem;align-items:center}.school-container .course-row .course-col .course-card .course-title-container h4{line-height:1.1em;text-overflow:ellipsis;max-height:2.2rem;overflow:hidden;line-height:1.1rem;color:#777}.school-container .course-row .course-col .course-card div{color:#ff9f43}.school-container .course-row .course-col .course-card:hover{border-left:5px solid #ff9f43;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.3)}.school-container .bottom-search-row{display:flex;flex-direction:column;align-items:center;text-align:center;padding-left:1rem;padding-right:1rem}.school-container .empty-space{flex:1;min-height:1rem}
.search-container{max-width:450px !important;width:100% !important}.search-container .search-box{max-width:450px !important;width:100% !important}
.course-modal-container{width:100%;padding:0;display:flex;flex-direction:column;overflow-x:hidden;align-items:center}.course-modal-container h4,.course-modal-container h5{text-align:center}.course-modal-container .inner{--container-height: 10rem;width:100%}.course-modal-container .inner .finish-top{width:100%;text-align:center}.course-modal-container .inner .finish-top .anticon{color:#27ae60;font-size:3rem}.course-modal-container .inner .finish-top h2{color:#27ae60}.course-modal-container .inner .gg-container{margin:.5rem 0rem .2rem 0rem}.course-modal-container .inner .done-btn{width:100%}.course-modal-container .inner .ant-form-item{margin-bottom:.5rem}.course-modal-container .inner .ant-form-item .ant-form-item-label{padding-bottom:0rem}.course-modal-container .inner .ant-form-item a{overflow:hidden;display:block;text-overflow:ellipsis}.course-modal-container .inner .legal-row{display:flex;align-items:center;justify-content:center}.course-modal-container .inner .legal-row .ant-form-item-control-input-content div{display:flex;align-items:center;justify-content:center}.course-modal-container .inner .legal-row .ant-form-item-control-input-content p{color:#cec8c3;margin-top:.5rem;font-size:.8rem;line-height:.9rem;text-align:center}.course-modal-container .inner .footer-row{display:flex;flex-direction:row}.course-modal-container .inner .footer-row .ant-btn{width:100%}
.review-col{background-color:#f8f8f8;border-radius:.5rem;padding:1rem;margin-bottom:1rem;width:100%}.review-col .review-col-left{display:flex;flex-direction:row}.review-col .review-col-left .overall-container{display:flex;flex-direction:column;margin-right:1rem;align-items:center}.review-col .review-col-left .overall-container div{width:4.5rem;height:4.5rem;margin-bottom:0;padding:1rem;border-radius:.7rem;font-size:3rem;font-weight:600;padding-top:.6rem;display:flex;align-items:center;justify-content:center}.review-col .review-col-left .content-container .tag-container .ant-tag{margin-bottom:.5rem}.review-col .review-col-left .from-stu{margin-bottom:.5rem}.review-col .review-col-left .helpful-btn{margin-right:.7rem;background-color:transparent}.review-col .review-col-right{display:flex;flex-direction:row;justify-self:center;align-items:center}.review-col .review-col-right .score-right-container{flex:1;padding-left:1.5rem;padding-right:1rem}.review-col .review-col-right .score-right-container .bar-label{margin-bottom:-0.5rem}.review-col .review-col-right .score-right-container .ant-progress{margin-bottom:.3rem}
.account-container{min-height:100vh;width:100%;display:flex;flex-flow:column;align-items:center}.account-container .account-row{width:100%;box-shadow:0 1.5px 4px -1px rgba(0,0,0,.2);background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;flex:1}.account-container .account-row .gg-row{height:8rem;width:100%}.account-container .account-row .gg-row .gg-container{height:8rem;width:100%}.account-container .account-row h4,.account-container .account-row h5{text-align:center}.account-container .account-row .inner{--container-height: 10rem;width:100%;padding:1rem;flex:1}.account-container .account-row .inner .fb-login-btn{width:100%;background-color:#3b5998;color:#fff;height:2.3rem;border-radius:3px;cursor:pointer;align-items:center;justify-content:center;margin-bottom:.5rem;display:flex;flex-direction:row}.account-container .account-row .inner .fb-login-btn .anticon{font-size:1.3rem}.account-container .account-row .inner .fb-login-btn:hover{background-color:#304570}.account-container .account-row .inner .ant-btn{margin-right:1rem}.account-container .account-row .inner .tab-container{flex:1}.account-container .account-row .inner .tab-container .review-row{margin-top:1rem;display:flex;flex-direction:column;margin-bottom:1rem}.account-container .account-row .inner .tab-container .review-row h4,.account-container .account-row .inner .tab-container .review-row h5{text-align:left}
.grid-why{margin-left:auto;margin-right:auto}.grid-why .ant-col:first-child{background-color:#f1c32a}.grid-why .ant-col:nth-child(2){background-color:#ff9f43}.grid-why .ant-col:nth-child(3){background-color:#f78629}.grid-why .ant-col:nth-child(4){background-color:#fc7628}.grid-why .ant-col{color:#fff;text-align:center;padding:1.5rem 2rem;justify-content:center;align-items:center}.grid-why .ant-col .title{font-size:1.6rem}