@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.styles_ExpertiseCard__E7_st{position:relative;height:320px;width:100%;overflow:hidden}@media(min-width:768px){.styles_ExpertiseCard__E7_st{height:400px}}.styles_ExpertiseCard__E7_st .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:grayscale(1);opacity:.5;transition:.5s}.styles_ExpertiseCard__E7_st .body{position:relative;display:flex;height:100%;flex-direction:column;z-index:2;pointer-events:none;transition:.5s}.styles_ExpertiseCard__E7_st .text{opacity:0;transition:.5s}.styles_ExpertiseCard__E7_st .header{flex-grow:1}.styles_ExpertiseCard__E7_st .header h3{transition:.5s}.styles_ExpertiseCard__E7_st .footer{display:flex;justify-content:space-between}.styles_ExpertiseCard__E7_st .footer button{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.styles_ExpertiseCard__E7_st .footer button img{transition:.5s}.styles_ExpertiseCard__E7_st:hover .image{opacity:1;filter:grayscale(0);scale:1.05}.styles_ExpertiseCard__E7_st:hover .text{opacity:1}.styles_ExpertiseCard__E7_st:hover .body{background-color:rgba(0,0,0,.667)}.styles_ExpertiseCard__E7_st:hover .header h3{color:#3076f2}.styles_ExpertiseCard__E7_st:hover button img{rotate:45deg}.styles_ExpertiseCard__E7_st:hover button:before{opacity:0}