.case-study-section{display:inline-block;vertical-align:middle;width:100%;text-align:center}.case-study-section .cover{width:auto}.case-study-section .box{width:calc(100% / 4 - 10px);display:inline-block;margin:0 3px 6px;height:280px;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center top;cursor:pointer}.case-study-section .box h3{position:absolute;top:auto;bottom:0;background:#86ba40a1;width:100%;transition:all .5s;padding:10px;font-size:19px;color:#fff;text-transform:uppercase;line-height:25px;min-height:70px;display:flex;align-items:center;justify-content:center;transition:.4s all ease-in-out}.case-study-section .box h3 span{width:100%;display:inline-block}.case-study-section .box:hover h3{background:#86ba40;height:100%;display:flex;justify-content:center;align-items:center}.case-study-section .box:hover h3 span{animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite}.dropdown-wrap{width:100%;display:inline-block;padding:0 0 50px 0;position:relative;z-index:9999;background:#99c9e4}.dropdown-wrap .dropdown-inner-wrap{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.dropdown-wrap .dropdown-inner-wrap .wrap-drop{margin-left:0}.wrap-drop{text-align:left;background:#fff;box-shadow:3px 3px 3px rgb(0 0 0 / 20%);cursor:pointer;max-width:250px;padding:0;position:relative;width:75%;z-index:3;margin:0}.wrap-drop::after{border-color:#2b6e95 transparent;border-style:solid;border-width:15px 10px 0;content:"";height:0;margin-top:-7px;position:absolute;right:1rem;top:50%;width:0;transform:rotate(-90deg)}.wrap-drop .drop{background:#325d7a;box-shadow:3px 3px 3px rgba(0,0,0,.2);display:none;left:0;list-style:none;margin-top:0;padding-left:0;position:absolute;right:0;top:100%;z-index:2}.wrap-drop .drop li a{color:#fff;display:block;padding:1rem;text-decoration:none}.wrap-drop span{color:#000;padding:1rem;display:inline-block;width:100%;position:relative;z-index:1}.wrap-drop .drop li:hover a{background-color:#7fa940;color:#fff}.wrap-drop.active::after{border-width:0 10px 10px}.wrap-drop.active .drop{display:block;opacity:1;pointer-events:auto}.dropdown-wrap .dropdown-inner-wrap .wrap-drop+.wrap-drop{margin-left:50px}.dropdown-wrap .dropdown-inner-wrap .filter-title{width:100%;display:inline-block;text-align:left;margin:0 0 20px 0}.dropdown-wrap .dropdown-inner-wrap .filter-title h3{width:100%;display:inline-block;font-size:22px;line-height:32px;color:#000}.wrap-drop.open::after{transform:rotate(0)}@-webkit-keyframes .box:hover h3 span{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes .box:hover h3 span{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes .box:hover h3 span{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes .box:hover h3 span{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media(max-width:900px){.case-study-section .box{width:calc(100% / 3 - 10px)}}@media(max-width:767px){.case-study-section .box{width:calc(100% / 2 - 10px)}}@media(max-width:580px){.dropdown-wrap .dropdown-inner-wrap .wrap-drop+.wrap-drop{margin-left:0;margin-top:20px}.dropdown-wrap .dropdown-inner-wrap{display:block}.wrap-drop{max-width:100%;width:100%}.case-study-section .box{width:calc(100% / 1 - 10px)}}