 section#innerBanner {
     position: relative;
 }

 .innerbannertext {

     top: 50%;

 }



 .blog-section {
     padding: 60px 0;
 }

 .blog-card {
     background: #fff;
     border: 1px solid #e5e5e5;
     height: 100%;
     transition: .3s;
 }

 .blog-card:hover {
     box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
 }

 .blog-img {
     width: 100%;
     object-fit: cover;
 }

 .blog-content {
     padding: 15px;
 }

 .category {
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 2px;
     color: #7a7a7a;
     margin-bottom: 10px;
 }

 .blog-title {
     font-size: 18px;
     line-height: 1.25;
     font-weight: 600;
     color: #111;
     margin-bottom: 14px;
 }

 .img-fluid {

     width: 100%;
 }

 .blog-desc {
     color: #666;
     font-size: 15px;
     margin-bottom: 8px;
 }

 .blog-date {
     font-size: 14px;
     font-weight: 700;
     color: #666;
     letter-spacing: 1px;
 }

 h3.blog-title a {
     color: #18224c;
 }

 h1 {
     font-size: 30px;
     margin: 10px 0;
     font-weight: 600;
     color: #18224c;
 }
.contaiblog {
    padding: 30px 0;
}
 .contaiblog h2 {
     font-weight: 600;
     font-size: 1.6rem;
     color: #131f4c;
     margin: 23px 0 9px;
 }

.contaiblog h3 {
    font-weight: 600;
    font-size: 1.1rem;
    color: #131f4c;
    margin: 23px 0 9px;
}

 ul, ol {
     font-size: 15px;
 }
 section#innerBannerBlog h1{font-size: 30px;}

 @media(max-width:991px) {
     .blog-title {
         font-size: 28px;
     }

     .blog-img {
         height: 220px;
     }
 }

 @media(max-width:767px) {
     .blog-card {
         margin-bottom: 30px;
     }

     .blog-title {
         font-size: 24px;
     }
 }











/*----scroll css----*/
 
/* width */
.courseBox::-webkit-scrollbar {
  width: 12px;height: 7px
}

/* Track */
.courseBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 3px;
}
 
/* Handle */
.courseBox::-webkit-scrollbar-thumb {
  background: #a7885f; 
  border-radius: 3px;
}

/* Handle on hover */
.courseBox::-webkit-scrollbar-thumb:hover {
  background: #a7885f; 
}
 