/* @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    */
/*****************************************/
.header .container-fluid {
    gap:0px;
}
.header .logo {
margin-right: 40px;
}




*{
margin:0;
  padding:0;
/*   box-sizing:b */
}
.container-fluid {
padding:0;
}
a{
  text-decoration: none;
  color: #2B2B2B;
}

.viewall_desktop:hover {
    border-bottom: 1px solid #2B2B2B;
}
.viewall_mobile .iconCircles {
    width: 40px;
    height: 40px;
    background: #999999;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.viewall_mobile .iconCircles:hover{
  background:#585858;
}
.viewall_mobile .text1:hover {
color: #585858;
}
/* /////////// Hero section /////////////// */
.heroSection {
/*     background: linear-gradient(to right, #003333, #005555, #1d1d1d); */
  background: linear-gradient(to right, #2B2B2B, #3a4b66 40%, #2B2B2B);  
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 164px;
    color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    position: relative;
    margin-bottom:84px;
  
}
.heroSection h2{
    font-size: 42px;
    font-weight: 400;
    line-height: 46.2px;
    letter-spacing: 0.002em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin:0;
  color:#fff;
  
}
.heroSection p {
    font-family: Founders Grotesk;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.20000000298023224px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.containerc{
    margin: auto 84px;
}
.latestBlog {
    margin-bottom: 108px;
}

.main-card {
    gap:24px;
    flex-wrap:wrap;
}
#top_articles .main-card{
  gap:0px;
}
#top_articles .main-card .leftSection{
  padding-right:42px;
}
#top_articles .main-card .rightSection{
  padding-left:0;
}
.main-card .leftSection .card-body{
    padding: 1rem 0 0 0;
}
.main-card .leftSection .card-body h1{
    font-size: 50px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0.002em;
    margin-top:8px;
}

.main-card .leftSection .card-body p{
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    letter-spacing: 0.20000000298023224px;
    text-align: left;
    color: #585858;
}

.main-card .leftSection img{
    border-radius: 4px;
    height: 335px;
    object-fit: cover;
    width: -webkit-fill-available;
}
.tag {
    font-family: Founders Grotesk;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: 0.004em;
    margin-bottom:12px;
    color: #585858;
}

