.banner.sm {
	 height: 400px;
	 background-color: #060805;
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
}
 .banner.sm h3 {
	 font-size: calc(18px + (60 - 18) * (100vw - 320px) / (1920 - 320));
	 font-weight: 600;
	 color: #fff;
	 margin: 0;
}
 .banner.sm .overlay {
	 background-color: rgba(0, 0, 0, 0.6);
}
 .banner.sm .banner-content {
	 position: relative;
}
 .blog-sec h4 {
	 font-size: calc(15px + (25 - 15) * (100vw - 320px) / (1920 - 320));
	 margin: 0;
}
 .blog-sec h4 a {
	 color: #fff;
}
 .blog-sec h4 a:hover {
	 color: #fff;
}
 .blog-sec .overlay {
	 background-image: linear-gradient(0deg, #204460 -80%, transparent 100%);
	 z-index: 1;
}
 .blog-sec .post-box {
	 margin-bottom: 30px;
}
 .blog-sec .post-content {
	 padding: 20px 20px;
}
 .pagination {
	 align-items: center;
	 justify-content: center;
	 width: 100%;
}
 @media (max-width: 991px) {
	 .pagination {
		 margin-bottom: 25px;
	}
}
 .page-numbers {
	 display: flex;
	 align-items: center;
     justify-content: center;
}
 .page-numbers li {
	 margin: 0 4px;
}
 .page-numbers li .page-numbers {
	 background-color: #000;
	 padding: 10px 18px;
	 border-radius: 4px;
	 color: #000;
	 font-size: calc(12px + (20 - 12) * (100vw - 320px) / (1920 - 320));
	 transition: all ease-in 0.3s;
	 line-height: 1;
}
 .page-numbers li .page-numbers:hover, .page-numbers li .page-numbers.current {
	 background-color: #204460;
	 color: #fff;
}
 @media (max-width: 575px) {
	 .page-numbers li .page-numbers {
		 padding: 7px 10px;
	}
}
 @media (max-width: 575px) {
	 .page-numbers li {
		 margin: 0 3px;
	}
}
 .article-wrap h2 {
	 font-size: calc(22px + (42 - 22) * (100vw - 320px) / (1920 - 320));
	 color: #000;
	 line-height: 1;
}
 .article-wrap h3 {
	 font-size: calc(22px + (38 - 22) * (100vw - 320px) / (1920 - 320));
	 color: #000;
	 line-height: 1;
}
 .article-wrap h4 {
	 font-size: calc(22px + (34 - 22) * (100vw - 320px) / (1920 - 320));
	 color: #000;
	 line-height: 1;
}
 .article-wrap h5 {
	 font-size: calc(22px + (30 - 22) * (100vw - 320px) / (1920 - 320));
	 color: #000;
	 line-height: 1;
}
 .article-wrap h6 {
	 font-size: calc(22px + (26 - 22) * (100vw - 320px) / (1920 - 320));
	 color: #000;
	 line-height: 1;
}
 .article-wrap p {
	 font-size: calc(12px + (20 - 12) * (100vw - 320px) / (1920 - 320));
	 color: #000;
	 line-height: 1.6;
}
 .article-wrap ul li {
	 position: relative;
	 padding-left: 20px;
}
 .article-wrap ul li:before {
	 content: "";
	 position: absolute;
	 background-color: #204460;
	 width: 8px;
	 height: 8px;
	 top: 8px;
	 left: 0;
	 border-radius: 50%;
}
 


 

ost-box .post-frame {
  height: 304px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.post-box .post-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-sec .overlay {
  background-image: linear-gradient(0deg, #000000 -80%, transparent 100%);
  z-index: 1;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.post-box .post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.blog-sec h4 {
  font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320));
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff;
}
.blog-sec h4 a {
  color: #ffffff;
}
.blog-sec .post-box {
  margin-bottom: 30px;
  position: relative;
}
.blog-sec .post-content {
  padding: 20px 20px;
}

.pagination {
  align-items: center;
  justify-content: center;
}
.page-numbers {
  display: flex;
  align-items: center;
}
.page-numbers li {
  margin: 0 4px;
  list-style-type: none;
}
.page-numbers li .page-numbers {
  background-color: #eeeeee;
  padding: 10px 18px;
  border-radius: 4px;
  color: #000000;
  font-size: calc(14px + (20 - 14) * (100vw - 320px) / (1920 - 320));
  transition: all ease-in 0.3s;
  line-height: 1;
  text-decoration: none;
}
.page-numbers li .page-numbers:hover,
.page-numbers li .page-numbers.current {
  background-color: #03897f;
  color: #ffffff;
}
@media (max-width: 991px) {
  .pagination {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .page-numbers li {
    margin: 0 3px;
  }
  .page-numbers li .page-numbers {
    padding: 7px 10px;
  }
}
.article-wrap h2 {
  font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: 1;
}
.article-wrap h3 {
  font-size: calc(22px + (32 - 22) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: 1;
}
.article-wrap h4 {
  font-size: calc(20px + (28 - 20) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: 1;
}
.article-wrap h5 {
  font-size: calc(186px + (24 - 18) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: 1;
}
.article-wrap h6 {
  font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: 1;
}

.article-wrap p {
  font-size: calc(12px + (18 - 12) * (100vw - 320px) / (1920 - 320));
  color: #000000;
  line-height: 1.6;
}
.article-wrap ul li {
  position: relative;
  padding-left: 20px;
}
.article-wrap ul li:before {
  content: "";
  position: absolute;
  background-color: #03897f;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  border-radius: 50%;
}

.blog #footer,
.post-template-default #footer {
  margin-top: 0;
}
.blog #footer .footer-top,
.post-template-default #footer .footer-top {
  padding: 50px 0 30px 0;
}
 
       
  
   .stripe{
     padding:50px 0px;
 } 


.search-area {
        padding: 20px 20px;
        background:#204460;
        position: relative;
        border-radius: 6px;
    }
    .search-area {
        &:before {
            content: '';
            width: 51%;
            height: 100%;
            background-color: #606060;
            right: -48%;
            top: 0;
            position: absolute;
        }
    }
    
    .searchform {
        .form-group {
            margin-bottom: 0;
            position: relative;
            padding-right: 165px;
        }
        .form-control {
            margin-bottom: 0;
        }
    }
    
    .banner-content {
        h1{
            color:#fff;
        }
    }

    .btn.btn-secondary{
        width: 11%;
    }