.maximize_space
    h2
        font-size: 2.25rem
        line-height: 2.5rem
        font-weight: 600
        color: #000      
        width: 70%
        margin: 0 auto
        margin-bottom: 6rem !important
        text-align: center  
    .maximize_space_duo
        .maximize_space_duo_common
            width: 100%
            height: 30rem
            border-radius: 8px
            img
                width: 100%
                height: 100%
                border-radius: 8px
    .maximize_space_big
        background: #f4cbff
        border-radius: 8px
        padding: 10rem 2rem
        text-align: center
        h3
            font-size: 1.875rem
            line-height: 2.25rem
            font-weight: 600
            color: #000
        p
            font-size: 1rem
            font-weight: 300
            color: #000              
.space_saving
    position: relative
    margin-top: 7rem
    @include tablet
        background-size: cover    
    @include phone
        background-size: cover
    .space_saving_left
        position: absolute
        bottom: 1.5rem
        max-width: 260px
        left: 8.5rem
        z-index: 1
        img
            max-width: 100%
        h2
            margin-left: -8.5rem
            span
               font-family: "DM Serif Display", serif
               font-weight: normal
               font-style: italic
    font-weight: normal 
    .space_saving_middle
        width: calc(100% - 700px) !important
        margin: 0 auto
        img
            max-width: 100%
    .ss_logo
        position: absolute
        top: 4rem
        right: 0
        width: 135px
    .space_saving_right
        max-width: 400px
        margin: 0 auto
        position: absolute
        bottom: 5rem
        right: 0
        h3
            font-size: 1.875rem
            font-weight: 600
            color: #000
            margin-bottom: 1.5rem
                  
.served_faster
    margin-bottom: 5rem
    margin-top: 5rem
    background-size: cover
    background-position: top center
    background-repeat: no-repeat
    padding: 20rem 0 5rem
    color: #fff
    @include phone
        padding: 1.5rem
        margin: 2rem 0 !important
    h2
        margin: 0 0 3rem !important
        text-align: center
        font-weight: 600
    .col-md-4
        .served_faster_common
            padding: 2rem
            border-radius: 0
            border: 1px solid #3434346b
            background: rgba(0, 0, 0, 0.3)
            backdrop-filter: blur(15px)
            -webkit-backdrop-filter: blur(15px)
            color: #fff
            height: 88%
            margin-top: 1.5rem
            img
                width: 70px
                height: 70px
                margin-bottom: 1.5rem
            h3
                font-size: 1.5rem
                font-weight: 600
                color: #fff
                margin: 0 0 1.5rem
                @include phone
                    font-size: 1.8rem

            p
                font-size: 1rem
                color: #fff
                @include phone
                    font-size: 1.6rem
        &:first-child
            .served_faster_common
                background: none
                border: none
                backdrop-filter: unset
                -webkit-backdrop-filter: unset
                display: flex
                align-items: center
                h3
                    font-size: 2.5rem
                    margin-bottom: 0
                    span
                        font-family: "DM Serif Display", serif
                        font-weight: normal
                        font-style: italic
 
