.five-components,.five-components .heading{display:inline-block;width:100%}.five-components .heading{padding:0 0 30px;text-align:center}.five-components .heading .section-title{display:inline-block;width:100%}.five-components .heading .section-title h2{color:#000!important;display:inline-block;font-size:38px!important;font-weight:700;margin-top:0!important;width:100%}.five-components .card-wrap{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 -10px;width:calc(100% + 20px)}.five-components .card-wrap .card-itmes{border-radius:12px;box-shadow:0 13px 10px -7px rgba(0,0,0,.1);cursor:pointer;display:inline-block;margin:0 10px 30px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);vertical-align:top;width:calc(20% - 20px)}.five-components .card-wrap .card-itmes .card-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:12px;border-top-right-radius:12px;height:160px;visibility:hidden;width:100%}.card-info,.five-components .card-wrap .card-itmes{background-color:#fff}.five-components .card-info h3.card-title{display:inline-block;margin-bottom:0;width:100%}.five-components .card-img-hover{background-position:50%;background-repeat:no-repeat;background-size:35%;border-top-left-radius:12px;border-top-right-radius:12px;height:160px;position:absolute;top:0;transition:all .2s ease-out;width:100%}.five-components .card-info-hover{display:none;opacity:0;top:0;width:100%}.five-components .card-content.card-info-hover{color:#fff!important;font-size:.8rem;font-weight:600;line-height:1rem!important}.five-components .card-info{border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 15px 24px;z-index:2}.five-components .card-wrap .card-itmes:first-child{background:#01afaa!important}.five-components .card-wrap .card-itmes:nth-child(2){background:#792682!important}.five-components .card-wrap .card-itmes:nth-child(3){background:#92d500!important}.five-components .card-wrap .card-itmes:nth-child(4){background:#c5289b!important}.five-components .card-wrap .card-itmes:nth-child(5){background:#ff6b02!important}.five-components .card-wrap .card-itmes:hover .card-info-hover{display:block;opacity:1}.five-components .card-itmes:hover{box-shadow:0 30px 18px -8px rgba(0,0,0,.1);transform:scale(1.1)}.five-components .card-itmes:hover .card-info{background-color:transparent;margin-top:-100px;position:relative}.five-components .card-itmes:hover .card-img-hover{background-size:60%;height:52%;opacity:.12;top:2px}.five-components .card-itmes:hover h3.card-title{color:#fff;margin-top:-85px}.five-components .card-wrap .card-itmes:hover .card-info-hover p{color:#fff!important;font-size:.8rem;font-weight:600;line-height:1rem!important;margin-bottom:0}.five-components .card-itmes:hover h3.card-title{height:auto!important;margin-bottom:9px}@media(max-width:1199px){.five-components .card-wrap .card-itmes{width:calc(25% - 20px)}}@media(max-width:991px){.five-components .card-wrap .card-itmes{width:calc(33.33333% - 20px)}.five-components .heading .section-title h2{font-size:30px!important}}@media(max-width:767px){.five-components .card-wrap .card-itmes{width:calc(50% - 20px)}.five-components .heading .section-title h2{font-size:26px!important}}@media(max-width:600px){.five-components .card-wrap .card-itmes{margin:0 0 30px;width:100%}.five-components .card-wrap{margin:0;width:100%}.five-components .card-wrap .card-itmes:last-child{margin-bottom:0}.five-components .card-img-hover,.five-components .card-wrap .card-itmes .card-img{height:185px}.five-components .card-img-hover{background-size:30%}.five-components h3.card-title{height:auto!important}}@media(max-width:500px){.five-components .card-info-hover{display:block;opacity:1}.five-components .card-content.card-info-hover{color:#585858!important;font-size:inherit}.five-components .card-info h3.card-title{margin-bottom:9px}.five-components .card-wrap .card-itmes .card-info-hover p{color:#585858!important;display:block!important;font-size:inherit;font-weight:400;line-height:1rem!important;margin-bottom:0;opacity:1!important}.five-components .card-img-hover{background-size:25%}.five-components .card-info{padding:24px 15px}.five-components .card-itmes:hover .card-img-hover{background-size:25%;height:185px;opacity:1}.five-components .card-itmes:hover{box-shadow:none;transform:inherit}.five-components .card-itmes:hover h3.card-title{color:#585858}.five-components .card-itmes:hover .card-info{background-color:#fff}}