.main-card .rightSection .box1{
    margin-bottom:24px;
    display:flex;
    justify-content:space-between;
    border-bottom: 2px solid #999999;
    padding-bottom: 1rem;
    gap:60px;
}
.main-card .rightSection .box1 h3{
    font-size: 28px;
    font-weight: 400;
    line-height: 37.4px;
    letter-spacing: 0.002em;
    text-align: left;
}
.main-card .rightSection .box1 img{
    width: 144px;
    height: 144px;
    object-fit: cover;
    gap: 0px;
    border-radius: 4px;
}
/* ///////////// Banner CTA  ///////////////////*/
.gradient_box {
/*     background: linear-gradient(150deg, #7EA3EB, #E7FFD6); */
  background: linear-gradient(123.43deg, #E0E0F8 0%, #9EBAF0 100%);  
  text-align: center;
/*     height: 198px; */
  height: auto;
    padding: 24px 18px 24px 18px;
    gap: 6px;
    border-radius: 4px;
    color:#2B2B2B;
}
.gradient_box h3{
    font-family: var(--fontfamilytitle);
    font-size: var(--fontsizeH3);
    font-weight: 400;
    line-height: 37.4px;
    letter-spacing: 0.002em;
    text-align: center;
    margin:0;
}
.gradient_box p{
    margin:0;
    font-size:16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.004em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.gradient_box .bg_button{
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: 0.20000000298023224px;
    margin-top: 4px;
  padding-top: 14px;
}
.gradient_box .bg_button:hover {
    background: transparent;
}
/* //////////////// Recent Public Blog /////////////////////// */
.recentBlogMain {
    padding: 84px 0;
    background: #EFF3FD;
}
.recentBlog {
    margin-bottom: 108px;
}
.popularArticles{
    margin-bottom: 84px;
}
.recentBlog .card{
background: transparent;
}
.recentBlog h2{
    font-family: var(--fontfamilytitle);
    font-size: var(--fontsizeH2);
    font-weight: 400;
    line-height: 46.2px;
    letter-spacing: 0.002em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 24px;
/*     margin-bottom:0px; */
}
.recentBlog .d-flex a {
    font-size: 18px;
    color:#2B2B2B;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: 0.20000000298023224px;
    text-align: left;
    text-decoration: none;
}
.cards .box {
    margin-bottom: 24px;
}
.cards .box .card-body h4 {
    font-family: var(--fontfamilytitle);
    font-size: var(--fontsizeH4);
    font-weight: 400;
    line-height: 31.2px;
    letter-spacing: 0.004em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.popularArticles .cards .box .card-body h4, .popularArticles .cards .box {
margin-bottom:0;
}
#limited_popular_articles {
  row-gap: 24px;
}
/* /////////////// Browse by Topic /////////////////////// */
.searchTopic {
    background: #2B2B2B;
    padding: 42px 0px;
    margin-bottom: 108px;
  /*   margin-bottom: 84px; */
}
.searchTopic .search input {
    background: transparent;
    color:#fff;
}
.searchTopic .search img {
    top: 14px;
}
.searchTopic .search input::placeholder {
    color: #fff
}
.searchSection {
    margin-bottom: 42px;
}
.searchSection h2 {
    font-family: var(--fontfamilytitle);
    font-size: var(--fontsizeH2);
    font-weight: 400;
    line-height: 46.2px;
    letter-spacing: 0.002em;
    text-align: left;
    color: #fff;
}
.browseButtons {
    justify-content: center;
    display: flex;
/*     flex-wrap: wrap; */
    gap: 12px;
}

.browseButtons a {
    width: 300px;
    height: 94px;
    padding: 36px 24px 36px 24px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 33.6px;
    letter-spacing: 0.20000000298023224px;
    color: #2B2B2B;
    text-decoration: none;
}
.browseButtons a:hover {
    background: transparent;
    color: #fff;
}
.browseButtons .icons {
  width:22px;
  font-size: 16px;
}
/* ////////////////////// Popular Articles /////////////////////// */
.popularArticles {
/*     background: #F2F2F2;
    padding : 52px 0 3px 0; */
/*     margin-bottom: 42px; */
  
}
/* ////////////////////// Recent Case /////////////////////// */
.recentCase .cards .box {
  padding:0;
}
.recentCase .cards .box:first-child {
padding-left:13px;
}
.recentCase .cards img{
    border-radius: 4px;
    height: 420px;
/*     width:300px!important; */
    object-fit: cover;
    width: -webkit-fill-available;
}

/* ///////////////// Card hover styleing /////////////// */
#case_studies .image-container {
  position: relative;
      padding-right: 12px;
}

#case_studies .card-img-top {
  display: block;
}

#case_studies .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 13px);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay with opacity */
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease-in-out;
}

