OwlCyberSecurity - MANAGER

Edit File: _contact-box.scss

.ova-contact-box{
	padding: 32px;
	border: 1px solid #E4EBED;
	border-radius: 24px;
	background-color: #fff;

.icon{
		margin-bottom: 20px;
		svg{
			width: 26px;
			height: auto;
		    fill: var(--heading);
		    path {
		    	fill: var(--heading);
		    }
		}

i{
			display: inline-flex;
			font-size: 26px;
			color: var(--heading);
		}
	}

.contact{

.label{
			margin: 0;
			font-size: 18px;
			color: #323C3E;
			font-weight: 600;
			line-height: 1.2;
		}

.box{
			list-style-type: none;
			padding: 0;
			margin: 0;
			.item{
				a{
					-webkit-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;
					position: relative;
					font-size: 14px;
					color: #49575A;

&:before{
						position: absolute;
					    content: '';
					    width: 100%;
					    height: 1px;
					    left: 0;
					    bottom: 0;
					    transition: all 500ms ease;
					    background-color: #49575A;
					}

&:hover{
						color: var(--primary);
						&:before{
							width: 100%;
							background-color: var(--primary);
						}
					}
				}
			}
		}

}

.bottom {
		margin-top: 15px;
		.label_2{
			display: inline-block;
			font-size: 12px;
			line-height: 1;
			color: #fff;
			text-transform: uppercase;
			padding: 8px 16px;
			background-color: var(--primary);
			border-radius: 99px;
		}
		.text_2 {
			display: inline-block;
			font-size: 12px;
			font-weight: 600;
			color: #323C3E;
		}
	}
}