.header {
    .nav__list {
        .custom-menu-sub-items {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: #F6F7F8;
            display: grid;
            padding: 40px 70px;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
            gap: 20px;
            opacity: 0;
            visibility: hidden;
            transition: .2s;
            z-index: -1;

            .custom-menu-sub-items__item {
                align-items: flex-start;
                justify-content: flex-start;
                min-width: 300px;
                padding: 0;
            }
            .custom-menu-sub-items__item-title {
                color: #34677B;
                align-items: flex-start;
                justify-content: flex-start;
                font-family: Yeseva One, sans-serif;
                font-weight: 400;
                margin-bottom: 20px;
                border: none;
                height: auto;
            }
            .custom-menu-sub-items__list-item {
                padding: 0;
                 a {
                     color: black;
                     align-items: flex-start;
                     justify-content: flex-start;
                     font-family: Proxima Nova Rg, sans-serif;
                     font-weight: 400;
                     font-size: 20px;
                     margin: 0;
                     line-height: normal;
                     border: none;
                     height: auto;

                     &:hover{
                         text-decoration: underline;
                     }
                 }
            }
        }

        .nav__list-item:hover {
            .custom-menu-sub-items {
                top: 100%;
                opacity: 1;
                visibility: visible;
                transition: .2s;
            }
        }
    }
}

@media all and (max-width: 1050px) {
    .header {
        .nav {
            height: auto;
        }
        .nav__list {
            .custom-menu-sub-items {
                position: relative;
                top: 0;
                height: 0;
            }
            .nav__list-item:hover {
                .custom-menu-sub-items {
                    top: 0;
                    opacity: 1;
                    visibility: visible;
                    transition: .2s;
                    z-index: 1;
                    height: auto;
                }
            }
            li {
                flex-direction: column;
            }
        }
    }
}