body {
  /* text-align:start; */
  text-align:right;
 
}

.row {

  margin-right: 0 !important;
  margin-left: 0 !important;
}

.btn-group > .btn-group > .btn {
  border-radius: 0.25rem !important;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.dropdown-menu{
    text-align: right;
}

.card-title {
     font-family:myfont !important;
    text-align: right;
    padding-right:20px;
    padding-top:10px;
}
.card-text
{
    text-align: right !important;
}
div p {
    font-family:myfont !important;
    line-height:25px !important;
    color:black !important;
    font-size:16px;

    padding-left:20px;
    padding-right:20px;
}

.img-fluid img {
    opacity: 0.6;
     height:400px!important;
}


.card {
    border:none !important;
  
    /*overflow:scroll;*/
}
 .topnews {
      
     direction:rtl !important;
     text-align: right !important;
     line-height:30px !important;
    color:black !important;
}

 .mask3 {
  -webkit-mask-image: radial-gradient(ellipse, black 50%, rgba(0, 0, 0, 0.5) 50%);
  mask-image: radial-gradient(ellipse, black 50%, rgba(0, 0, 0, 0.5));
}



.container .card:hover {
  background-color: #e5a530;
    transition: background-color 0.3s ease;
}

.row .card:hover {
  background-color: #e5a530;
    transition: background-color 0.3s ease;
}