.bannerMain{min-height:380px;background-color:#fff;border-radius:0 0 15px 15px;box-shadow:0 4px 16px #455b6330;height:auto;position:relative}.bannerMain h1{margin-top:.5em}.bannerHero{height:77%;background:url(../img/heroBannerBg.webp) center center/cover no-repeat;position:relative;border-radius:0 0 40px 40px;overflow:hidden;display:flex;align-items:center;z-index:3}.bannerHero::before{content:'';position:absolute;width:100%;height:100%;background-color:#1313139f}.bannerHero .slash{color:#fff;opacity:.29}.bannerHero p{font-weight:300;font-size:16px;opacity:.66}.mainFilter{height:23%;z-index:1}.mainFilter .filterButtons{display:flex;align-items:center;justify-content:center;height:100%}.mainFilter .filterButtons .filterButton{display:flex;align-items:center;flex-direction:column;cursor:pointer;padding:1em;border:none}.mainFilter .filterButtons .filterButton:hover i,.mainFilter .filterButtons .filterButton:nth-child(2) i{color:#d93025;opacity:1}.mainFilter .filterButtons .filterButton i{color:#000;opacity:.22;padding-bottom:1em;font-size:12px}.mainFilter .filterButtons .filterButton span{font-weight:500}.shortFilter>span::before{content:'Sırala A-Z'}.shortFilter.active>span::before{content:'Sırala Z-A'}