/* Panel: Highlight */

.panel-highlight { position: relative; overflow: hidden; }
.panel-highlight.highlight-colour-blue     { background: #1e3a8a; background: linear-gradient(181deg, var(--Color-3, #1B1C50) 0.51%, var(--Color-2, #053699) 71.73%, #91C3FF 194.75%, var(--Color, #FFD506) 269.88%); }
.panel-highlight.highlight-colour-purple   { background: #5b21b6; background: linear-gradient(181deg, var(--GPS-purple, #2D0078) 1.16%, var(--Color, #8277E5) 141.8%, #BFCFFF 239.06%, var(--Color, #FFD506) 331.08%); }
.panel-highlight.highlight-colour-purple .highlight-column p { text-align:center; min-height:100px; margin:0 -10px; font-size: 20px; line-height: 1.4; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; font-family: "neue-haas-grotesk-display", sans-serif; }
.panel-highlight.highlight-colour-purple .highlight-column ul { }
.panel-highlight.highlight-colour-purple .highlight-column li { font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: 0.54px; margin-bottom:15px; /*font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600;*/ font-family: "neue-haas-grotesk-display", sans-serif; }
.panel-highlight.highlight-colour-gradient { background: #5b21b6; background: linear-gradient(180deg, var(--GPS-purple, #2D0078) 17.23%, #45239F 35.47%, var(--Color, #8277E5) 65.37%, #B7C3FC 87.67%, var(--Color, #FCCF3D) 102.87%); }
.panel-highlight.highlight-colour-gradient .highlight-header h2 { margin-bottom:32px; }
.panel-highlight.highlight-colour-gradient .highlight-description p { margin-bottom: 48px; }
.panel-highlight.highlight-colour-gradient h2.highlight-heading { font-size: 22px; font-weight: 500; line-height:119%; letter-spacing: 0.88px; margin-bottom: 20px; }
.panel-highlight.highlight-colour-blue .container { max-width: 1280px; position: relative; z-index: 2; }
.panel-highlight.highlight-colour-blue .highlight-header { margin:0 auto; max-width: 1143px; padding-bottom:3px; }
.highlight-header { text-align: center; }
.highlight-header :last-child { margin-bottom:0 !important; }
.highlight-header h2 { font-weight: 500; line-height:137%; letter-spacing: 1px; margin-bottom: 42px; }
.highlight-heading.heading-weight-mixed { font-weight:400; }
.highlight-description { }
.highlight-description p { font-size: 20px; font-weight: 400; line-height: 32px; letter-spacing: 1px; margin-bottom: 32px; font-family: "neue-haas-grotesk-display", sans-serif; }
.highlight-description p strong { font-weight:600; }
.highlight-description p:last-child { margin-bottom: 0; }
.highlight-columns { }
.highlight-column { color: #fff; }
.highlight-column p,
.highlight-column ul,
.highlight-column ol { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.48px; color: #fff; margin: 0 0 15px 0; }
.highlight-column p:last-child,
.highlight-column ul:last-child,
.highlight-column ol:last-child { margin-bottom: 0; }
.highlight-column ul,
.highlight-column ol { padding-left: 20px; }
.highlight-column li { margin-bottom: 8px; }
.highlight-columns-style-centered .highlight-column { text-align: center; }
.highlight-columns-style-centered .highlight-column p { font-size: 30px; font-weight: 400; line-height: 1.4; letter-spacing: 0.6px; font-family: "neue-haas-grotesk-display", sans-serif; }
.highlight-columns-style-boxes.highlight-columns { margin:0 -12px; }
.highlight-columns-style-boxes.highlight-columns .col-md-3 { padding:0 12px; }
.highlight-columns-style-boxes .highlight-column  { border-radius: 10px; background: #2d0178; padding:36px 20px 30px 20px; height: 100%; }
.highlight-columns-style-arrows .highlight-column li { list-style-type:none; }
.highlight-columns-style-arrows .highlight-column li:before { content:' '; display:inline-block; width:8px; height:12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M4.59099 5.98876L-0.000400128 1.39738L1.39698 -2.61287e-07L7.38574 5.98876L1.39698 11.9775L-0.00040053 10.5801L4.59099 5.98876Z' fill='white'/%3E%3C/svg%3E"); background-position:0 50%; background-repeat:no-repeat; margin-right:20px; vertical-align:top; margin-top:7px; }
.highlight-columns-style-standard .highlight-column { /* Default styles */ }

/* Responsive adjustments */

@media (min-width:768px) {
	.highlight-header .button-gradient-purple { width:100%; max-width:222px; }
	.highlight-header .button-gradient-purple:hover { font-weight:600; }
}

@media (max-width: 1199px) {
	
	.panel-highlight br { display:none; }
	
}
@media (max-width: 991px) {
	
	.highlight-columns-style-boxes .highlight-column { padding: 25px; margin-bottom: 20px; }
	
}
@media (max-width: 767px) {
	
	.highlight-header h2 { margin-bottom: var(--margin-bottom); }
	.panel-highlight.highlight-colour-gradient .highlight-description p { margin-bottom: var(--margin-bottom); }
	.panel-highlight.highlight-colour-gradient h2.highlight-heading { font-size:16px; line-height:150%; }
	.panel-highlight.highlight-colour-gradient h2 { font-size:24px; margin-bottom: var(--margin-bottom) !important; }
	.highlight-description p { font-size:16px; line-height:24px; }
	
	.panel-highlight .button { font-size:14px; }
	
	.highlight-column p,
	.highlight-column ul,
	.highlight-column ol { font-size: 15px; line-height: 22px; }
	
	.highlight-columns-style-boxes .highlight-column { padding: 20px; margin-bottom: 15px; }
	
	.panel-highlight.highlight-colour-purple .highlight-header { text-align:left; }
	
	.highlight-columns.row { padding-top:25px; }
	.highlight-columns-style-centered .highlight-column p { font-size: 18px; margin:0 20px 25px 20px; }
	.highlight-columns-style-centered .col-md-4:last-child .highlight-column p { margin-bottom:0; }
	
}