.super-banners-wrap{transition:all .5s}.super-banners{-webkit-user-select:none;user-select:none;background:#50367d;width:100%;max-width:100%;height:626px;max-height:626px;position:relative;overflow:hidden}.super-banners ._left,.super-banners ._right{z-index:4;cursor:pointer;border-radius:5px;align-items:center;width:50px;height:250px;padding:12px 11px 15px 10px;transition:all .5s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.super-banners ._left:hover svg,.super-banners ._right:hover svg{animation:1s tada}.super-banners ._left:hover svg path,.super-banners ._right:hover svg path{fill:#f33}.super-banners ._left{left:0}.super-banners ._right{right:0}.super-banners .sb{background-position:top;background-size:cover;width:100%;height:626px;max-height:626px;animation-duration:2s;display:none;position:absolute;overflow:hidden}.super-banners .sb.active{display:block}.super-banners .sb>.w{height:100%;position:relative}.super-banners .sb>.w>*{transition:all .5s}.super-banners .sb ._text1{margin-top:67px;margin-bottom:50px;animation:2s bounceInLeft}.super-banners .sb ._sub_text{color:#fff;margin:0 0 50px;font-family:Rubik,Poppins,sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:34px;animation:2s fadeInLeft}.super-banners .sb ._sub_text._sub_text_black{color:#000}.super-banners .sb ._logo{animation:2s fadeInDown;position:absolute;top:0;right:0}.super-banners .sb ._logo._bottom_right{animation:2s fadeInUp;top:auto;bottom:100px}.super-banners .sb ._logo._bottom_left{animation:2s fadeInUp;inset:auto auto 0 0}.super-banners .sb ._img{z-index:3;max-width:70%;animation:2s fadeInRight;position:absolute;top:0;right:0}.super-banners .sb ._btn{animation:2s bounceInUp;display:flex}.super-banners .sb ._btn a{color:#d1e206;background:#27309c;border-radius:8px;align-items:center;padding:20px;font-family:Rubik,Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-decoration:none;transition:all .3s;display:flex}.super-banners .sb ._btn a svg{margin-right:10px}.super-banners .sb ._btn a:hover{filter:brightness(150%);animation:1s tada}.super-banners .sb-1 ._img{margin-top:26px;margin-right:10%}.super-banners .sb-2 ._img{margin-top:56px;margin-right:0}.super-banners .sb-3 ._img{margin-top:56px;margin-right:-5%}.super-banners .sb-4 ._img{margin-top:56px;margin-right:5%}.super-banners .sb-5 ._img{margin-top:56px;margin-right:6%}.super-banners .sb-1 ._text1{margin-top:50px}.super-banners .sb-1 ._logo{margin-top:56px}.super-banners .sb-5 ._logo{margin-top:30px}.super-banners .sb ._btn._btn_yellow a{color:#d1e206;background:#2d643a}.super-banners .sb ._btn._btn_yellow svg path{fill:#d1e206}.super-banners .sb ._btn._btn_red a{color:#f33;background:#262e63}.super-banners .sb ._btn._btn_red svg path{fill:#f33}.super-banners .sb ._btn._btn_orange a{color:#f93;background:#262e63}.super-banners .sb ._btn._btn_orange svg path{fill:#f93}.super-banners .sb ._btn._btn_white_on_red a{color:#fff;background:#e1004a}.super-banners .sb ._btn._btn_white_on_red svg path{fill:#fff}.super-banners .sb ._btn._btn_blue a{color:#62c3fa;background:#27309c}.super-banners .sb ._btn._btn_blue svg path{fill:#62c3fa}.super-banners .sb ._btn._btn_gray a{color:#5dffe2;background:#196d7e}.super-banners .sb ._btn._btn_gray svg path{fill:#5dffe2}.super-banners .sb ._btn._btn_pl7 a{color:#fffd30;background:#156da2}.super-banners .sb ._btn._btn_pl7 svg path{fill:#fffd30}@media (max-width:1200px){.super-banners .sb ._text1,.super-banners .sb ._img{width:45%}.super-banners .sb ._logo{margin-right:15px}}@media (max-width:768px){.super-banners{height:auto;max-height:none}.super-banners .sb{text-align:center;height:auto;max-height:none;padding:15px 0;display:none}.super-banners .sb.active{display:block;position:static}.super-banners .sb.active.animate__fadeOut{display:none}.super-banners .sb ._img{width:auto;max-width:80%;margin:15px auto 30px;display:block;position:static}.super-banners .sb ._text1{width:auto;max-width:85%;margin:0 auto;display:block;position:static}.super-banners .sb ._logo{width:auto;max-width:50%;margin:30px auto;display:block;position:static}.super-banners .sb ._sub_text{margin:0 auto 30px;padding:0 16px;font-size:18px;line-height:24px;display:block;position:static}.super-banners .sb ._sub_text br{display:none}.super-banners .sb ._btn{margin:0 auto 30px;display:inline-block;position:static}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:translate(0,0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}.animate__fadeInRight{animation-name:fadeInRight}.animate__animated{animation-duration:2s;animation-fill-mode:both}