#case_studies .text {
  color: #F2F2F2;
  font-weight: 400;
  font-size: 26px;
  padding: 12px;
  letter-spacing: 0.4%;
  text-align: center;
}
#case_studies .image-container:hover .overlay {
  opacity: 1;
}
/* ////////////////////// WholeSales Tip /////////////////////// */
.salesTip{
margin-bottom:24px;
}
.salesTip .card:hover, .reportCta .rightSection .card:hover{
  box-shadow: 0px 0px 20px 0px #00000040;
}
.salesTip .viewall_mobile .card:hover{
  box-shadow: none;
}
.salesTip .cards .box {
    margin-bottom: 0px;
}
.salesTip .card-body, .reportCta .card-body{
    padding: 24px;
    border-radius: 0px 0px 4px 4px;
    background: #F2F2F2;
        min-height: 146px;
}
#wholesale_tips .card img{
    width: 100%;
    object-fit: cover;
    height: 191px;
}
#reportCtaRightSection .card img{
    width: 100%;
    object-fit: cover;
    max-height: 191px;
}
/* ////////////////////// Cta Report /////////////////////// */
.reportCta .card .img1{
/*     height: 366px; */
    border-radius: 4px;
  /*   padding-right:24px; */
    width: -webkit-fill-available;
}
.reportCta .card .img2{
    width: 220px;
    height: 220px;
    border-radius: 4px;
    position: absolute;
    right: 2rem;
    top: 2rem;
}

   .reportCta .card .desktop_img {
    display: block;
   }
   .reportCta .card .tablet {
    display: none;
   }
   .reportCta .card .mobile {
    display: none;
   }

.reportCta .main-card {
    gap:0px;
}
.reportCta .leftSection .card-body{
    color: #fff;
    padding-left: 2rem;
    width: 28rem;
    background: transparent;
  /*   position:absolute;
    top:0; */
}
.reportCta .leftSection .card-body span{
    font-size: 16px;
    font-weight: 600;
}
.reportCta .leftSection .card-body h3 {
    font-size: var(--fontsizeH3);
    font-weight: 400;
    line-height: 37.4px;
    letter-spacing: 0.002em;
    text-align: left;
    margin-top: 12px;
}
.reportCta .leftSection .card-body p {
  margin-bottom: 12px!important;
  color:#fff;
}
.reportCta .leftSection .card-body button{
    background: #00A39E;
/*     width: 198px; */
    width: inherit;
    height: 51px;
    padding: 19px 20px 20px 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: left;
    border: none;
    border-radius: 100px;
    color: #fff;
    text-align:center;
}
.reportCta .leftSection .card-body button i{
  font-size:12px;
}
.reportCta .leftSection .card-body button:hover{
  background: #006562!important;
  border: none!important;
}
.reportCta .rightSection .box1{
    height: 136px;
    padding: 24px;
    border: none;
    gap: 24px;
    border-radius: 4px;
    background: #F2F2F2;
}

.reportCta .rightSection .box1 h4 {
    font-size: var(--fontsizeH4);
    line-height: 31.2px;
    letter-spacing: 0.004em;
    text-align: left;
    font-weight:400;
}
.imgsbbaner {
      position: absolute;
    top: 44px;
    right: 4rem;
    width: 253px !important;
    height: 256px !important;
    object-fit: cover;
  }
