.host-topic-page .two-col-wrapper
{
  padding: 160px 0
}

.host-topic-page .two-col-sec
{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  justify-content: space-between
}

.host-topic-page .two-col-content, .host-topic-page .two-col-image
{
  flex: 0 48%
}

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

.host-topic-page .two-col-txt
{
  max-width: 500px
}

.host-topic-page .two-col-txt h5
{
  color: #0585c8;
  font-size: 18px;
  margin-bottom: 16px
}

.host-topic-page .two-col-txt h2, .host-topic-page .two-col-txt h5
{
  font-weight: 800;
  text-transform: capitalize
}

.host-topic-page .two-col-txt h2
{
  color: #2c2926;
  margin-bottom: 24px
}

.host-topic-page .two-col-txt p
{
  color: #2c2926;
  font-size: 16px;
  max-width: 442px
}

.host-topic-page .two-col-sec:not(:last-child)
{
  padding-bottom: 120px
}

.host-topic-page .two-col-sec.col-left .two-col-content
{
  order: 1
}

.host-topic-page .product-btn a:hover, .host-topic-page .row-btn a:hover
{
  background-color: #f4af23
}

.host-topic-page .two-col-wrapper .row-btn.btns-wrap
{
  padding-top: 20px
}

@media(max-width:1240px)
{
  .host-topic-page .two-col-wrapper
  {
    padding: 160px 20px
  }
}

@media(max-width:1080px)
{
  .host-topic-page .two-col-wrapper
  {
    padding: 80px 20px
  }
}

@media(max-width:767px)
{
  .host-topic-page .two-col-wrapper
  {
    padding: 80px 20px 0
  }

  .host-topic-page .two-col-sec:not(:last-child)
  {
    padding-bottom: 50px
  }

  .host-topic-page .two-col-content, .host-topic-page .two-col-image
  {
    flex: 0 100%
  }

  .host-topic-page .two-col-txt p
  {
    max-width: 100%
  }

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

  .host-topic-page .row-btn
  {
    margin-bottom: 40px
  }

  .host-topic-page .two-col-content
  {
    order: 2;
    text-align: center
  }

  .host-topic-page .two-col-txt h2
  {
    font-size: 32px;
    line-height: 33px
  }

  .host-topic-page .two-col-image
  {
    margin-bottom: 30px;
    text-align: center
  }

  .host-topic-page .two-col-txt
  {
    max-width: 100%
  }
}