.ova-contact-info {
margin: 0;
padding: 0;
list-style: none;
}
.ova-contact-info.template_2 .item:not(:last-child) {
margin-bottom: 5px;
}
.ova-contact-info.template_2 .icon {
width: auto;
height: auto;
background-color: transparent;
}
.ova-contact-info.template_2 .icon i {
font-size: 15px;
color: var(--heading);
}
.ova-contact-info.template_2 .info .text a {
font-size: 15px;
font-weight: 500;
}
.ova-contact-info .top {
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 15px;
}
.ova-contact-info .top .main-icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 45px;
width: 45px;
height: 45px;
background: #fff;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07);
}
.ova-contact-info .top .main-icon i, .ova-contact-info .top .main-icon svg {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 1;
color: var(--primary);
fill: var(--primary);
}
.ova-contact-info .top .title-category {
margin: 0;
font-size: 18px;
}
.ova-contact-info .item {
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 20px;
}
.ova-contact-info .item:not(:last-child) {
margin-bottom: 20px;
}
.ova-contact-info .icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
color: #fff;
background: var(--primary);
line-height: 1;
}
.ova-contact-info .icon i {
font-size: 30px;
}
.ova-contact-info .icon svg {
width: 30px;
height: 30px;
fill: #fff;
}
.ova-contact-info .info .label {
font-weight: 500;
}
.ova-contact-info .info .text {
margin: 0;
word-break: break-word;
}
.ova-contact-info .info .text a {
position: relative;
color: var(--heading);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-contact-info .info .text a::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 0%;
height: 2px;
background: var(--primary);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ova-contact-info .info .text a:hover {
color: var(--primary);
}
.ova-contact-info .info .text a:hover::after {
width: 100%;
}