@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sofia&display=swap');

/*
font-family: 'Sofia', cursive;
*/

body{
  font-family: 'Roboto', sans-serif;
  background-color:#f1f1f2 !important;
}

h3.h3{text-align:center;padding:1.5em 0em;text-transform:capitalize;font-size:1.5em;}


/******************  News Slider Demo-2 *******************/
/*.demo{background:linear-gradient(to right,#fcc,#d3d3d3)}*/
/*.demo{background: linear-gradient(to top left, #ff6666 0%, #e8a145 50%);}*/
.post-slide2{margin:0 15px;box-shadow:0 1px 2px rgba(43,59,93,.3);margin-bottom:2em; }
.post-slide2 .post-img{overflow:hidden; border-radius: 5px 5px 0 0;}
.post-slide2 .post-img img{width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s}
.post-slide2:hover .post-img img{transform:scale(1.08)}
.post-slide2 .post-content{background:#fff;padding:20px}
.post-slide2 .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize}
.post-slide2 .post-title a{display:inline-block;color:grey;transition:all .3s ease 0s}
.post-slide2 .post-title a:hover{color:#3d3030;text-decoration:none}
.post-slide2 .post-description{font-size:15px;color:#676767;line-height:24px;margin-bottom:14px}
.post-slide2 .post-bar{padding:0;margin-bottom:15px;list-style:none; }
.post-slide2 .post-bar li{color:#676767;padding:2px 0}
.post-slide2 .post-bar li i{margin-right:5px}
.post-slide2 .post-bar li a{display:inline-block;font-size:12px;color:grey;transition:all .3s ease 0s}
.post-slide2 .post-bar li a:after{content:","}
.post-slide2 .post-bar li a:last-child:after{content:""}
.post-slide2 .post-bar li a:hover{color:#3d3030;text-decoration:none}
.post-slide2 .read-more{display:inline-block;padding:10px 15px;font-size:14px;font-weight:700;color:#fff;background: linear-gradient(to top left, #ff6666 0%, #e8a145 50%);border-bottom-right-radius:10px;text-transform:capitalize;transition:all .3s linear}
.post-slide2 .read-more:hover{background:#333;text-decoration:none}

@media only screen and (min-width: 576px) {
    .demo .container p.xinfo {
        display: inline;
    }

   
}

@media only screen and (min-width: 768px) {
    .demo .container  p.xinfo {
        display: inline;
    }  
   
}

@media only screen and (min-width: 992px) {
    .demo .container  p.xinfo {
        display: none;
    }  

}