.news-wrapper .row.no-gutters{
    width: 80% !important;
    margin: 20px auto 0;
}

.news-wrapper .row.padding-centered{
    width:95%;
margin: 0 auto;
}

.news-wrapper{
    margin: 0px 0px;
}

.news-wrapper .container h1{
    font-size: 2.5rem;
    font-weight: 700;
    margin: 50px 0px;
    font-family: monsterrat-semi-bold;
}

.card-img-top{
    border-radius: 0;
}



.pagination{
    justify-content:center;
    margin:105px 0px;
}

.page-item{
    margin: 0px 40px;
    font-size: 18px;
    z-index: 1;
}

.page-link{
    background-color:transparent;
    border: 0;
    color: black;
}

.page-item.active .page-link{
    background-color: #B8272D;
border-color: #B8272D;
color:white;
border-radius:0px
}


.form-group{
position: relative;
/* padding: 0px 200px; */
width: 85%;
margin: 0px auto;
display: flex
}


.input-group.mb-3{
    padding: 0px 20px;
    height:55px
}

.input-group-text{
    width:4rem;
    justify-content:center ;
    background-color: transparent;
    border: 1px solid #B8272D;
    border-radius: 0;
}

.input-group select{
    height:auto !important;
    border: 1px solid #B8272D;
    background: url(../image/Frame8.png) no-repeat right white;
    -webkit-appearance: none;
    background-position-x: 100%;
    border-radius: 0;
}

.input-group .input-group-prepend .input-group-text .fa{
    color: #B8272D;
    font-size: 26px;
}

.card{
width:100% !important;
}

.card-title{
font-size:28px;
font-weight:600;
margin-bottom: 20px;
font-family: monsterrat-semi-bold;
}
.red{
color:#B8272D;
}

.card-text{
font-size: 18px;
font-weight:500;
margin-bottom:20px;
text-align: justify;
height:110px;
overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.date{
margin-top: 15px;
margin-bottom:30px;
font-size:14px;

}

.description-news{
    font-family: monsterrat;
}

.form-control{
    font-family: hind;
}

.col-xl-3 .card .card-body{
    font-family: monsterrat;
}

.card-text.text-muted{
    font-family: monsterrat;
}

.col-xl-3 .card-body{
padding:40px;
min-height: 160px;
}

.col-xl-3 .card{
border-radius: 0px;
}



.col-xl-3 .card-body .red{
font-size: 24px;
font-weight:600;
margin-bottom:40px;
}
.card-body{
background:#f2f2f2;;
height: 100%;
padding: 75px 40px;
}

.margin-10{
margin: 75px 0px;
}

.news-wrapper{
overflow: hidden;
}

input.form-control{
border-radius: 0;
border: 0;
border-bottom: 3px solid gray;
font-size: 18px;
background-color: transparent;
}


.padding-centered{
/* padding: 0px 95px; */
}

.card{
margin: auto;
width: 85%;
}

.col-xl-6 .card-body{

padding: 65px 40px;

}

@media (max-width: 1440px){

    .news-wrapper {
        margin: 0px 100px 100px ;
    }

    .card-text{
        height: auto;
    }
    
    
    }

@media (max-width: 1200px){

    .col-xl-3{
        margin-bottom: 35px;
    }

    .news-wrapper .row.no-gutters{
        width: 90% !important;
    }
    
    
    }


@media (min-width: 1200px){
.container {
max-width: 1500px;
}
.col-xl-3 .card-body{
    padding: 20px;
}


}




@media (max-width: 991px){
.card-img{
height:400px !important
}
.news-wrapper .row.no-gutters{
    width: 100% !important;
}
.card-title.red{
font-size: 22px;
}

.input-group.mx-2{
    margin-bottom: 30px;
 }
.card-text{
height: 40px;
font-weight:400;
}

.col-xl-3 .card-body{
padding:35px;
min-height: 140px;
}

.col-md-6 .card-body{
    height:400px;
    padding: 60px 40px;
}

.news-wrapper{
    margin: 0;
}


.col-xl-3 .card-body .card-text{
font-size: 12px;
}

.form-group{

    display: block
    }

.col-md-6 .card-body .description-news{
    max-height: 11ch;
    overflow: hidden;

}



}

@media (max-width: 767px){
.card-img{
height:auto
}


.card-title.red{
font-size: 22px;
}
.card-text{
font-size:20px;
font-weight:400;
}

.col-xl-3 .card-body{
padding:10px 10px
}

.col-xl-3 .card-body{
padding:10px 10px
}

.col-xl-3 .card-body .card-text{
font-size: 14px;
}

.col-xl-3{
margin-bottom: 45px;
}



}


@media (max-width: 648px){
    .page-item{
    margin: 0px 20px;
    
    
    
    }
}