.hero-area {
    padding: 200px 0 0;
}.our-blog-section-new ul { list-style:none; margin:0; padding:0; } .our-blog-section-new ul li {  line-height:1.5; }.our-blog-section-new i { font-family:'FontAwesome'; } 
#our-blog-section-new {
  background: #fff;
  color: #000;
  overflow: hidden;
  padding-top: 250px;
  position: relative;
}#our-blog-section-new::before {
    background-size: cover;
    border-right: 3000px solid transparent;
    border-top: 152px solid #4B53F7;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
p{
    font-size: 16px;
  }
.our-blog-section-new i{color: #f1b613;}
#our-blog-section-new .text-Ll {text-align:center;font-size: 30px;color:#000000;letter-spacing: 3px;}
#our-blog-section-new .text-inmobile img {height: 8px;}
.item-name.pull-left > span {font-size: 28px;}
.gallery-wrapper-new .content-header .slider-controls { float:right; margin-top:7px; }
.gallery-wrapper-new .content-header .slider-controls a i:first-child { margin-left:7px; }
.gallery-wrapper-new ul.gallery { margin:25px 0; }
.gallery-wrapper-new ul.gallery li { margin-bottom:20px; }
.gallery-wrapper-new ul.gallery .gallery-item {/* border:solid 1px rgb(231,196,70);*/ width:100%; height:384px;
object-fit: cover;position:relative; transition:all .8s ease-in-out 0s; -moz-transition:all .8s ease-in-out 0s; -webkit-transition:all .8s ease-in-out 0s; -o-transition:all .8s ease-in-out 0s; -ms-transition:all .8s ease-in-out 0s; 
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.4);}
.gallery-wrapper-new ul.gallery .item-wrapper { padding:10px 15px; overflow:hidden; background: white;color:black;}
.gallery-wrapper-new ul.gallery .item-wrapper p { padding:0;}
.gallery-wrapper-new ul.gallery .item-rattings i, .gallery-wrapper-new ul.gallery .gallery-item .item-info i { margin:0 10px; padding-top: 11px; }
.gallery-item img {width: 100%; height:78%; /*object-fit: cover;*/}

.gallery-wrapper-new ul.gallery .gallery-item .item-info {color:#5d5d5d; padding:10px 15px; left:0; right:0; position:absolute; top:0; background:#fbfafa; z-index:0; }
.gallery-wrapper-new ul.gallery .gallery-item .item-desc { padding:10px 15px; left:0; right:0; position:absolute; bottom:0; background:#fbfafa; 
z-index:0; }
.gallery-wrapper-new ul.gallery .gallery-item .item-desc p {color:#5d5d5d;  line-height:normal; text-align: center; line-height: 2; }
.gallery-wrapper-new ul.gallery .gallery-item .item-desc p.readmore { color:#000000;  font-size: 13px;}	
.gallery-wrapper-new ul.gallery .gallery-item .item-info h4{color:#5d5d5d; font-weight: 500;}
.item-info.center-items > p:hover { color:#5d5d5d;}
.gallery-wrapper-new ul.gallery .gallery-item .item-info, .gallery-wrapper-new ul.gallery .gallery-item .item-desc  { opacity:0; 
visibility:hidden; transition:all .5s ease-in-out 0s; -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; 
-o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; }
.color-text {font-size: 16px;}
.gallery-wrapper-new ul.gallery li a:hover, .gallery-wrapper-new ul.gallery li a:focus, 
.gallery-wrapper-new ul.gallery li a:active { color:#666; }
.gallery-wrapper-new ul.gallery li .gallery-item:hover { box-shadow:0px 10px 0 0px rgba(92, 92, 92, 0.2); 
-moz-box-shadow:0px 10px 0 0px rgba(92, 92, 92, 0.2); -webkit-box-shadow:0px 10px 0 0px rgba(92, 92, 92, 0.2); border:solid 1px #fff; }
.gallery-wrapper-new ul.gallery li .gallery-item:hover .item-info { top:-103px; visibility:visible; opacity:1;
box-shadow:0 0 11px 0 rgba(92, 92, 92, 0.2); -moz-box-shadow:0 0 11px 0 rgba(92, 92, 92, 0.2); -webkit-box-shadow:0 0 11px 0 rgba(92, 92, 92, 0.2); }		
.gallery-wrapper-new ul.gallery li .gallery-item:hover .item-desc { bottom:-40px; visibility:visible; opacity:1; 
box-shadow:0 0 14px 5px rgba(92, 92, 92, 0.2); -moz-box-shadow:0 0 14px 5px rgba(92, 92, 92, 0.2); -webkit-box-shadow:0 0 14px 5px rgba(92, 92, 92, 0.2); }
#our-blog-section-new .pages {text-align: right;}
/* pagination start */
.pagination {margin: 20px 0;font-family: "Roboto", Helvetica, Arial, sans-serif;border-radius: 0;}
.pagination > li > a,
.pagination > li > span {padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color: #000000;background-color: #ffffff;
border: 1px solid #dddddd;border-radius: 19px !important;margin-right:6px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #ffffff;background-color: #FCC42A;border-color: #FCC42A;z-index: 0;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 0;color: #ffffff;background-color: #FCC42A;border-color: #FCC42A;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;background-color: #ffffff;border-color: #dddddd;}

#our-blog-detail {
  background: #060f34;
  color: #fff;
  overflow: hidden;
  padding-top: 250px;
  position: relative;
}
#our-blog-detail::before {
    background-size: cover;
    border-right: 3000px solid transparent;
    border-top: 152px solid #4B53F7;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.box-content {
    color: black;
}
  .box-content h3{
    font-weight: 500;
}
#our-blog-detail .text-Ll {text-align:center;font-size: 30px;color:#000000;letter-spacing: 3px;}
#our-blog-detail .text-inmobile img {height: 8px;}
#our-blog-detail .blog-listing .post {
  margin-bottom: 60px;
  background: #fff;
  color: #000;
  margin: 0 0 30px;
  border: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
#cour-blog-detail .blog-listing .post h4 a {
  color: #000000;
}
#cour-blog-detail .blog-listing .post h4 a:hover {
  color: #FCC42A;
}
#our-blog-detail .blog-listing .post .author-category {
  color: #999999;
  font-weight: 300;
}
#our-blog-detail .blog-listing .post a {
  color: #000000;
font-weight:400;
}
#our-blog-detail .blog-listing .post .date-comments a {
  color: #000000;
  margin-right: 20px;
}
#our-blog-detail .blog-listing .post .date-comments a:hover {
  color: #FCC42A;
}
#our-blog-detail .blog-listing .post .intro {
  text-align: left;
}
#our-blog-detail .blog-listing .post .image{
  margin-bottom: 10px;
  overflow: hidden;
}
#our-blog-detail .blog-listing .post .image img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#our-blog-detail .blog-listing .post .read-more {
  text-align: right;
}
#our-blog-detail .blog-listing .post .read-more .btn-primary {
    background-color: rgb(252,196,42);
    border-color: 3px solid rgb(252,196,42);
    color: #000;
}
#our-blog-detail .blog-listing .post .read-more .btn-primary:hover {
    background-color: #ffffff;
    border-color: 3px solid #000000;
    color: #000000;
}
#our-blog-detail .blog-listing .post:hover .image img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#our-blog-detail .pager li > a, #our-blog-detail .pager li > span {
    background-color: #000000;
    border: 1px solid #000000;
    border-radius: 0px;
}
#our-blog-detail .blog-listing .box1 {
  background: #FCC42A;
  margin: 0 0 21px;
  border: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}