.custom_container_fluid
    max-width: 1920px
    margin: 0 auto
.common_container
    max-width: 80%
    margin: 0 auto
    @include phone
        max-width: 100% !important
.apps_hero
    padding-bottom: 5rem
    .apps_hero_left
        width: 90%
        @include phone
            width: 100% !important
        h2
            font-size: 4rem
            font-weight: 700
            line-height: 1.2
        p
            font-size: 1.2rem
            font-weight: 500
        a
            background-color: #92278F
            border-radius: 8px
            padding: 8px 12px
            color: #fff
            display: inline-flex
            align-items: center
            justify-content: center
            font-size: 1rem
            transition: .4s ease-in-out
            &:hover
                opacity: 0.8
.apps_page_tabs
    .tabs 
        .tab-link
            position: relative
            transition: .4s ease-in-out
            &::after
                content: ''
                position: absolute
                bottom: -18px !important
                left: 0
                width: 0
                height: 2px
                border-radius: 2px
                background-color: #92278F
                display: block
                transition: .4s ease-in-out 
            &:hover 
                background: transparent !important
                &::after
                    width: 100%
        .tab-link.active
            background: transparent !important
            color: #92278F !important
            box-shadow: none !important
            transition: .4s ease-in-out
            &::after
                content: ''
                position: absolute
                bottom: -18px !important
                left: 0
                width: 100%
                height: 2px
                border-radius: 2px
                background-color: #92278F
                display: block
    .feature-block
        background: transparent !important
        width: 100% !important
        &:hover
            transform: none !important
    .icon-wrap
        display: flex
        align-items: center
        img
            width: 50px
            height: 50px
            border-radius: 4px
            margin-right: .5rem
.reviews_section 
    max-width: 700px
    margin: 0 auto
    padding: 24px
    font-family: Arial, sans-serif
.section_headline 
    text-align: center
    font-size: 2rem
    margin-bottom: 32px
    font-weight: 700
.review_card 
    border: 1px solid #ddd
    padding: 16px 20px
    margin-bottom: 24px
    border-radius: 8px
    background-color: #fafafa
    box-shadow: 0 1px 5px rgba(0,0,0,0.05)
.stars 
    svg
        width: 20px
        height: 20px
        fill: #fbbf24

.apps_hero_section
    img
        max-width: 100%
        border-radius: 8px
        border: 1px solid #ccc