/*Müşteriye özel geliştirmeler*/

@import "colors/customer-color.css";



.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: inline;
    margin-left: .3rem;
    vertical-align: .1rem;
    border: 0!important;
    font-size: .25rem;
    color: #009d8f
}

.navbar.caret-none .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: none
}

.btn.dropdown-toggle:after,.navbar-bg-dark .dropdown-toggle:after,.navbar-dark .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,.navbar-dark:not(.fixed) .dropdown-toggle:after {
    color: #fff
}

.navbar-dark.transparent.banner--stick .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    color: #009d8f
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow+.sub-arrow {
    display: none!important
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow:before {
    position: relative;
    content: "\e900"
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    font-size: .35rem;
    top: .55rem;
    right: 1.5rem;
    margin: 0;
    border: 0
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow:before,.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    position: relative;
    content: "\e902"
}

.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
    padding-right: 2.5rem
}

/* https://cdn.stkpro.com.tr/upload/images/default/temp.webp */
.attr-card{
    position: relative;
    width: 100%;
    height: 100%;
}
.attr-card::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-image: var(--bg-image);
    background-size: var(--bg-size);
    background-repeat: no-repeat;
    background-position: var(--bg-position);
}
.yn-navbar-link a{
    color: var(--bs-nav-link-color);
    transition: all ease .4s;
    text-decoration: none;
}

.yn-navbar-link:hover a{
    color: #2f55d4;
}
.yn-hover-arrow,
.yn-hover-arrow .yn-arrow{
    transition: all ease-in-out .4s;
}
.yn-hover-arrow:hover .yn-arrow{
    align-items: center;
    transform: translateX(5px);
}
.overlay{
    aspect-ratio: 400 / 250;
}