@import '../_common'

p
  text-align: justify 
header,  
.header-fixed
  background-color: transparent
  @include respond-to(screen-991)
     height: 90px !important
  
  .header-container
     background-color: var(--prime-dark) 

.our-heading
    margin: 220px 0 70px
    text-align: center
    @include respond-to(screen-1024)
      margin: 190px 0 60px
    @include respond-to(screen-991)
      margin: 150px 0 60px

    @include respond-to(screen-768)
      margin: 120px 0 30px

    p
        width: 30%
        margin: 0 auto
        padding-top: 15px
        @include respond-to(screen-1024)
          width: 42%
        @include respond-to(screen-768)
          width: 55%
        @include respond-to(screen-540)
          width: 80%
        
        

.blue-model-branch , .blue-public-branch
    background-color: #E5EAFF
    padding: 90px 0
    @include respond-to(screen-1024)
       padding: 64px 0
    @include respond-to(screen-1024)
       padding: 45px 0
    @include respond-to(screen-540)
       padding: 36px 0 70px

    .branch-card
        display: grid
        grid-template-columns: repeat(2 , 1fr)
        gap: 65px
        overflow: hidden
        @include respond-to(screen-1024)
           gap: 45px
        @include respond-to(screen-991)
          grid-template-columns: repeat(1 , 1fr)
        @include respond-to(screen-540)
           gap: 36px
        
        img
            border-radius: 14px
            width: 100%
        .branch-card-content
            h6
                color: var(--prime-dark)
                font-weight: 600
                font-size: 1.6rem
                margin-bottom: 24px
            ul
                padding: 30px 0 0 12px
                @include respond-to(screen-1024)
                  padding: 16px 0 0 12px
                @include respond-to(screen-1024)
                  padding: 12px 0 0 
                li
                    display: flex
                    gap: 20px
                    align-items: center
                    margin: 20px 0
                    @include respond-to(screen-1024)
                      margin: 16px 0
                    @include respond-to(screen-540)
                      font-size: 14px
                    img
                        display: inline-block
                        border: 1px solid var(--prime)
                        padding: 10px
                        width: 50px
                        border-radius: 50%
                        @include respond-to(screen-540)
                          width: 36px

                    span
                        a
                         color: var(--text)
                         display: block
            .btn-wraper
                display: flex
                justify-content: flex-start
                margin: 35px 0 0 12px
.blue-public-branch
    background-color: var(--white)