.image-container[data-v-b5e064df]{height:80px;position:relative;right:10px;width:80px}.default-img[data-v-b5e064df],.hover-img[data-v-b5e064df]{height:100%;position:absolute;transition:opacity .3s ease;width:100%}.hover-img[data-v-b5e064df],.image-container:hover .default-img[data-v-b5e064df]{opacity:0}.image-container:hover .hover-img[data-v-b5e064df]{opacity:1}.sec5-h[data-v-b5e064df]{height:778px}@media(max-width:1920px)and (min-width:500px){.path[data-v-b5e064df]{background-size:60%!important}}.card-img[data-v-b5e064df]{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:300px}@media(min-width:500px){.path[data-v-b5e064df]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='426' height='380' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='426' height='380' rx='10' fill='%231660C5'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;height:auto}.card-img[data-v-b5e064df]{height:454px}}@media(min-width:1920px){.container-h[data-v-b5e064df]{height:600px}}@media(min-width:1792px){.container-h[data-v-b5e064df]{height:700px}}@media(min-width:1440px){.container-h[data-v-b5e064df]{height:500px!important}}.bg-gradient-to-t{background:linear-gradient(0deg,#333,rgba(51,51,51,.01),rgba(51,51,51,.02),transparent);border:none;outline:none}.card-h{height:356px}.card-category{background-image:var(--bg-image);background-position:50%;background-size:cover}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-category:hover{transform:scale(1.05)}.btn-category{background-color:#fff;border:none;border-radius:10px;box-shadow:none;color:#000;height:40px;opacity:0;outline:none;padding:0;transition:opacity .3s ease;width:40px;z-index:1}@media(min-width:768px){.btn-category{height:60px;width:60px}}.card-category:hover .btn-category{opacity:1}.btn-category:hover{background-color:#1660c5;color:#fff;transition:background-color .5s ease}.screen{min-height:1100px}.item{margin:10px;width:calc(50% - 20px)}@media(max-width:767px){.item{height:200px}}@media(min-width:768px){.item{margin:10px;width:calc(50% - 20px)}.screen{min-height:1800px}}@media(min-width:1024px){.item{margin:10px;width:calc(50% - 20px)}.screen{min-height:1700px}}@media(min-width:1280px){.item{margin:10px;width:calc(33.33333% - 20px)}.screen{min-height:1300px}}@media(min-width:1440px){.item{margin:10px;width:calc(25% - 20px)}.screen{min-height:1000px}}@media(min-width:1512px){.item{margin:10px;width:calc(25% - 20px)}}@media(min-width:1792px){.item{margin:10px;width:calc(25% - 20px)}}.nav-porfolio{height:70px}.main-w-btn{width:auto}.btn-porfolio{background:none;background-color:#f9f9f9;border:none;box-shadow:none;margin:0;outline:none;padding:0}.active{color:#fff}.bg-blue-500{background-color:#3b82f6}.process-card{background-color:#fff;height:250px;width:250px}@media(min-width:991px){.process-card{height:150px;width:150px}.process-card>img{width:30%}p{font-size:10px}.arrow{width:60px}}@media(min-width:1024px){.process-card{height:150px;width:150px}.process-card>img{width:30%}.arrow{width:60px}}@media(min-width:1280px){.process-card{height:205px;width:205px}.process-card>img{width:30%}p{font-size:60%}.arrow{width:60px}}@media(min-width:1366px){.process-card{height:230px;width:230px}.process-card>img{width:30%}p{font-size:75%}.arrow{width:60px}}@media(min-width:1440px){.process-card{height:212px;width:212px}.process-card>img{width:30%}p{font-size:80%}.arrow{width:60px}}@media(min-width:1512px){.process-card{height:225px;width:225px}.process-card>img{width:30%}p{font-size:80%}.arrow{width:60px}}@media(min-width:1745px){.process-card{height:253px;width:253px}.process-card>img{width:30%}p{font-size:80%}.arrow{width:100px}}@media(min-width:1920px){.process-card{height:278px;width:278px}.process-card>img{width:30%}p{font-size:80%}.arrow{width:100px}}@media(min-width:2560px){.process-card{height:278px;width:278px}.process-card>img{width:30%}p{font-size:80%}.arrow{width:100px}}.process{background:#f9f9f9}