.container-fluid{max-width:100%;margin:0 auto;padding:0}.exam{padding:40px 0 0}.exam__box{flex-wrap:wrap;margin:40px 0 60px;display:flex}.exam__item{width:33.333%;position:relative;display:block}.exam__item h4{font-size:24px;color:#fff}.exam__item picture{width:100%;height:auto}.exam__info{position:absolute;left:50px;right:40px;bottom:20px;transition:all 0.5s ease;z-index:3}.exam__info p{line-height:26px;font-size:16px;margin-top:30px;height:0;transition:all 0.5s ease;color:transparent}.exam__btn{margin:0 auto}.exam__item:hover p{height:auto;color:#fff}.exam__item:hover .exam__info{bottom:80px}.exam__item:after{position:absolute;width:100%;height:100%;display:block;content:"";background-image:-moz-linear-gradient(0deg,rgb(24,177,230) 0%,rgb(31,77,208) 100%);background-image:-webkit-linear-gradient(0deg,rgb(24,177,230) 0%,rgb(31,77,208) 100%);background-image:-ms-linear-gradient(0deg,rgb(24,177,230) 0%,rgb(31,77,208) 100%);opacity:0;transition:all 0.5s ease;z-index:2;top:0;left:0}.exam__item:hover:after{opacity:.8}@media screen and (max-width:1199px){.exam__info{bottom:-10px}.exam__item:hover p{height:8px;color:#fff}.exam__info p{margin-top:35px;height:0}}@media screen and (max-width:991px){.exam__item{width:50%}}@media screen and (max-width:767px){.exam__info{left:20px;right:20px}.exam__info p{line-height:22px;font-size:14px}}@media screen and (max-width:575px){.exam{padding-top:0}.exam__item{width:auto}.exam__info p{margin-top:15px;line-height:18px}.exam__item h4{font-size:21px}}