@import url("style.css");
.main-panel-right .offer .offer-right {
  display: flex;
  justify-content: center;
  align-items: center; }

::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.534);
  border-radius: 15px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.452);
  border-radius: 15px; }

#main-panel #offer {
  color: #010101;
  background-color: #ffffffb4; }

.main-panel-right {
  overflow: auto;
  max-height: 80%; }
  .main-panel-right .offer {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .main-panel-right .offer .offer-left {
      width: 65%; }
      .main-panel-right .offer .offer-left h2 {
        font-size: 15px;
        font-weight: 600;
        text-align: justify;
        font-style: italic; }
      .main-panel-right .offer .offer-left p {
        font-size: 13px;
        font-weight: 500;
        text-align: justify;
        line-height: 20px; }
      .main-panel-right .offer .offer-left ul {
        font-size: 13px;
        font-weight: 500;
        text-align: justify;
        line-height: 20px; }
    .main-panel-right .offer .offer-right {
      width: 35%; }
      .main-panel-right .offer .offer-right img {
        border-radius: 50%;
        width: 80%;
        height: 80%; }

@media only screen and (max-width: 900px) {
  .offer {
    padding: 20px;
    flex-direction: column; }
    .offer .offer-left {
      width: 50%; }
      .offer .offer-left p {
        font-size: 10px;
        font-weight: 500;
        text-align: left;
        font-size: 10px !important; }
      .offer .offer-left h2 {
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        text-align: left !important; } }

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