html {

--b: 18, 83, 138 !important;
--menu: 18, 83, 138 !important;

}

body {
    background: url(https://i.ibb.co/fYHp6rm8/backgrouund.jpg) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.header-bc {
    width: 100%;
    background: linear-gradient(140deg, rgb(16 70 133) 0%, rgb(16 143 159) 50%, rgb(16 70 133) 75%, rgb(15 71 134) 100%) !important;
}

.layout-header-holder-bc {
    margin-bottom: var(--desktop-header-margin-bottom);
    position: sticky;
    top: 0;
    z-index: 952;
    background: none !important;
    box-shadow: none !important;
}

.nav-menu-container.header-navigation:first-child {
    position: relative;
    border-radius: var(--border-radius);
    z-index: 1;
    background-image: linear-gradient(90deg, rgb(0, 11, 36) 0%, rgb(17 107 145) 50%, rgb(4, 25, 72) 100%) !important;
}

.btn.sign-in {
    padding: 16px 32px !important;
    background: #ffffff !important;
    color: #10c8ed !important;
    text-decoration: none !important;
    transition: color var(--default-transition-duration);
}

.btn.register, .btn.btn-color {
    padding: 16px 32px !important;
    color: rgba(var(--hero-sc), 1);
    background: rgba(var(--hero), 1);
    transition: background var(--default-transition-duration);
}



********************************************************MOBİLE****************************************************************


html {

--header: 18, 83, 138 !important;
--hero-sc: 18, 83, 138 !important;
--b: 18, 83, 138 !important;
--tab-navigation: 18, 83, 138 !important;

}


.btn.sign-in {
    padding: 8px 16px !important;
    color: rgba(var(--hero-sc), 1);
    background: #ffffff !important;
    text-decoration: none !important;
    transition: color var(--default-transition-duration);
}

.btn.register, .btn.btn-color {
    padding: 8px 16px !important;
    color: #ffffff !important;
    background: rgba(var(--hero), 1);
    transition: background var(--default-transition-duration);
}

.tab-nav-title-bc {
    margin-top: 2px;
    max-width: 100%;
    font-size: 10px;
    line-height: 14px;
    color: #ffffff !important;
}


.tab-nav-icon-bc {
    font-size: 20px;
    line-height: 24px;
    color: #10c8ed !important;
}


.hdr-navigation-link-bc {
    display: flex
;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    font-weight: 400;
    color: rgba(var(--menu-sc), .8);
    background: #052451 !important;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .065em;
    box-shadow: inset 0 -2px 0 0 rgba(var(--menu-sc), .05);
    line-height: var(--mobile-header-navigation-height);
}