.articles_container_revamp
    background-repeat: no-repeat
    background-size: cover
    padding: 4rem 0 0 0
    height: 28rem
    @include phone
        height: auto !important
        padding-bottom: 2rem !important
    .articles_revamp_hero
        background-color: #F4F2F1
        padding: 2rem
        border-radius: 10px
        .card-img
            border-radius: 10 !important
        .articles_revamp_hero_description
            padding: 0 0 0 2rem
            .revamp_read_more
                color: #92278F !important
                text-decoration: none
                font-size: 1.3rem
                font-weight: 500
                display: flex
                align-items: center
                opacity: 1
                transition: .4s ease-in-out
                &:hover
                    opacity: .8
                span
                    width: 30px
                    height: 30px
                    padding: 5px
                    display: inline-block
                    img
                        width: 100%
                        height: 100%
            .aticles_revamp_category
                margin-bottom: 1.5rem
                p
                    font-size: 1rem
                    font-weight: normal
                    color: #000
                    margin-bottom: 0 !important
                    padding: 0.6rem 1.2rem
                    background-color: #ffffff
                    border-radius: 52px
                    display: inline-flex
                    align-items: center
                    justify-content: center
                    text-transform: capitalize !important
            .revamp_main_subheading
                font-size: 1.2rem
                color: #000
                margin-bottom: 1.5rem !important
            .revamp_main_heading
                a
                    font-size: 2rem !important
                    font-weight: 600
                    color: #000
                    margin-bottom: 0rem
                    margin-top: 0rem
    .articles_revamp_heading
        width: 85%
        .articles_revamp_subheading
            font-size: 1.2rem
            margin-bottom: 0
            text-transform: uppercase
            color: #fff
        .articles_revamp_heading
            font-size: 2.5rem
            font-weight: 600
            color: #fff
            margin-top: 0 !important
            span
                font-style: italic
                font-family: "DM Serif Display", serif
                font-weight: normal
.revamp_trending_section
    margin-top: 3rem !important
    margin-bottom: 4rem !important
    @include phone
        margin-top: 0 !important
        margin-bottom: 0 !important
        .col-md-4
            padding: 0 12px !important
    .trending_heading
        margin-bottom: 2rem !important
        h2
            font-size: 1.5rem
            font-weight: 600
            color: #1F1D1E
            margin: 0 !important
    .col-md-4
        &:nth-child(1)
            padding-left: 0 !important
            @include phone
                padding-left: 12px !important
        &:nth-child(3)
            padding-right: 0 !important
            @include phone
                padding-right: 12px !important
    .revamp_single_item_after
        margin-top: 5rem
        @include phone
            margin-top: 1.5rem
            .row
                flex-direction: column-reverse !important
        .revamp_trending_main
            .revamp_trending_right
                width: 100%
                text-align: center
                img
                    width: 100%
            .revamp_single_item_body
                height: 100%
                align-content: center
                .text_muted_revamp
                    p
                        font-size: 1.125rem !important
                        font-wegiht: 600 !important
                        color: #666666 !important
                        letter-spacing: 2px !important
                        margin: 0 0 !important
                h6
                    font-weight: 600
                    margin-bottom: 1.5rem
                    a
                        font-size: 2.6rem
                        font-weight: 600
                        text-decoration: none
                        color: #000 !important
                .revamp_badge
                    font-size: 1.2rem
                    color: #000
                    display: inline-flex
                    align-items: center
                    justify-content: center
                    padding: 8px 1rem
                    border-radius: 52px
                    background-color: #F4F2F1
                    box-shadow: 0px 3px 6px #BEBEBE1C
                    text-transform: capitalize !important
    .revamp_card_common
        background: #FAF5FE 0% 0% no-repeat padding-box
        border: 1px solid #E1E0FD
        border-radius: 20px
        opacity: 1
        overflow: hidden
        height: 100%
        @include tablet
            border-radius: 12px !important
        @include phone
            border-radius: 12px !important
        p
            color: #5A5962 !important
            font-size: 1rem !important
            font-weight: normal !important
        .publish_information
            display: flex
            align-items: center
            justify-content: space-between
            .author_and_date
              width: calc(100% - 80px)
              h4
                  font-size: 1rem !important
                  font-weight: 600
                  margin-top: 0 !important
                  margin-bottom: .6rem !important
              p
                  font-size: .875rem !important
                  font-weight: normal
                  margin: 0 !important
                  margin-bottom: 1rem !important
                  color: #5A5962 !important
              a
                  font-size: 1.1rem !important
                  font-weight: 600
                  display: flex
                  align-items: center
                  span
                      width: 14px
                      height: 14px
                      display: flex
                      align-items: center
                      margin-left: 0.5rem
                      img
                          width: 100%
                          height: 100%
            .author_image
                width: 65px
                height: 65px
                border-radius: 50%
                border: 2px solid #92288E
                overflow: hidden
                img
                    width: 100%
                    height: 100%
        .revamp_card_common_image
            height: 18rem
            width: 100%
            @include tablet
                height: 15rem !important
            img
                width: 100%
                height: 100%
        .revamp_card_common_description
            height: auto
            padding: 0 1rem 1rem 1rem
            display: flex
            flex-direction: column
            justify-content: space-between
            .revamp_common_card_subheading
                font-size: 1.125rem !important
                font-weight: 600
                color: #666666
                letter-spacing: 2px
                margin: 0 !important
            .revamp_read_more
                color: #92278F !important
                text-decoration: none
                font-size: 1.3rem
                font-weight: 500
                display: flex
                align-items: center
                opacity: 1
                transition: .4s ease-in-out
                &:hover
                    opacity: .8
                span
                    width: 30px
                    height: 30px
                    padding: 5px
                    display: inline-block
                    img
                        width: 100%
                        height: 100%
            .revamp_badge
              font-size: 1rem
              color: #92288E
              margin: .8rem 0 !important
              text-transform: uppercase
              font-weight: 500
            h6
                font-weight: 600
                margin-top: 0 !important
                margin-bottom: 1rem !important
                a
                    font-size: 1.5rem !important
                    color: #000 !important
                    text-decoration: none
                    font-weight: 600
