.blog-page h1 {
  font-size: 58px;
  font-family: 'SegoeUI-Bold';
  text-transform: uppercase;
  color: #282a76;
  text-align: center;
}

.blog-page .bottom-border {
  border-bottom: 1px solid #272974;
  width: 180px;
  display: inherit;
  margin: 1rem auto 2.5rem
}
.blog-page ul li,
.blog-page ol li,
.blog-page p{
  
  font-size: 1.2rem;
  font-family: 'SegoeUI';
  color: #282a76;    margin-bottom: 1rem;
  text-align: justify;
      }

      .blog-page ul li, .blog-page ol li {
        margin-left: 18px;
    }

    .blog-page img {
      mix-blend-mode: multiply;
      width: 100%;
      object-fit: contain;
      max-width: 600px;
      
  }

  .solution-page.blog-page img {
    mix-blend-mode: unset;
    width: 100%;
    object-fit: contain;
    max-width: 100%;
    
}

.blog-type{
  max-width: 350px;
width: 100%;
margin: 0 auto 3.5rem;position: relative;
}

.select-box {
position: relative;
display: block;
width: 100%;
margin: 0 auto;
font-size: 18px;
color: #272974;z-index: 99;
}

.select-box__current {
position: relative;
cursor: pointer;
outline: none;border: 3px solid #272974;
border-radius: 30px;
}
.select-box__current:focus + .select-box__list {
opacity: 1;
-webkit-animation-name: none;
  animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
cursor: pointer;
}
.select-box__current:focus .select-box__icon {
-webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
/* opacity: 0.3; */
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
color: #272974 !important;
font-size: 2rem;
}
.select-box__value {
display: -webkit-box;
display: flex;
}
.select-box__input {
display: none;
}
.select-box__input:checked + .select-box__input-text {
display: block;
}
.select-box__input-text {
display: none;
width: 100%;
margin: 0;
padding: 12px 25px;
min-height: 50px;
/* background-color: #fff; */
}
.select-box__list {
position: absolute;
width: 100%;
padding: 0;
list-style: none;
opacity: 0;
-webkit-animation-name: HideList;
  animation-name: HideList;
-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
-webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
-webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
-webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}
.select-box__option {
display: block;
/* padding: 15px; */
background-color: #fff;margin: 0;
}
.select-box__option:hover, .select-box__option:focus {
color: #272974;
background-color: #fbfbfb;
}
.select-box__option a{
  color: #272974;
  display: block;
  padding: 15px;
  text-decoration: none !important;
}

ul.select-box__list li {
  margin: 0;
}

.select-box__option a:hover {
  background: #272974;
  color: #fff;
}

@-webkit-keyframes HideList {
from {
-webkit-transform: scaleY(1);
    transform: scaleY(1);
}
to {
-webkit-transform: scaleY(0);
    transform: scaleY(0);
}
}

@keyframes HideList {
from {
-webkit-transform: scaleY(1);
    transform: scaleY(1);
}
to {
-webkit-transform: scaleY(0);
    transform: scaleY(0);
}
}


