/* xl - DESKTOP STYLES */ 
.hero-title span{
	font-weight:600;
	color:#005ea1;
}

.bricks-background-light svg .st0{
	stroke: #005ea1;
}

.bricks-background-light:hover svg .st0{
	stroke: #FFFFFF !important;
}

.hexagon-border {
  --b: 1px; /* adjust to control the border  */
  height: 75px; /* adjust to control the size  */
  aspect-ratio: cos(30deg);
  clip-path: 
    polygon(50% 0,-50% 50%,50% 100%,150% 50%,50% 0, 50% var(--b),
    calc(100% - var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)),
    calc(100% - var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)),
    50% calc(100% - var(--b)),
    calc(var(--b)*sin(60deg)) calc(75% - var(--b)*cos(60deg)),
    calc(var(--b)*sin(60deg)) calc(25% + var(--b)*cos(60deg)),
    50% var(--b));
  background: #005ea1;
}

.ard-hexagon{
	transition: all 0.3s ease-out;
}
/* HTML: <div class="hexagon"></div> */
.hexagon {
  height: 75px; /* adjust to control the size  */
  aspect-ratio: cos(30deg);
  clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
  background: #ffffff;
	transition: all 0.3s ease-out;
}

.card-hexagon:hover .hexagon {
	background: #005ea1;
}


.card-hexagon:hover .card-hexagon-icon.brxe-icon {
	fill:#FFFFFF !important;
	color:#FFFFFF !important;
}

.card-hexagon:hover .card-hexagon-text{
	color:#005ea1;
}


.icon-card{
	transition: all 0.5s ease-out;
}
.icon-card::before{
	opacity:1;
	transition: all 0.5s ease-out;
}

.icon-card .icon{
  padding:20px;
  border: dashed 2px #005ea1;
  border-radius:50%;
}

.icon-card svg{
  fill: #005ea1 !important;
}

.icon-card h3 {
	color: #005ea1;
}

.icon-card p {
	color: #000000;
}

.icon-card .content hr {
	width: 40px;
	border-top: 4px solid #005ea1;
	margin: 1em auto;

}

.icon-card:hover::before{
	opacity:0;
}

.icon-card:hover .icon{
  padding:20px;
  border: dashed 2px #ffffff;
  border-radius:50%;
}

.icon-card:hover svg{
  fill: #ffffff !important;
}

.icon-card:hover h3 {
	color:#ffffff;
}

.icon-card:hover p {
	color:#ffffff;
}

.icon-card:hover .content hr {
	width: 40px;
	border-top: 4px solid #ffffff;
	margin: 1em auto;

}

