.banners-default2{display:flex;flex-wrap:wrap;margin:0px -15px;overflow:hidden;width:calc(100% + 30px)}@media screen and (min-width: 767px)and (max-width: 1023px){.banners-default2{width:calc(100% + 20px);margin:0px -10px}}@media screen and (max-width: 767px){.banners-default2{width:calc(100% + 20px);margin:0px -10px;justify-content:center}}.banners-default2 .item{width:calc(33.333% - 30px);margin:0px 15px;flex:1;transition:1.5s;-webkit-transition:1.5s}@media screen and (min-width: 767px)and (max-width: 1023px){.banners-default2 .item{width:calc(33.333% - 20px);margin:0px 10px}}@media screen and (max-width: 767px){.banners-default2 .item{width:calc(50% - 20px);margin:0px 10px 20px;flex:unset}}.banners-default2 .item:nth-child(1){transform:translateX(-400px)}.banners-default2 .item:nth-child(2){transform:translateY(-170px)}@media screen and (max-width: 767px){.banners-default2 .item:nth-child(2){transform:translate(400px, 0px)}}.banners-default2 .item:nth-child(3){transform:translateX(400px)}@media screen and (max-width: 767px){.banners-default2 .item:nth-child(3){transform:translate(0px, 170px);margin-bottom:0px}}.banners-default2 .banner_item{display:grid;border-radius:15px}.banners-default2 .banner_item img{border-radius:15px;transition:.5s all ease}.banners-default2 .banner_item .name_text{font-size:20px;font-weight:700;color:#fff;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);text-transform:uppercase;width:80%;text-align:center;z-index:1}.banners-default2 .item{position:relative;border-radius:15px;overflow:hidden;box-shadow:0px 8px 20px rgba(101,180,234,.2784313725)}.banners-default2 .item .mask_back{height:90px;content:"";background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#010101), color-stop(0.2, #000000), to(rgba(255, 255, 255, 0)));display:block;position:absolute;bottom:0px;width:100%;transition:.5s all ease}.banners-default2 .item::before{height:0px;content:"";background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(255, 255, 255, 0.9294117647)), color-stop(0.2, rgba(255, 255, 255, 0.9294117647)), to(rgba(255, 255, 255, 0)));display:block;position:absolute;bottom:0px;width:100%;transition:.5s all ease;z-index:1}.banners-default2 .item:hover .banner_item .name_text{color:var(--main-color)}.banners-default2 .item:hover .mask_back{bottom:-100%}.banners-default2 .item:hover::before{height:90px}.banners-default2 .item:hover img{transform:scale(1.05)}.main_wrapper{padding-bottom:0px}.hello .banners-default2 .item{transform:translate(0px)}/*# sourceMappingURL=default2.css.map */