.blog-box {
box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.16862745098039217);
border-radius: 4px;margin-bottom: 2.5rem;
background: #ffffff;
}
.blog-box .col-md-5{padding-right: 0;}
.blog-box .col-md-7 {
padding: 3rem 4rem 2rem 3rem;
}
.blog-box .col-md-7 .d-flex{ min-height: 370px;}
.blog-box h3{
font-size: 2.25rem;
font-family: 'SegoeUI-Bold';
  text-transform: uppercase;
  color: #282a76;margin-bottom: 1rem;
}
.blog-box a{margin: 1rem 0 2.5rem;}
.blog-box p{color:#282a76}
.blog-box p.font-weight-light{font-size: 1rem;margin: 0;color: #272974;}
.next-prev-link{align-items: center;}
.next-prev-link a{
font-size: 1.2rem;
font-family: 'SegoeUI-Bold';
  text-transform: uppercase;
  color: #282a76;margin: 1rem 0;
  }
  .next-prev-link a:hover{text-decoration: none;}
  .next-prev-link a i{font-size: 1.5rem;}
  .next-prev-link a span{    position: relative;
top: -1.5px;}
.next-prev-link div.col-md-4:nth-child(1){text-align: left;}
.next-prev-link div.col-md-4:nth-child(2){text-align: center;}
.next-prev-link div.col-md-4:nth-child(3){text-align: right;}

.blog-page h2 {
  font-size: 48px;
  font-family: 'SegoeUI-Bold';
  text-transform: uppercase;
  color: #282a76;
  text-align: center;
}

p.date-center{text-align: center;font-size: 1.3rem;}
p.hashtag {
text-align: center;  font-family: 'SegoeUI-Bold';color: #266dfe;}
.blog-page .banner-img {
      /* padding: 25% 0; */
      /* background: url(../images/blog-banner.png) no-repeat 50% 50%; */
      /* background-size: cover; */
      border-radius: 5px;
      box-shadow: 6px 20px 25px 0px rgba(0, 0, 0, 0.2);
      margin: 2rem 0 0;
  }
p.credit{ font-family: 'SegoeUI-Italic';font-size: 1rem; margin: 1rem 0 5rem;}
.blog-page h5{
font-size: 1.4rem;
font-family: 'SegoeUI-Bold';
  text-transform: capitalize;
  color: #282a76;margin-bottom: 1.5rem;
}
.sharePost-box{
padding: 3rem 0;
}
.sharePost-box p{
font-style: italic;font-size: 1.6rem;font-family: 'SegoeUI-Bold';color: #363637;text-align: center;
}
.sharePost-box div{
display: flex;
justify-content: center;
}
.sharePost-box div button.share-linkedin,
.sharePost-box div a{    margin: 0 1rem;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid #a3a3a3;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0e76a8;
}

.sharePost-box div button.share-linkedin:hover{
  background: #0e76a8;
  color: #ffffff;

}
/* .sharePost-box div a:nth-child(1){color: #0e76a8;}
.sharePost-box div a:nth-child(2){color: #00acee;}
.sharePost-box div a:nth-child(3){color: #3b5998;}
.sharePost-box div a:nth-child(4){color: #EE4056;} */

.blog-writer {
background: #fff;
padding: 2rem;
border: 1px solid #dee2e6; margin-bottom: 2rem;
}
.blog-writer p.title{
font-size: 1.3rem;font-family: 'SegoeUI-Bold';color: #2a2d7f;margin-bottom: .5rem;
}
.blog-writer p{
font-size: 1.2rem;font-family: 'SegoeUI';color: #2a2d7f;margin-bottom: 0;
}

.subscribe-box{background: #fff;
padding: 3.5rem 1.5rem;
border: 1px solid #dee2e6; margin-bottom: 2rem;}
.subscribe-box h4{
font-size: 2rem;
font-family: 'SegoeUI-BoldItalic';
  color: #282a76;
  text-align: center;
}
.subscribe-box p{
color: #717171;
font-size: 1.2rem;font-family: 'SegoeUI';text-align: center; margin-bottom: 2rem;
}
.subscribe-box div{  display: flex;
width: 100%;
margin: 0 auto;
max-width: 900px;}
.subscribe-box div input, .subscribe-box div input:focus{
height: 3.5rem;
border-radius: 25px 0 0 25px;
border: 2px solid #272974;box-shadow: none;padding-left: 1.8rem;
}
.subscribe-box div button, .subscribe-box div button:focus{
width: 190px;
background: #272974;
border: 2px solid #272974;
color: #fff;
font-size: 0.8rem;
font-family: 'SegoeUI-Bold';
letter-spacing: 1.1px;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;    border-radius: 0px 25px 25px 0;outline: none;
}
.subscribe-box div button i{font-size: 1.5rem;}


@media (min-width: 1440px){

}
@media (min-width: 1024px){
.col-lg-20{-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;}
}


@media (max-width: 991.98px) {
  .blog-page h1 {
      font-size: 4rem;
  }
  .blog-page h2 {
  font-size: 2.8rem;}
  .blog-box h3 {
font-size: 2.2rem;}
.blog-box .col-md-7 {
padding: 2rem 3rem 2rem 2rem;
}
}

@media (max-width: 768.98px) {
  .blog-page .bottom-border {
margin: 1.5rem auto;
}

.blog-box .col-md-7 .d-flex {
min-height: fit-content;
}
.blog-box .col-md-7 {
padding: 2rem 3rem 2rem 3rem;
}

}
@media (max-width: 767.98px){
  .blog-box .col-md-5{padding:0 15px;}
  .next-prev-link div.col-md-4:nth-child(2){order:3}
}
@media (max-width: 600.98px){
.blog-page h1 {
font-size: 2.5rem;
}

.blog-page h2 {
  font-size: 2.2rem;}
.blog-box h3 {
font-size: 2rem;}
}
@media (max-width: 575.98px) {
  .sharePost-box div a{margin: 0 .5rem;
    height: 38px;
    width: 38px;}
    .subscribe-box div {
      flex-direction: column;
  }
  .subscribe-box div input, .subscribe-box div input:focus {
    border-radius: 25px;    margin-bottom: 2rem;
}
.subscribe-box div button, .subscribe-box div button:focus {
  width: auto;
  font-size: 1.2rem;
  border-radius: 25px;
  padding: 9px;
}
}
@media (max-width: 375.98px) {
  .next-prev-link div.col-md-4{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;    display: flex;
    justify-content: center;
  }
  .next-prev-link a{font-size: 1.5rem;}
  .next-prev-link a i {
    font-size: 2rem;
}
}

.banner-img img {
  width: 100%;
}

.next-prev-link a[class*='float-'] {
  border: 1px solid #272974;
    padding: 6px 12px;
    border-radius: 25px;
}

.next-prev-link a[class*='float-']:hover {
  background: #272974;
  color: #fff;
}

.page-navigation a.page-link {
  color: #212477;
  border: 1px solid #21257752;
  font-weight: bold;
  padding: 0.7rem 1rem;
}

.page-navigation a.page-link:hover {
  background: #212477;
  color: #fff;
}

.blog-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
   /*padding: 30px; */
}

.solution-box.blog-box img{
  object-fit: contain;
  padding: 30px;
  background-color: #fff;
}

.blog-box p:nth-child(2) {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.blog-box p, .blog-box ul, .blog-box ol {
  display: none;
}

.no_blog_found {
  height: 300px;
}

.blog-page a {
  text-decoration: underline;
  font-weight: 900;
  color: #272974;
}

.no_blog_found h2 {
  font-size: 30px;
  margin-top: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no_blog_found h2 i {
  font-size: 52px;
  margin-right: 12px;
}