.lrn-mor-btn {
  background: #e3642c;
  color: #ffffff;
  border-radius: 5px;
  border: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .5px;
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

.lrn-mor-btn:hover {
  color: #ffffff;
  text-decoration: none;
}

.hero__slider__wrapper.owl-carousel .owl-dots {
  bottom: 20px !important;
}


.star-cb-group {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  /* the hidden clearer */
}
.star-cb-group * {
  font-size: 1rem;
}
.star-cb-group > input {
  display: none;
}
.star-cb-group > input + label {
  /* only enough room for the star */
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  font-size: 40px;
}
.star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "☆";
  color: #888;
}
.star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
  content: "★";
  color: #e52;
  text-shadow: 0 0 1px #333;
}
.star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  width: .5em;
  margin-left: -.5em;
}
.star-cb-group > .star-cb-clear + label:before {
  width: .5em;
}
.star-cb-group:hover > input + label:before {
  content: "☆";
  color: #888;
  text-shadow: none;
}
.star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: #e52;
  text-shadow: 0 0 1px #333;
}


.uplod-area-main .clearfix{
  overflow: auto;
} 
.uplod-area-main .dropzone {
  position: relative;
  cursor: pointer;
  min-height: 80px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px dashed rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  box-shadow: 0px 3px 30px 5px rgb(0 0 0 / 5%);
  border-radius: 5px;
  padding: 17px 10px;
  text-align: center;
  margin-bottom: 10px;
}

.uplod-area-main .dropzone span {
  display: block;
  text-align: center;
  margin-bottom: 2px;
}

.uplod-area-main .dropzone p {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: transparent;
    border: 0;
    text-align: center;
    outline: none;
}

.uplod-area-main input.fileUpload{
  display: none;
}
.uplod-area-main .preview{
  margin: 10px 0;
  padding: 0px;
  text-align: left;
}

.uplod-area-main .preview .img-wrap{
  position: relative;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 1px;
  width: 150px;
  margin: 5px;
  height: 112px;
}

.uplod-area-main .preview .img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ffffff;
    padding: 5px 2px 2px;
    color: #d22d34;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 24px;
    line-height: 12px;
    border-radius: 25%;
    padding-bottom: 5px;
}
.uplod-area-main .preview .img-wrap:hover .close {
    opacity: 1;
}

.uplod-area-main .preview img{
  width: 150px;
  height: 100%;
}

.uplod-area-main .preview img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.uplod-area-main .detail{
    font-family: arial;
    padding: 5px;
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ng-valid .submt-btn{
  background: #e3642c;
  color: #ffffff;
}

.modal-dialog {
  margin-top: 50px;
}
.modal-content {
  background-color: #545454 !important;
}

.a-link{
  color: #ffffff;
  text-decoration: none;
}

.a-link:hover, .a-link:active{
  color: #ffffff;
  text-decoration: none;
}

.siginup-text{
  font-size: 11px;
  margin-right: 11px;
  position: relative;
  top: 1px;
  color: #fff;
  opacity: .7;
}

.rqrd-estrc{
  color: #ff6a6a;
  font-size: 16px;
}

@media (min-width: 320px) and (max-width: 450px) {
  .star-cb-group > input + label {
    width: 29px;
    font-size: 34px;
  }
}