.popup-blog.blog .modal {
    overflow-y: hidden;
}

.popup-blog.blog .modal .modal-body {
    overflow-y:scroll;
    max-height:400px;
}

.popup-blog.blog .modal .modal-title {
    margin-right: 20px;
}
.popup-blog.blog .modal.fade .modal-dialog {
  margin-top:0;
}


.client-grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows:auto;
    grid-gap: 1em;
    align-items: stretch;
    padding:30px;
    position: relative;

}
    @media (max-width:992px) {
      .client-grid {
            grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width:767px) {
      .client-grid {
            grid-template-columns: 1fr; 
      }
    }

.client-grid .features-item {
    background-color:#66946c;
    border:1px solid rgba(0,0,0,0.06);
    position:relative;
    border-radius:2px;
    padding:20px;
    justify-self: stretch;
    align-self: stretch;
    text-align:left;
    display:grid;
    grid-template-columns: 1fr
    grid-template-rows:auto;
    grid-gap: 1em;
    align-items: stretch;   
    transition:all 0.5s cubic-bezier(1, -0.39, 0.74, 0.05) 0s; 
    z-index:1;
}
.client-grid .features-item::before {
    content:"";
    position:absolute;
    width:10px;
    left:5px;
    top:3%;
    bottom:5px;
    height:94%;
    background-color:rgba(0,0,0,0.1);
}
.client-grid .features-item:hover {
    transform:perspective(400px) rotateX(10deg) rotateY(-5deg) translate3d(0,0,-30px);   

    transition:all 0.5s ease-in-out 0s; 
    
    background-color:#596574!important;
    box-shadow:3px 3px 10px -4px;
    z-index:2;
}
.client-grid .features-item:nth-child(2n){
    background-color:#9152a7;
}
.client-grid .features-item:nth-child(3n){
    background-color:#bd593e;
}
.client-grid .features-item:nth-child(4n){
    background-color:#3a87ad;
}
.client-grid .features-item:nth-child(5n){
    background-color:#ce1086;
}
.client-grid .features-item:nth-child(6n){
    background-color:#10ceb8;
}
.client-grid .features-item:nth-child(7n){
    background-color:#82637d;
}
.client-grid .features-item:nth-child(8n){
    background-color:#d67a23;
}
.client-grid .features-item * {
    color:#ffffff;
    align-self:baseline;
}

.mt-0 {
    margin-top:0!important;
}
.mb-0 {
    margin-bottom:0!important;
}
.ml-0 {
    margin-left:0!important;
}
.mr-0 {
    margin-right:0!important;
}

.mt-1 {
    margin-top:10px!important;
}
.mb-1 {
    margin-bottom:10px!important;
}
.ml-1 {
    margin-left:10px!important;
}
.mr-1 {
    margin-right:10px!important;
}

.mt-2 {
    margin-top:20px!important;
}
.mb-2 {
    margin-bottom:20px!important;
}
.ml-2 {
    margin-left:20px!important;
}
.mr-2 {
    margin-right:20px!important;
}

.mt-3 {
    margin-top:30px!important;
}
.mb-3 {
    margin-bottom:30px!important;
}
.ml-3 {
    margin-left:30px!important;
}
.mr-3 {
    margin-right:30px!important;
}



.pt-0 {
    padding-top:0!important;
}
.pb-0 {
    padding-bottom:0!important;
}
.pl-0 {
    padding-left:0!important;
}
.pr-0 {
    padding-right:0!important;
}

.pt-1 {
    padding-top:10px!important;
}
.pb-1 {
    padding-bottom:10px!important;
}
.pl-1 {
    padding-left:10px!important;
}
.pr-1 {
    padding-right:10px!important;
}

.pt-2 {
    padding-top:20px!important;
}
.pb-2 {
    padding-bottom:20px!important;
}
.pl-2 {
    padding-left:20px!important;
}
.pr-2 {
    padding-right:20px!important;
}

.pt-3 {
    padding-top:30px!important;
}
.pb-3 {
    padding-bottom:30px!important;
}
.pl-3 {
    padding-left:30px!important;
}
.pr-3 {
    padding-right:30px!important;
}


.article-content table {
    width: 100%;
    padding:10px;
    color:#878787;
    border:0 none!important;
    margin-bottom:20px;
}

.article-content table td {
    background-color:#efefef;
    color:#878787;
    border-top:0;
}
.article-content table td,
.article-content table th {
    padding:15px;
}

.article-content table tr:nth-child(even) td{
    background-color:#f6f6f6;
}

.article-content table tr:first-child td,
.article-content table tr:first-child th {
    background-color:#362f4b!important;
    color:#f5f3fa!important;
    border-top:0 none;
}

.article-content table tr:first-child td:first-child,
.article-content table tr:first-child th:first-child {
    border-radius:5px 0 0 0;
}

.article-content table tr:first-child td:last-child,
.article-content table tr:first-child th:last-child {
    border-radius:0 5px 0 0;
}

.article-content table a {
    color:#ffffff;
}

.article-content table:hover tr:hover > * {
    background-color:#dfdfdf;
    color:#333;
}

.form-group.form-actions,
.form-group.form-actions + .controls {
    text-align:left;
    margin:0 0 20px;
    width:100%;
}
.form-group.form-actions > * {
    padding:0;
}

.form-group.form-actions .btn,
.form-group.form-actions + .controls .btn {
    padding:10px 20px;
    margin:0 15px 0 0!important;

}