.contactinfo-box{position:relative}.contactinfo-box .contact-area{align-items:center;border:1px solid hsla(0,0%,71%,.2);display:flex;margin-bottom:25px}.contactinfo-box .contact-area .contact-icon{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.05);font-size:40px;height:100px;line-height:100px;margin-right:15px;text-align:center;width:100px}.contactinfo-box .contact-area .contact-icon svg{fill:var(--primary-color)}.contactinfo-box .contact-area .contact-icon .hs_cos_wrapper_type_icon:first-child{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;transform:translateY(0) rotateX(0deg);transform-origin:top;transition:.5s;width:100%}.contactinfo-box:hover .contact-icon>.hs_cos_wrapper_type_icon:first-child{transform:translateY(100%) rotateX(90deg)}.contactinfo-box .contact-area .contact-icon .hs_cos_wrapper_type_icon:nth-child(2){align-items:center;background:var(--primary-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform:translateY(-100%) rotateX(90deg);transform-origin:bottom;transition:.5s;width:100%}.contactinfo-box .contact-area .contact-icon .hs_cos_wrapper_type_icon:nth-child(2) svg{fill:var(--white-fix)}.contactinfo-box:hover .contact-icon>.hs_cos_wrapper_type_icon:nth-child(2){transform:translateY(0) rotateX(0deg)}.contactinfo-box.contact-area .contact-info{align-items:center;display:flex;height:100px}.contactinfo-box .contact-area .contact-info p{display:flex;flex-direction:column;margin:0}.contactinfo-box .widget p{color:var(--white-fix)}.contactinfo-box .contact-area .contact-info p span{color:var(--white-fix);font-size:20px;font-weight:600;letter-spacing:1px}.contactinfo-box .contact-area .contact-info p a{color:var(--white-fix);text-decoration:none}