.contain{
  padding-left: 12% !important;
  padding-right: 12% !important;
}

.roundedArticleImg{
  width: 100%;
  border-radius: 7px !important;
}

.articleTags{
  font-weight: 500;
  border-radius: 5px !important;
  border: solid 1px;
  border-color: var(--coral);
  margin-right: 9px;
  margin-top : 6px;
  color: black;
  display:inline-block;
  padding: 3px 10px 3px 10px;
}

.ql-editor a{
  color: var(--coral) !important;
}

.fb:hover{
  background-color: #4267B2 !important;
  border-color: #4267B2 !important;
}

.fb:hover .fbIcon{
  color: white !important;
}

.mail:hover{
  background-color: var(--coral) !important;
  border-color: var(--coral) !important;
}

.mail:hover .mailIcon{
  color: white !important;
}

.tw:hover{
  background-color: #1DA1F2 !important;
  border-color: #1DA1F2 !important;
}

.tw:hover .twIcon{
  color: white !important;
}

.lk:hover{
  background-color: #2867B2 !important;
  border-color: #2867B2 !important;
}

.lk:hover .lkIcon{
  color: white !important;
}

.wa:hover{
  background-color: #25D366 !important;
  border-color: #25D366 !important;
}

.wa:hover .waIcon{
  color: white !important;
}

.gp:hover{
  background-color: #DB4437 !important;
  border-color: #DB4437 !important;
}

.gp:hover .gpIcon{
  color: white !important;
}

.ql-editor{
margin: 0 !important;
padding: 0 !important;
 height: auto !important;
}

@media screen and (max-width: 1024px) {
  .titleSide{
    display: none;
  }

}

@media screen and (max-width: 1200px) {
  .contain{
    padding-left: 8% !important;
    padding-right: 8% !important;
  }
}