@import ../_common

header
    .header-wrapper
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px
            @include media(991)
               box-shadow: none

.banner

  .bg
    .banner-wrapper
        top: 50% !important
        left: 50% !important
        transform: translate( -50% , -50%) !important
        display: flex
        justify-content: center
        align-items: center
        
        .banner-content
            display: flex
            align-items: flex-end
            justify-content: center

            .content
                width: 100%
                max-width: 100% 
                text-align: center

                h2
                    color: var(--white)
                    text-transform: capitalize
                    line-height: 1.2
                    margin-bottom: 30px


                p
                    color: var(--white)
                    opacity: 0.9
                    font-weight: 300

                .btn
                    margin-top: 20px

        

       

.commanSec
    padding: 120px 0 50px

    .wrapper
        background: var(--white)
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px
        padding: 40px
        border-radius: 14px
        @include media(540)
          padding: 20px

        h1
            font-size: 40px
            margin-bottom: 15px
            @include media(675)
                font-size: 28px
                margin-bottom: 13px
                line-height: 1.4

        h2, h3, h4, h5, h6
            font-size: 20px
            line-height: 1.4
            margin-bottom: 16px
            font-weight: 600
            font-family: $Poppins

        p, span, strong, b
            font-size: 16px
            line-height: 1.7
            color: #444
            margin-bottom: 16px


        ul
            margin-left: 20px
            margin-bottom: 16px
            padding-left: 0
            @include media(675)
              margin-left: 0


            li
                position: relative
                list-style: none
                padding-left: 14px
                font-size: 16px
                line-height: 1.7
                margin-bottom: 8px
                color: #555

                &::before
                    content: ""
                    position: absolute
                    left: 0
                    top: 10px
                    width: 6px
                    height: 6px
                    background: var(--primary)
                    border-radius: 50%