body {
  background: #F0F2F5;
}

.main__container,
.header__container {
  max-width: 1400px;
  width: 95%;
}

.main__container {
  margin: 2.5rem 0;
}

/* section__publication */

.section__publication {
  width: 56%;
}

.section__resultAboutAnnouncement,
.section__creativeAnnouncement,
.section__statusPublish,
.section__budget {
  margin: 2rem 0;
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #E2E4E6;
}

/* aside__showPublication */

.aside__showPublication {
  width: 600px;
  margin: 0 0 0 3rem;
}

.avatar__meta {
  padding: 0.5rem;
  border-radius: 50%;
  background: #1877F2;
}

/* card__chooseAutomatic */

.card__chooseAutomatic {
  margin: 1.5rem 0 0 0;
}

.title__descriptionResultAnnouncement,
.title__descriptionCard {
  font-weight: 500;
  margin: 0.3rem 0 0 0;
  color: #65676B;
}

.card__titlesInformationAutomatic,
.information__titlesAnnoucement {
  margin: 0 0 0 1rem;
}

.title__descriptionCard {
  font-size: 14px;
  color: #65676B;
}

.button__alter {
  padding: 0.8rem 1rem;
  border-radius: 0.5rem;
  border: none;
  background: #E4E6EB;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.button__alter:hover,
.button__selectImage:hover {
  background: #dddddd;
}

/* section__creativeAnnouncement */

.section__creativeAnnouncement {
  margin: 0;
}

.title__usePublication {
  font-weight: 500;
  color: #216FE2;
  font-size: 14px;
}

.title__creativeAnnouncement img {
  margin: 0 0 0 0.5rem;
}

.title__description {
  font-weight: 500;
  margin: 0.5rem 0 0 0;
  color: #65676B;
  font-size: 15px;
}

/* div__descriptionInput */

.div__descriptionInput {
  border: 1px solid #CED0D4;
  margin: 1rem 0;
  border-radius: 0.5rem;
  padding: 0 1rem;
  height: 150px;
}

.text__areaInput {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  resize: none;
  font-weight: 500;
  font-size: 16px;
  padding: 0.2rem 0 0 0;
}

.div__emojiListSelect {
  padding: 0.5rem 0;
  cursor: pointer;
}

.div__publishEdit {
  margin: 2rem 0 0 0;
}

.title__descriptionPublishEdit {
  color: #65676B;
  font-size: 15px;
  font-weight: 500;
}

.title__media {
  color: black;
  font-weight: 600;
  margin: 0 0.5rem 0 0;
}

.button__selectImage {
  padding: 0.5rem 0.8rem;
  border-radius: 0.5rem;
  border: none;
  font-weight: 600;
  font-size: 14px;
  color: black;
  cursor: pointer;
  background: #E4E6EB;
}

.button__selectImage img {
  margin: 0 0.5rem 0 0;
}

/* div__imagePublish */

.div__imagePublish {
  margin: 1rem 0;
}

.div__optionsEdit select {
  background: #E7F3FF;
  border: none;
  padding: 0.7rem;
  color: #1877F2;
  font-weight: 600;
  font-size: 15px;
  border-radius: 0.5rem;
  outline: none;
  cursor: pointer;
}

/* div__backgroundTitle */

.div__backgroundTitle {
  background: #E4E6EB;
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
  margin: 0.5rem 0 0 0;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
}

.div__inputTitle {
  background: #fff;
  border-radius: 0.4rem;
  border: 1px solid #CED0D4;
  padding: 1rem;
}

.label__titleInput {
  font-size: 14px;
  font-weight: 500;
  color: #65676B;
}

.div__inputTitle input {
  border: none;
  outline: none;
  font-weight: 500;
  font-size: 16px;
  padding: 0.5rem 0;
}

.title__amountCharacters {
  margin: 0.5rem 0 0 0;
  font-weight: 500;
  color: #65676B;
  font-size: 15px;
}

.send__message {
  margin: 1rem 0 0 0;
  border: 1px solid #CED0D4;
  padding: 1rem;
  border-radius: 0.5rem;
}

.label__sendButton {
  font-size: 15px;
  font-weight: 500;
  color: #65676B;
}

.send__message select {
  margin: 0.5rem 0 0 0;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

.title__statusPublish {
  margin: 1rem 0 0 0;
}

.title__statusPublish img,
.title__duration img,
.title__totalBudget img {
  margin: 0 0 0 0.5rem;
}

.title__descriptionStatusPublish {
  margin: 1rem 0;
  color: #65676B;
  font-weight: 500;
}

/* card__publicAdvantage */

.card__publicAdvantage {
  margin: 1.5rem 0;
}

.title__descriptiondAdvantage {
  font-size: 14px;
  font-weight: 500;
  margin: 0.5rem 0 0 0;
  color: #65676B;
}

.input__publishAdvantage input,
.ul__listRadioInputSelect li input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

/* card__announcementsImprovements */

.card__announcementsImprovements {
  background: #F7F8FA;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 1px 5px #EEEEEE;
}

.title__AnnouncementsImprovements {
  font-size: 15px;
  font-weight: 600;
}

.title__AnnouncementsImprovements img {
  margin: 0 0.8rem 0 0;
}

.title__descriptionAnnouncementsImprovements {
  font-size: 13px;
  margin: 0.5rem 0 1.5rem 2rem;
  font-weight: 500;
  color: #65676B;
}

.learnMore__redirectPage {
  width: 100%;
  height: 40px;
  border-radius: 0.5rem;
  text-decoration: none;
  background: #E4E6EB;
  color: black;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
}

.ul__listRadioInputSelect {
  list-style: none;
  margin: 2rem 0 0 0;
}

.ul__listRadioInputSelect li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.5rem 0;
  font-weight: 600;
}

/* button__publishEdit */

.button__publishEdit {
  width: 55%;
  height: 45px;
  border-radius: 0.5rem;
  background: #E4E6EB;
  border: none;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.button__publishEdit:hover,
.learnMore__redirectPage:hover {
  background: #c9c9c9;
}

.button__publishEdit img,
.title__valueMoney img {
  margin: 0 0.5rem;
}

.button__publishEdit:first-child,
.card__daysEnd:first-child,
.a__redirectHelp img {
  margin: 0 0.5rem 0 0;
}

.button__publishEdit:last-child,
.card__daysEnd:last-child,
.title__sponsor img,
.title__achievedAccounts img {
  margin: 0 0 0 0.5rem;
}

/* inputs__daysEnd */

.inputs__daysEnd {
  margin: 1rem 0 0 0;
}

.card__daysEnd {
  border: 1px solid #CED0D4;
  width: 100%;
  border-radius: 0.5rem;
  padding: 0.8rem 0.8rem 0.5rem 0.8rem;
}

.label__days {
  font-size: 13px;
  color: #65676B;
}

.label__add input {
  width: 100%;
  border: none;
  cursor: pointer;
  outline: none;
  font-weight: 500;
  font-size: 14px;
}

.button__addDays:first-child {
  margin: 0;
}

.button__addDays {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 15px;
  border: 1px solid #3F4144;
  background: transparent;
  font-size: 30px;
  color: #909192;
  margin: 0 0 0 1rem;
  cursor: pointer;
}

.input__date {
  margin: 0 0 0 1rem;
  width: 100%;
}

.input__date input {
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.title__totalBudget {
  margin: 2.5rem 0;
}

.title__descriptionTotalBudget {
  font-weight: 500;
}

.title__colorBlue {
  color: #216FDB;
  margin: 0 0.5rem;
}

.title__valueMoney {
  margin: 1rem 0;
}

.title__valueMoney {
  font-weight: 700;
  font-size: 40px;
  color: #1876F2;
}

.title__cipher {
  font-size: 17px;
  margin: 0 0.5rem 1rem 0;
}

.change__valuePublish input {
  width: 70%;
  cursor: pointer;
}

.title__minimuValuePublish,
.title__maximuValuePublish {
  font-weight: 500;
  color: #65676B;
}

.title__adPreview {
  font-size: 20px;
}

/* card__announcementShow */

.card__announcementShow {
  background: #fff;
}

.avatar__authorAnnoucement img {
  border-radius: 50%;
}

.section__valueAnnouncement {
  padding: 0 4rem;
  margin: 2rem 0;
}

.card__authorAnnoucement {
  padding: 1rem;
}

.title__sponsor {
  font-weight: 500;
  color: #90949C;
  font-size: 14px;
}

.image__menu {
  transform: rotate(-90deg);
  margin: 0 1rem 0 0;
}

.images__exitAndMenu img {
  cursor: pointer;
}

.title__descriptionPosterAnnoucement {
  padding: 0 1rem 0.5rem 1rem;
  font-weight: 500;
}

.image__primaryPoster {
  border-top: 1px solid #EBEBEB;
}

.div__sharePoster {
  background: #F7F8FA;
  border-bottom: 1px solid #E4E5E6;
  padding: 1rem;
}

.title__descriptionSharePoster {
  font-weight: 500;
  color: #464950;
  font-size: 15px;
}

.button__share {
  padding: 0.5rem 0.8rem;
  border-radius: 0.5rem;
  border: none;
  background: #E4E6EB;
  font-weight: 600;
  cursor: pointer;
}

.button__share img {
  margin: 0 0.3rem 0 0;
}

.ul__listShare {
  margin: 1rem 1rem 0 1rem;
  border-top: 1px solid #CED0D4;
}

.ul__listShare li {
  display: flex;
  align-items: center;
  padding: 1rem;
  font-weight: 600;
  font-size: 14px;
  color: #616770;
}

.ul__listShare li img {
  margin: 0 0.5rem 0 0;
}

.div__exemple {
  width: 100%;
}

.background__grayExemple {
  background: #65676B;
  color: #fff;
  margin: 3rem 0 0 0;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 13px;
}

.button__showAllPrevious {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 0.5rem;
  margin: 2rem 0 6rem 0;
  background: #E4E6EB;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.button__showAllPrevious:hover {
  background: #c7c7c7;
}

/* div__achievedAccounts */

.div__achievedAccounts,
.div__listTypePayments {
  margin: 1rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #CED0D4;
}

.title__achievedAccounts {
  font-weight: 600;
  font-size: 14px;
  color: #65676B;
}

.title__achievedBlue {
  margin: 0 0.5rem 0 0;
  color: #216FDB;
}

.title__valueAchievedAccounts {
  font-size: 18px;
  font-weight: 500;
}

/* div__resumePayment */

.div__resumePaymendt,
.div__listTypePayments {
  margin: 1rem 0;
}

.title__descriptionAnnoucementDuration {
  margin: 0.5rem 0 0 0;
  font-weight: 500;
  color: #65676B;
}

.title__typePayments,
.title__valueMoneyPayments {
  font-weight: 500;
}

.title__descriptionAccountAnnouncement {
  margin: 1rem 0;
  font-size: 13px;
  font-weight: 500;
  color: #65676B;
}

.span__learnMore {
  color: #216FDB;
}

/* div__postAndHelp */

.div__postAndHelp {
  background: #fff;
  padding: 2rem;
  margin: 2rem 0 1rem 0;
  border-radius: 0.5rem;
}

.button__boostPublication {
  padding: 0.8rem 2rem;
  margin: 0 0 0 1rem;
  border-radius: 0.5rem;
  border: none;
  background: #1B74E4;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;
}

.button__boostPublication:hover {
  background: #0d4f9e;
}

.a__redirectHelp {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #216FDB;
}

.title__descriptionBoostPublication {
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  background: #fff;
  padding: 0.5rem 0;
}

.title__termsAndConditions {
  color: #216FDB;
}

/* background__primaryImage */

.background__primaryImage {
  position: relative;
}

.background__arrowBlue {
  background: #E7F3FF;
  position: absolute;
  top: 50%;
  right: 1px;
  width: 50px;
  height: 50px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.3s;
}

.background__arrowBlue:hover {
  background: #aecff0;
}

@media (max-width: 990px) {

  .main__container,
  .card__chooseAutomatic {
    flex-direction: column;
    align-items: start;
  }

  .aside__showPublication {
    margin: 0;
  }

  .section__publication,
  .aside__showPublication,
  .button__alter {
    width: 100%;
  }

  .button__alter {
    margin: 1rem 0 0 0;
  }
}

@media (max-width: 725px) {

  .div__selectImage,
  .title__descriptionPublishEdit,
  .buttons__publishEdit,
  .ul__listRadioInputSelect li,
  .inputs__daysEnd,
  .div__achievedAccounts {
    flex-direction: column;
    align-items: start;
  }

  .button__selectImage,
  .ul__listRadioInputSelect li input,
  .card__daysEnd {
    margin: 0.5rem 0 0 0 !important;
  }

  .button__publishEdit {
    margin: 0.5rem 0 !important;
    width: 100%;
  }

  .change__valuePublish,
  .div__postAndHelp {
    flex-direction: column;
    align-items: center;
  }

  .section__valueAnnouncement {
    padding: 0;
  }

  .card__announcementShow,
  .button__boostPublication {
    width: 100%;
  }

  .button__boostPublication {
    margin: 0.5rem 0;
  }

}

@media (max-width: 550px) {
  .ul__listShare {
    flex-direction: column;
    align-items: center;
  }

  .ul__listShare li {
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #CED0D4;
  }

  .ul__listShare li:last-child {
    border-bottom: none;
  }

  .div__postAndHelp {
    padding: 1rem 0.5rem;
  }
}