/* ////////////// B2B eComerce ///////////////////// */
.b2bEcomerce .cards .card .card-body {
    padding: 16px 0 0 0;
}
.b2bEcomerce .cards .card .card-body p{
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: 0.004em;
    text-align: left;
    color: #585858;
}
.b2bEcomerce .cards .card .card-img-top{
    height: 170px;
    object-fit: cover;
  border-radius: 4px!important;
}
/* ////////////// Get to List ///////////////////// */
/* .getList {
    background: #2B2B2B;
}
.getList .containermr {
  margin-left: 84px;
}
.getList .main-card {
    gap:0;
}
.getList .search, .getList .search input{
    width:296px;
}
.getList .search input::placeholder{
    padding-top: 4px;
    font-weight: 4px;
}
.getList .search input{
    padding: 7px 0 0 17px;
    font-size: 16px;
    font-weight: 400;
}
.getList .search .search_icon1 {
    right: 25px;
    cursor: pointer;
    position: absolute;
    top: 12px;
}
.getList .rightSection img{
    width: -webkit-fill-available;
    height: 399px;
    object-fit: fill;
}
.getList .leftSectio p{
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.20000000298023224px;
} */
.moore_arti, .viewall_mobile {
  display: none!important;
}
.viewall_mobile .moore_arti:hover{
  background: #585858;
}
/* Centering the loader */
    .loader-container {
/*       height: 100vh; */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* The actual spinner */
    .loader {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
    }

    /* Spinner animation */
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
/* ///// Responsiveness /////// */

/* //////////////// Responsive design for Tablet  ///////////////// */
@media screen and (max-width: 1340px) {
/*   ////// Browse by topic /////////////// */
  .buttonsOver {
    overflow-x: scroll;
  }
/*   .browseButtons {
    width: 916px;
  } */
  .browseButtons a {
        width: -webkit-fill-available;;
    height: 70px;
    padding: 24px 12px 24px 12px;
    justify-content: space-between;
    font-size: 20px;
    line-height: 26.4px;
    letter-spacing: 0.20000000298023224px;
  }
  .searchTopic {
    padding: 42px 0;
  }
  .searchSection h2 {
    font-size: 34px;
    line-height: 37.4px;
  }
  .searchTopic .search input {
    width: 232px;
    height: 30px;
    padding-top: 7px;
  }
  .searchTopic .search input::placeholder {
    padding-top: 7px;
  }
  .searchTopic .search img {
      top: 9px;
  }  
  /*   //////// Recent case blog Section //////////////// */
  .recentCase .cards {
    overflow-x: auto;
/*     gap: 30px; */
    flex-wrap: nowrap;
  }
  .recentCase .cards img {
    width: -webkit-fill-available;
    height: 278px;
  }
  
}
@media screen and (max-width: 1168px) {
  .main-card .leftSection img {
        height: 278px!important;
        object-fit: cover;
  }
   .salesTip {
    margin-bottom: 24px;
  }
  .main-card .leftSection .desktopctabaner .imgbanner {
      height: 355px !important;
  }
  .main-card .leftSection .imgsbbaner{
    height: 206px !important;
    width: 200px !important;
  }
 
  
}
@media screen and (max-width: 992px) {
  .recentCase .cards .box {
    padding: 0;
    width: 198px;
}
  .gradient_box {
  padding: 18px;
    height: auto;
  }
  .el_d2{
    -webkit-line-clamp: 3;
  }
  /*   //////////// Hero section  ///////////////// */
  .heroSection{
    margin-bottom: 42px;
  }
  .latestBlog, .recentBlog, .searchTopic  {
    margin-bottom: 84px;
  }
  .popularArticles {
    margin-bottom: 60px;
  }
  .salesTip {
    margin-bottom: 24px;
  }
  .containerc {
    margin: auto 24px;
  }
/*   ///////// Latest blog /////////////////// */
  .main-card{
    gap:0;
  }
  .main-card .leftSection img {
    width: -webkit-fill-available;
    height: 190px;
  }
  .main-card .leftSection .card-body h1 {
    font-size: 42px;
    line-height: 44px;
  }
  .main-card .rightSection .box1 h3{
    font-size: 26px;
    line-height: 28.6px;
  }
  .main-card .rightSection .box1 img {
    width: 96px;
    height:96px;
  }
/*   ////////////// Recent blog //////////////// */
  .recentBlogMain {
    padding: 60px 0;
  }
  .el_d3{
    -webkit-line-clamp: 5;
  }
  .recentBlog h2 {
      font-size: 34px;
      line-height: 37.4px;
  }
  .cards .box .card-body h4 {
    font-size: 22px;
    line-height: 26.4px;
  }
/*   ////// Browse by topic /////////////// */
  .buttonsOver {
    overflow-x: scroll;
  }
  .browseButtons {
    width: 916px;
  }
  .browseButtons a {
    width: 220px;
    height: 70px;
    padding: 24px 12px 24px 12px;
    justify-content: space-between;
    font-size: 22px;
    line-height: 26.4px;
    letter-spacing: 0.20000000298023224px;
  }
  .searchTopic {
    padding: 42px 0;
  }
  .searchSection h2 {
    font-size: 34px;
    line-height: 37.4px;
  }
  .searchTopic .search input {
    width: 232px;
    height: 30px;
    padding-top: 7px;
  }
  .searchTopic .search input::placeholder {
    padding-top: 7px;
  }
  .searchTopic .search img {
      top: 9px;
  }  
/*   //////// Recent case blog Section //////////////// */
  .recentCase .cards {
    overflow-x: auto;
/*     gap: 30px; */
    flex-wrap: nowrap;
  }
  .recentCase .cards img {
    width: -webkit-fill-available;;
    height: 278px;
  }
/*   //////////// Sales tips  /////////////////*/
  .salesTip .card-body {
    padding: 12px;
  }
/*   ////// Report Cta ///////// */
  .reportCta .leftSection .card-body {
    width: 336px;
  }
  .reportCta .leftSection .card-body h3 {
    font-size: 26px;
    line-height: 28.6px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .main-card .leftSection .card-body p {
  margin:0;
  }
  .reportCta .card .img1 {
    object-fit: cover;
   }
  .reportCta .card .desktop_img {
    display: none;
   }
  .reportCta .card .tablet {
    display: block;
/*     height: 288px; */
        height: 310px;
/*     height: auto; */
   }
  .reportCta .rightSection .box1 {
    padding: 12px;
    height: 108px;
  }
  .reportCta .rightSection .box1 h4 {
    font-size: 22px;
    line-height: 26.4px;
  }
  .moore_arti {
    display: block!important;
    width: -webkit-fill-available;
    height: 34px !important;
    color: #ffffff;
    padding: 11px 12px 12px 12px;
    border-radius: 100px;
    background: #999999;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: 0.20000000298023224px;
    border: none;
  }
/*   //////////// B2B eComerce //////////////// */
  .b2bEcomerce .cards {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
/*   ///////////// get to list ////////////////////// */
/*   .getList .leftSectio .card-title {
    font-size: var(--fontsizeH2);
    font-weight: 400;
    line-height: 46.2px;
    letter-spacing: 0.002em;
  }
  .getList .containermr {
    margin-left: 24px;
  }
  .getList .search input {
    width: 296px;
    height: 48px;
  }
  .getList .rightSection img {
    object-fit: cover;
  }
  .getList .search .search_icon1 {
    right: 37px;
    top: 15px;
  } */
  #case_studies .text{
        font-size: 22px;
        line-height: 26.4px;
    }
  .header .logo {
    margin-right: 19px;
}
.navbar-toggler {
        padding-right: 0;
    }
navbar-brand, navbar-toggler{
z-index:12
}
#navbarSupportedContent {

    margin-top: -2px;
  }
}
/* //////////////// Responsive design for Mobile  ///////////////// */
@media screen and (max-width: 767px) {
  /*   ///// Hero section  /////*/
  .heroSection h2{
    font-size: 34px;
    line-height: 37.4px;
  }
  .heroSection {
    padding: 12px;
  }
  .heroSection p {
    margin:0;
  }
  .heroSection{
        margin-bottom: 24px;
   }
   .latestBlog, .recentBlog, .searchTopic {
        margin-bottom: 60px;
   }
  .salesTip {
   margin-bottom: 24px;
  }
   .containerc {
      margin: auto 12px;
   }
/*   //////////// Latest blog ///////////////// */
  #top_articles .main-card .leftSection {
    padding-right: calc(var(--bs-gutter-x)* .5);
  }
  #top_articles .main-card .rightSection{
    padding-left: calc(var(--bs-gutter-x)* .5);
  }
   .main-card .leftSection img {
/*      width: 296px; */
     width: -webkit-fill-available;
     height: 166px;
   }
  .main-card .rightSection .box1 {
    gap: 5px;
  }
  .main-card .rightSection .box1 img {
    width: 74px;
    height: 74px;
  }