.revamp_read_more
    color: #92278F !important
    text-decoration: none
    font-size: 1.3rem
    font-weight: 500
    display: flex
    align-items: center
    opacity: 1
    transition: .4s ease-in-out
    &:hover
        opacity: .8
    span
        width: 30px
        height: 30px
        padding: 5px
        display: inline-block
        img
            width: 100%
            height: 100%


.revamp_hub-card
    transition: opacity 260ms ease, transform 260ms ease
    opacity: 1
    transform: translateY(0)
    will-change: opacity, transform
    display: block
    &.hidden
        opacity: 0
        transform: translateY(8px)
        pointer-events: none
    #revamp_hub-cards
        min-height: 120px
.revamp_section_bloglist
    .card-columns
        gap: 1.5rem !important
    .revamp_submenu
        .blog_menu
            .container
                padding: 0 !important
            ul
                justify-content: space-between !important
                li
                    margin-left: 0 !important
                    .active_revamp_new
                        background-color: #92288F
                        color: white !important
                    a
                        background-color: #F4F2F1
                        border-radius: 52px
                        margin-right: 0
                        display: inline-flex
                        align-items: center
                        justify-content: center
                        padding: 0.8rem 1.8rem !important
                        font-size: 1rem !important
                        color: #000 !important
                        &:hover
                            background-color: #92288F
                            color: white !important
    .revamp_hub_card
        border: 0 !important
        border-radius: 0 !important
        .card-body
            height: 14rem
            display: flex
            flex-direction: column
            justify-content: space-between
        .revamp_card_read_more
            color: #92278F !important
            text-decoration: none
            font-size: 1.3rem !important
            font-weight: 500
            display: flex
            align-items: center
            opacity: 1 !important
            transition: .4s ease-in-out
            &:hover
                opacity: .8 !important
            span
                width: 30px
                height: 30px
                padding: 5px
                display: inline-block
                img
                    width: 100%
                    height: 100%
        .card-body
            padding: 1rem 0px !important
            @include phone
                padding: 1rem 12px !important
            .revamp_card_link
                font-size: 1.5rem !important
                color: #000 !important
                text-decoration: none
                font-weight: 600
            .text_muted_revamp
                p
                    font-size: 1.125rem !important
                    font-weight: 600
                    color: #666666
                    letter-spacing: 2px
                    margin: 0 !important
            .revamp_badge
                p
                    background-color: #F4F2F1
                    padding: 5px 16px
                    border-radius: 52px
                    width: fit-content
                    margin: 0 !important
                    text-transform: capitalize !important
.revamp_display_none
    display: none
.revamp_top_margin
    margin-top: 5rem
.revamp_pagination
    ul
        display: flex !important
        align-items: center
        justify-content: center
        li
            border-radius: 50%
            width: 44px
            height: 44px
            display: flex !important
            align-items: center
            justify-content: center
            transition: .4s ease-in-out
            background-color: transparent
            margin: 0 5px !important
            &:hover
                background-color: #222222 !important
                a
                    color: #fff !important
                    img
                        filter: invert(1)
            a
                border: 1px solid #222222 !important
                border-radius: 50%
                font-size: 1.125rem !important
                color: #222222 !important
                background-color: transparent !important
                height: 100%
                width: 100%
                padding: 0 !important
                display: flex
                align-items: center
                justify-content: center
                img
                    width: 60%
                    height: 60%
        .active
            background-color: #222222
            a
                color: #fff !important
                border: 1px solid #222222 !important


.accounting_blogs_hero
  margin-bottom: 4rem
  @include tablet
    .col-lg-6
      width: 49% !important
      p
        padding: 0 !important
  @include desktop
    padding: 10rem 0 3rem 0 !important
  .main_image_card
    border: 5px solid #92288E
    border-radius: 25px
    opacity: 1
    overflow: hidden
    img
        transform: scale(1.1)