.bg-banner-part-1 {
  color: #23225c !important;
  background-color: #fec401 !important;
}

.bg-banner-part-2 {
  color: #fec401 !important;
  background-color: #23225c !important;
}
.bg-yellow {
  color: #23225c !important;
  background-color: #fec401 !important;
  margin-top: 20px;
}


/* Share */
.share {
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.25rem;
}

  .share .s-item1 .link-a {
    display: block;
    padding: 1.5rem 0 1.5rem;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height:290px;
  }

    .share .s-item1 .link-a:hover {
      opacity: 0.9;
    }

/*  .share .s-item1 i {
    font-size: 1.25rem;
  }

  .share .s-item1 span {
    display: block;
  }

.share-1 .s-item1 i {
  color: #fff;
}

.share-1 .s-item1 span {
  color: rgba(255, 255, 255, 0.7);
}*/

.share-2 .s-item1 {
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

  .share-2 .s-item1:last-child {
    border-right: none;
  }


.center1 {
  margin: 0;
  position: absolute;
  top: 50%;
  left:13%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.font-size-1{
  font-size:4.5rem;
}

.font-size-2{
  font-size: 2.5rem;
}

.font-size-3 {
  font-size: 3.5rem;
}

.font-size-4 {
  font-size: 2.5rem;
}

@media only screen and (max-device-width: 480px) {

  .font-size-1 {
    font-size: 2.5rem;
  }

  .font-size-2 {
    font-size: 0.5rem;
  }

  .font-size-3 {
    font-size: 1.5rem;
  }

  .font-size-4 {
    font-size: 1.5rem;
  }

  .center1 .center2 .center3{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}


@media only screen and (min-device-width: 480px) and (max-device-width: 1024px) {

  .font-size-1 {
    font-size: 2.5rem;
  }

  .font-size-2 {
    font-size: 0.5rem;
  }

  .font-size-3 {
    font-size: 1.5rem;
  }

  .font-size-4 {
    font-size: 1.5rem;
  }

  .center1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 15%;
    right: 10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  

}

.center2 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 30%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.center3 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 20%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.center4 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 42%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.center5 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 20%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media only screen and (max-device-width: 480px) {

  .font-size-1 {
    font-size: 2.5rem;
  }

  .font-size-2 {
    font-size: 0.5rem;
  }

  .font-size-3 {
    font-size: 1.5rem;
  }

  .font-size-4 {
    font-size: 1.5rem;
  }

  .center4 .center5 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 10%;
   /* right: 5%;*/
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}


@media only screen and (min-device-width: 480px) and (max-device-width: 1024px) {

  .font-size-1 {
    font-size: 2.5rem;
  }

  .font-size-2 {
    font-size: 0.5rem;
  }

  .font-size-3 {
    font-size: 1.5rem;
  }

  .font-size-4 {
    font-size: 1.5rem;
  }

  .center4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: -15%;
    right: 10%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}


/* ----------------------- Payment Pending -------------------------*/

.bg-banner-part-3 {
  color: #fec401 !important;
  background-color: #23225c !important;
}

.bg-banner-part-4 {
  /*margin-top: 10px;*/
  color: #23225c !important;
  background-color: #fec401 !important;
 /* border: 1px;
  border-color: #23225c !important;*/
}

.main-color {
  color: #23225c;
  padding: 20px;
}
.editbutton {
    background-color: #23225c !important;

}
.main-color-2 {
  color: #23225c;
  padding: 20px;
}

.main-color-3 {
  color: #23225c;
  padding: 3px;
}

.link-col {
  color: #fff;
}

  .link-col:hover {
    color: #23225c;
  }

@media only screen and (max-device-width: 480px) {
  .font-size-1 {
    font-size: 1.5rem;
  }

/*  .font-size-2 {
    font-size: 0.5rem;
  }

  .font-size-3 {
    font-size: 1.5rem;
  }*/

  .font-size-4 {
    font-size: 1.0rem;
  }

  .center6{
    margin: 0;
    top: 50%;
    left: 5%;
    right: 5%;
/*    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
  }

  .center4 {
    margin: 0;
    top: 50%;
    left: 5%;
    right: 5%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .font-size-14 {
    font-size: 1.0rem;
  }

  
  
}