/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 28, 2023 */

@font-face {
    /*font-family: 'greycliff_cfregular';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-regular-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cfthin';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-thin-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cfbold';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-dexcvdcmo-greycliffcf-bold-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cfdemi_bold';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-demibold-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cfextra_bold';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-extrabold-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cfheavy';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-heavy-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cflight';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-light-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greycliff_cfmedium';
    src: url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-medium-webfont.woff2') format('woff2'),
         url('https://139852254.fs1.hubspotusercontent-eu1.net/hubfs/139852254/ASL_2023/Font/fontspring-demo-greycliffcf-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 

h1, h2, h3, h4, h5, h6, p { 
    font-family: 'greycliff_cfregular' !important;
}

.pwr-blog-listing {
    background-color: transparent; 
}

.blog-list-main {
    position: relative;
    width: 100%;
}

.blog-list-otr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-list-left {
    width: 20%;
}

.blog-list-rgt {
    width: 80%;
}

.pwr-filter-tle h6 {
    color: #C1D100;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pwr-filter__list-item { 
    width: 100%; 
    padding: 0px 20px 0px 0; 
}

a.pwr-filter__link.active {
    border-radius: 6px;
    background: #F5F5F7;
    width: 100%;
    display: inline-block;
    padding: 10px;
    color: #1E1E1E !important;
}

a.pwr-filter__link {
    width: 100%;
    display: inline-block;
    padding: 10px 10px;
}

.blog-index .pwr-post-item:not(.pwr-post-item--1col) .pwr-post-item__title {
    font-size: 30px;
    padding-right: 50px;
}

.blog-index .pwr-post-item__info-box { 
    padding: 45px 10px 45px; 
    top: 210px;
}

.blog-index .pwr-post-item {
    border-bottom: 2px solid #d90818;
    border-radius: 0!important;
    height: 440px;
    margin: 10px 25px;
    position: relative;
    width: calc(47% - 20px);
}

.blog-index a.pwr-post-item.pwr-post-item--3col:nth-child(2n) {
    position: relative;
    top: -300px;
}

.blog-index .pwr-post-item__date,
.blog-index .pwr-post-item__name {
    display: inline-block;
    text-transform: capitalize;
    color: #C1D100;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.blog-index span.pwr-post-item__n-min-read {
    display: none;
}

.blog-index .pwr-post-item__name+.pwr-post-item__date:before {
    content: "•";
    padding: 0 10px 0 8px;
}

.blog-index .blog-link {
    position: absolute;
    right: 10px;
    top: 50px;
    max-width: 30px;
}




.nav-num-otr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-index .hs-pagination { 
    justify-content: space-between;
}

.blog-index a.hs-pagination__link.hs-pagination__link--prev { 
    width: 25%;
}
 
.blog-index a.hs-pagination__link.hs-pagination__link--next {
    width: 25%; 
    justify-content: right;
}

.blog-index .hs-pagination__link--number {
    background-color: rgba(255,255,255,1.0);
    border-radius: 30px;
    color: #1e1e1e;
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.blog-index span.hs-pagination__link-text {
    color: #1E1E1E;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.blog-index .hs-pagination__link--text-and-icon svg {
    fill: #C1D100;
}



/******** Mobile Styling *********/

@media (max-width: 1080px) {
 
}

@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation: portrait) {
  
  
}  

@media (max-width: 767px) {

  .blog-index .pwr-post-item { 
      margin: 10px 0px;
      position: relative;
      width: 100%;
  }
  
  .blog-list-left {
      width: 100%;
  }
  
  .blog-list-rgt {
      width: 100%;
  }


  
  
}

@media (max-width: 479px) {

  
}