*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img{
  object-fit: cover;
}
/*1-banner section*/
    .banner-heading{
      font-size: 32px;
      font-weight: 600;
      color:#343434;
    }
    .banner-subheading {
      font-size: 23px;
      font-weight: 700;
      color:#343434;
    }
    .banner-description {
      font-size: 12px;
      color: #343434;
      max-width: 420px;
      font-weight: 500;
      line-height: 21px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient: vertical;
    }
      .icon-sty {
          left: -6px;
          top: -75px;
      }

       .icon-sty img {
          width: 100%;
      }

    .icon-sty2 {
          right: 70px;
          top: -34px;
      }
  .right-main-back {
    background-image: url(../../images/blog/bannerback-img.png);
    background-position: 121% -74px;
    background-repeat: no-repeat;
}

/*2-latest blog section*/
    .latest-head{
    font-size: 25px;
    font-weight: 600;
    color: #1D4DAC;
    }
.blog-topheading {
    line-height: 32px;
    text-decoration: none;
    display: inline !important;
    font-size: 20px;
    font-weight: 600;
    color: #555454;
    position: relative;
    background-position-y: -1px;
    background-repeat: no-repeat;
    background-size: 0 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-image: linear-gradient(#ffffff00 calc(100% - 1px), currentColor 1px);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
    .blog-topheading:hover{
      color: #131212;
    background-size: 100% 100%;
    }
    .blog-subtitle {
    line-height:25px;
    font-size: 15px;
    font-weight: 500;
    color: #555454;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    }
    .highlight {
    color:#2D69E0;
    }
    .readd {
    text-decoration:underline;
    color:#2D69E0;
    font-weight: 500;
    font-size: 19px;
    display: inline-flex;
    }
    .right-small-image {
    height:auto;
    border-radius: 8px;
    }
    .left-main-image {
    width: 100%;
    height: auto;
    }
    .blog-heading2{
    font-size:18px;
    font-weight:500 ;
    color: #555454;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    }
    .blog-subtitle2{
    font-size:14px;
    font-weight:500 ;
    color: #555454;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    }
    .readd2 {
    text-decoration: underline;
    color:#2D69E0;
    font-weight: 500;
    font-size:16px;
    display: inline-flex;
    }
    .read-more:hover {
        background: #2d69e0;
        color: white;
    }
     .read-more:hover img{
      filter: brightness(0) invert(1);
     }
/*3-Airline blog section*/

  .airline-head{
    font-size: 25px;
    font-weight: 600;
    color: #1D4DAC;
  }
 .blog-carrd {
      border-radius:8px;
      overflow: hidden;
    }
    .blog-img {
      width: 100%;
      height:auto;
      object-fit: cover;
    }
    .blog-title {
      font-size:16px;
      font-weight:500;
      margin-bottom: 12px;
      color: #555454;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient: vertical;
    }
    .read-more {
      color: #2D69E0;
      font-size: 10px;
      font-weight: 400;
      text-decoration: none;
      border:  1px solid #2D69E0;
      border-radius:20px;
      padding: 8px 10px;
      align-items: center;
    }
/*4-tips-section*/
     .tip-heead{
        font-size: 25px;
        font-weight: 600;
        color: #1D4DAC; 
    }
    .tips-section a {
      text-decoration: none;
    }
    .highlight {
      color:#2D69E0;
    }
    .left-head{
    line-height: 32px;
    text-decoration: none;
    display: inline !important;
    font-size: 20px;
    font-weight: 600;
    color: #555454;
    position: relative;
    background-position-y: -1px;
    background-repeat: no-repeat;
    background-size: 0 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-image: linear-gradient(#ffffff00 calc(100% - 1px), currentColor 1px);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

      .left-head:hover{
      color: #131212;
    background-size: 100% 100%;
    }
    .left-para{
        font-size:14px;
        font-weight:500 ;
        color: #555454;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:10;
        -webkit-box-orient: vertical;
    }
    .btn-read-more {
    background-color: #2D69E0;
    color:#FFFFFF;
    font-weight: 400;
    border-radius: 30px;
    padding: 6px 16px;
    font-size:20px;
    display: inline-flex;
    align-items: center;
    text-decoration:none;
    }
    .right-blog-title{
        font-size:18px;
        font-weight:600 ;
        color: #555454;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
    }
    .right-blog-text{
        font-size:14px;
        font-weight:500 ;
        color: #555454;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient: vertical;
    }



@media screen and (max-width:992px) {
  .banner-heading {
    font-size: 38px;
  }
  .icon-sty2 {
    right: 60px;
    top: -35px;
}
.right-main-back {
    background-position: 100% -74px;
}
}


@media screen and (max-width:576px) {
  .banner-heading {
      font-size: 25px;
      margin-top: 130px;
  }
  .banner-subheading {
    font-size: 17px;
  }
  .icon-sty{
      display: block;
      left: 5px;
      top: 80px;
  }

  .icon-sty img {
    width: 60%;
}

   .icon-sty2 {
       right: 0px;
       top: 80px;
    }
  .btn-read-more {
    border-radius: 20px;
    padding: 4px 6px;
    font-size: 15px;
}
}
   
     @media only screen and (max-width: 1025px) {
    .dvdvd {
    display: none;
}
.blog-img {
    height: 300px;
}


}

.center-img{
    height: 425px;
    border-radius: 10px;
}
.right-image{
    height: 230px;
    border-radius: 10px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.top-section{
    height: 250px;
    border-radius: 20px;
}