/*   /////////// Recent blog ////////////////// */
  .viewall_desktop {
    display:none;
  }
  .viewall_mobile {
    text-decoration: none;
    display:flex!important
  }
/*   //////////// Browse by topic ////////////// */
  .searchTopic .right_section{
    display:none;
  }
  .searchSection {
    margin-bottom: 24px;
  }
/*   /////////// Recent case studies ////////////  */
  .recentCase .cards img {
/*     width: 198px; */
  }
  .recentCase .cards {
        gap: 0px;
  }
  .recentCase .row>* {
    width: auto;
  }
  .recentCase .expand_circle_right {
    width: 198px;
  }
  .expand_circle_right .card{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .expand_circle_right img {
    width: 48px!important;
    height: 48px!important;
    object-fit: contain!important;
  }
  .expand_circle_right span{
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: 0.20000000298023224px;
    color: #999999;
  }
/*   //////////// Sales tip //////////////////////// */
  .salesTip .cards {
    flex-wrap: nowrap;
    gap: 0px;
    overflow-x: auto;
    height: 353px;
  }
/*   .salesTip .card-body {
     min-height:auto;
  } */
  .salesTip .cards .card{
    width: 222px;
    height: 123px;
  }
  .salesTip .row>*{
    width: auto;
  }
/*   ////////////// reportCta ////////////////////// */
  #reportCtaRightSection {
  display:none;
  }
  .reportCta .leftSection , .reportCta .leftSection span, .reportCta .leftSection h3 , .reportCta .leftSection p{
    text-align:center!important;
  }
  .reportCta .leftSection .card-body {
        padding: 12px;
        top: 1.5rem;
/*         width: 296px; */
    width: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
  }
  .main-card .leftSection .card-body p {
        margin-bottom: 1rem;
    }
  .reportCta .main-card {
    gap: 24px;
    flex-direction: column-reverse;
  }
  .reportCta .card .desktop_img {
    display: none;
   }
  .reportCta .card .tablet {
    display: none;
   }
   .reportCta .card .mobile {
      display: block;
      object-fit: cover;
      height: 630px !important;
   }
