#cms-header {

    .bar-nav-menu-bar {
        justify-content: flex-start;

        .bar-end-options {
            margin-left: auto;
        }
    }

    .custom-header-home-btn {
        position: relative;
        width: 28px;
        height: 28px;
        margin-right: 15px;

        span {
            text-indent: -9999px;
            width: 1px;
            height: 1px;
            display: inline-block;
        }

        &:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 9.185l7 6.514v6.301h-3v-5h-8v5h-3v-6.301l7-6.514zm0-2.732l-9 8.375v9.172h7v-5h4v5h7v-9.172l-9-8.375zm12 5.695l-12-11.148-12 11.133 1.361 1.465 10.639-9.868 10.639 9.883 1.361-1.465z"/></svg>');
            mask-size: 100%;
            mask-position: center;
            mask-repeat: no-repeat;
            background-color: var(--text-color);

        }
    }

    .mobile-header {
        padding-bottom: 10px;
        display: flex;
        align-items: center;

        .name {
            h1 {
                font-size: 18px;
            }
        }

        .logo {
            margin-bottom: 0;
        }

        .school-info {
            padding-bottom: 0;
        }

        .main-content {
            .right-icon {
                display: flex;
                align-items: center;

                .custom-header-home-btn {
                    width: 34px;
                    height: 34px;

                    &:after {
                        background-color: var(--mobile-menu-bg-color);
                    }
                }
            }
        }
    }
}