@import 'partials';
.header{
    background-color: #262677;
    .logo{
        max-width: 210px;
        @media($sm-991){
            max-width: 180px;
        }
        img{
            object-fit: contain;
        }
    }
    .navbar{
        padding: 13px 0px;
        @media($sm-991){
            position: fixed;
            z-index: 99;
            width: 100%;
            background-color: #262677;
        }
        @media($sm-579){
            padding: 5px 0px;
        }
    }
    .navbar-toggler{
        @media($sm-991){
            border: 1px solid #fff;
            width: 46px;
            height: 33px;
            display: flex;
            align-items: center;
        }
        &:focus{
            outline: none;
            box-shadow: none;
        }
    }
    .navbar-toggler-icon{
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(59deg) brightness(109%) contrast(101%);
        width: 30px;
    }
    .navbar-nav{
        @media($sm-991){
            align-items: flex-start !important;
            padding-left: 0px;
        }
        .nav-item{
            padding: 0px 30.5px;
            @media($sm-1679){
                padding: 0px 28px;
            }
            @media($sm-1481){
                padding: 0px 25px;
            }
            @media($sm-1199){
                padding: 0px 20px;
            }
          
            @media($sm-991){
                padding: 10px 0px 0px 0px;
            }
            &:last-child{
                padding-right: 0px;
            }
            .nav-link{
                color: #fff;

                font-weight: 500;
                font-size: 16px;
                letter-spacing: 0%;
                @media($sm-1679){
                    font-size: 14px;
                }

            }
            .btn-contact{
                background-color: #fff;
                color: #2E2E78;
                width: 160px;
                height: 41px;
                font-weight: 700;
                font-size: 15px;
                border-radius: 29px;
                display: flex;
                align-items: center;
                justify-content: center;
              
                @media($sm-1679){
                    font-size: 14px;
                }
                @media($sm-991){
                    margin-bottom: 30px;
                }
                

            }
        }
    }
}