.streamline_operations
    margin-top: 5rem
    .row
        display: flex
        align-items: stretch !important
        @include tablet
            align-items: center !important
        @include tablet-ls
            align-items: center !important
        @include tablet-ls-custom
            align-items: center !important
    .streamline_desktop
        @include tablet
            display: none
        @include tablet-ls
            display: none
        @include tablet-ls-custom
            display: none
        @include phone
            display: none
    .streamline_mobile
        display: none
        @include tablet
            display: block
        @include tablet-ls
            display: block
        @include tablet-ls-custom
            display: block
        @include phone
            display: block
    h2
        font-weight: 600
        margin-top: 0
        span
            font-family: "DM Serif Display", serif
            font-weight: normal
            font-style: italic
    .container-fluid
        padding: 0 !important
        .col-lg-12
            padding: 0 !important
        .col-lg-6
            padding: 0 !important
    .streamline_operations_right
        width: 100%
        text-align: center
        @include tablet
            background-color: #F4F2F0
        @include tablet-ls
            background-color: #F4F2F0
        @include tablet-ls-custom
            background-color: #F4F2F0
        
        img
            width: 100%
            max-width: 100%
            @include tablet
                border-radius: 10px
            @include tablet-ls
                border-radius: 10px
            @include tablet-ls-custom
                border-radius: 10px
            @include phone
                border-radius: 10px


    .streamline_operations_left
        background-color: #F4F2F0
        padding: 2.2rem 3rem 2.3rem 6rem
        clip-path: polygon(6.3% 0%, 100% 0%, 100% 100%, 0% 100%)
        margin-left: -3.8rem
        margin-bottom: 1.25rem
        height: auto
        @include desktop
            clip-path: polygon(6.1% 0%, 100% 0%, 100% 100%, 0% 100%)
            padding: 3.6rem 3rem 3.7rem 6rem
            margin-bottom: 1.9rem
        @include tablet
            padding: 1rem !important
            clip-path: none
            margin-bottom: 0
            margin-left: unset
            background-color: #fff
        @include tablet-ls
            padding: 1rem !important
            margin-bottom: 0
            margin-left: unset
            clip-path: none
            background-color: #fff
        @include tablet-ls-custom
            padding: 1rem !important
            margin-bottom: 0
            margin-left: unset
            clip-path: none
            background-color: #fff
        @include phone
            width: 100%
            margin-bottom: 0
            margin-left: 0 !important
            clip-path: unset
            padding: 1.5rem
            font-size: 2rem
            background-color: #fff
        &:first-child
            clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%)
            @include desktop
                clip-path: polygon(7.7% 0%, 100% 0%, 100% 100%, 0% 100%)
                margin-left: -4rem
            @include tablet
                clip-path: unset
            @include tablet-ls
                clip-path: unset
            @include tablet-ls-custom
                clip-path: unset
                margin-left: unset
            @include phone
                clip-path: unset
        &:nth-child(2)
            margin-left: -7rem
            @include tablet
                margin-left: unset
                clip-path: unset
            @include tablet-ls
                margin-left: unset
                clip-path: unset
            @include tablet-ls-custom
                margin-left: unset !important
                clip-path: unset !important
            @include desktop
                margin-left: -8.2rem
                clip-path: polygon(6.8% 0%, 100% 0%, 100% 100%, 0% 100%)
        &:last-child
            margin-left: -10.6rem
            margin-bottom: 0
            @include desktop
                margin-left: -12.2rem
                margin-bottom: 0
            @include tablet
                margin-left: unset
            @include tablet-ls
                margin-left: unset
            @include tablet-ls-custom
                margin-left: unset
        h3
            font-size: 2rem
            font-weight: 600
            margin: 0 !important
            @include tablet
                font-size: 1.6rem
            @include tablet-ls
                font-size: 1.6rem
            @include tablet-ls-custom
                font-size: 1.6rem
            @include phone
                font-size: 1.8rem
                margin-top: 0 !important
            span
                font-family: "DM Serif Display", serif
                font-weight: normal
                font-style: italic
        p
            font-size: 1.2rem
            @include tablet
                margin-bottom: 0
            @include tablet-ls
                margin-bottom: 0
            @include tablet-ls-custom
                margin-bottom: 0
            @include phone
                font-size: 1.6rem

.kiosk_section_four
  background-color: #FFFFFF
  margin-top: 5rem
  video
    width: 100%
    height: auto
    outline-offset: -4px
    outline: 4px solid white

  h2
    font-weight: 700
    font-size: 2.6rem
    margin-bottom: 30px
    margin-top: 0

    span
        font-family: "DM Serif Display", serif
        font-weight: normal
        font-style: italic

  .desc-text
    color: #000
    margin-bottom: 30px
    line-height: 1.6
    font-size: 1.6rem
    @include phone
        font-size: 1.6rem

  .feature-box
    padding: 1.25rem
    display: flex
    align-items: center
    gap: 15px
    margin-bottom: 1.25rem
    color: #000
    border: 2px solid #D6DAE0
    @include tablet
        padding: 5px 1rem
    @include tablet-ls
        padding: 5px 1rem
    img
      max-height: 40px
      max-width: 40px
      @include tablet
        max-height: 30px
      @include tablet-ls
        max-height: 30px


  .feature-text
    font-size: 1.4rem
    @include tablet
        margin: 0
    @include tablet-ls
        margin: 0
    @include phone
        font-size: 1.4rem

  img
    max-width: 100%
    height: auto
    object-fit: cover


.kiosk_section_five
    background-color: #F4F2F1
    padding: 5rem 0
    .kiosk_section_five_subheading
        width: 65%
        margin: 0 auto 2rem
        @include phone
            width: 100%
    a
        border-radius: 30px
    h2
        margin-top: 0
        span
            font-family: "DM Serif Display", serif
            font-weight: normal
            font-style: italic
    .feature-box
        background-color: #fff
        padding: 1.5rem
        margin-bottom: 1.5rem
        &:last-child
            margin-bottom: 0
        img
            max-width: 100%
        .feature-text
            font-size: 1.6rem
            margin-top: 0
        .desc-text
            margin-bottom: 0
    .kiosk_section_five_right
        .feature-box
            padding: 2.7rem 1.5rem
            height: 100%
            @include phone
                padding: 1.5rem
                height: auto
            img
                max-width: 75%
                margin-left: auto
                padding-top: 1rem
                display: flex
                @include phone
                    max-width: 100%
                

.handheld_features_new
    h2
        span
            font-family: "DM Serif Display", serif
            font-weight: normal
            font-style: italic
    p
        @include phone
            font-size: 1.6rem
.upgrade_btn_wrap
    margin-top: -3rem
    @include phone
        margin-top: unset
    @include tablet
        margin-top: unset