/*   ///////////// b2bEcomerce /////////////////// */
  .b2bEcomerce .row>*{ 
    width: auto;
  }
  .b2bEcomerce .card{
      width: 200px !important;
      height: 341px !important;
  }
  .content.layout {
    margin-top: 99px;
}
  .reportCta .card .desktop {
    display:none;
  }
    .main-card .leftSection .imgsbbaner {
        height: 246px !important;
        width: 205px !important;
        top: 175px;
        left: 45%;
        object-fit: contain;
        transform: translate(-50%, 50%);
    
    }
   .main-card .leftSection .imgbaner {
        height: 618px !important;
  }
      

/*   //////////// Gert to list ///////////// */
/*     .getList .containermr {
        margin-left: 0;
    }
  .getList .leftSectio {
    padding: 42px 12px;
  }
  .getList .search input {
    margin:0!important;
    padding: 8px 0 0 17px;
  }
  .getList .search .search_icon1 {
    right: 20px;
  } */
  
}
@media (min-width: 408px) and (max-width: 413px) {
    .getList .search, .getList .search input {
        width: 23rem;
    }
}
@media (min-width: 1440px) and (max-width: 5091px) {
  .browseButtons a {
    width: -webkit-fill-available;
  }
}
@media (min-width: 911px) and (max-width: 1191px) {
    .reportCta .card .tablet {
        height: 306px !important;
    }
}
@media (min-width: 1211px) and (max-width: 1390px) {
    .reportCta .card .img1 {
        height: 336px!important;
    }
}
@media (min-width: 2308px) and (max-width: 5091px) {
.main-card .leftSection img {
    height: 309px;
}
  .main-card .leftSection .imgbanner {
   height: 355px;
  }
  @media (min-width: 1391px) and (max-width: 1491px) {
.main-card .leftSection img {
    height: 309px;
}