.host-topic-page .card-section
{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between
}

.host-topic-page .card-outer
{
  background-color: #09345a;
  border-radius: 0 0 72px 0;
  flex: 0 calc(33% - 20px);
  position: relative;
  z-index: 1
}

.host-topic-page .card-inner
{
  padding: 40px
}

.host-topic-page .card-img
{
  align-items: center;
  background-color: #0585c8;
  border-radius: 16px;
  display: flex;
  height: 84px;
  justify-content: center;
  margin-bottom: 40px;
  width: 84px
}

.host-topic-page .card-title h2
{
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  margin: 0
}

.host-topic-page .card-txt p
{
  color: rgba(205,231,244,.8);
  font-size: 14px;
  line-height: 22.4px;
  margin-bottom: 30px
}

.host-topic-page .card-btn a
{
  border: 2px solid #0585c880;
  border-radius: 104px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  padding: 16px 40px;
  text-decoration: none
}

.host-topic-page .card-btn a:hover
{
  background-color: #0585c8;
  border-color: #0585c880
}

.host-topic-page .card-title
{
  margin-bottom: 20px
}

.host-topic-page .card-outer:first-child
{
  background-image: url(https://39680029.fs1.hubspotusercontent-na1.net/hubfs/39680029/Apg/Home/top%20highlight.png)
}

.host-topic-page .card-outer:nth-child(2)
{
  background-image: url(https://39680029.fs1.hubspotusercontent-na1.net/hubfs/39680029/Apg/Home/pattern.png)
}

.host-topic-page .card-outer:nth-child(3)
{
  background-image: url(https://39680029.fs1.hubspotusercontent-na1.net/hubfs/39680029/Apg/Home/pattern1.png)
}

.host-topic-page .card-outer:first-child, .host-topic-page .card-outer:nth-child(2), .host-topic-page .card-outer:nth-child(3)
{
  background-position: top -1px center;
  background-repeat: no-repeat;
  background-size: 100%
}

@media(max-width:1080px)
{
  .host-topic-page .card-inner
  {
    padding: 20px
  }

  .host-topic-page .card-outer
  {
    border-radius: 0 0 40px 0;
    flex: 0 calc(33% - 10px)
  }

  .host-topic-page .card-section
  {
    gap: 14px
  }

  .host-topic-page .card-btn a
  {
    font-size: 16px;
    padding: 14px 24px
  }
}

@media(max-width:767px)
{
  .host-topic-page .card-outer
  {
    flex: 0 100%
  }

  .host-topic-page .card-inner
  {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 32px
  }

  .host-topic-page .card-img
  {
    border-radius: 9.14px;
    height: 48px;
    margin: 0;
    width: 48px
  }

  .host-topic-page .card-content
  {
    width: calc(100% - 70px)
  }

  .host-topic-page .card-btn a
  {
    border: 1.66px solid #0585c880;
    border-radius: 86.23px;
    padding: 16px 32px
  }

  .host-topic-page .card-btn, .host-topic-page .card-btn a
  {
    text-align: center;
    width: 100%
  }

  .host-topic-page .card-btn
  {
    line-height: 15.2px
  }

  .host-topic-page .card-img img
  {
    height: 22.86px;
    width: 22.86px
  }
}

.host-topic-page .slider{
    background:none;
}

.dnd_area-module-16.rss-wrap .rss-select {
    display: block !important;
}