/* Generating Color Pack*/
/* 
	Color pack for YELLOW. To create a new color duplicate this file
	give it a unique name. Replace the light #FFCE54 and  dark #2A90C8 using
	CTRL+F or CMD+F to replace the main colors with your own HEX 
	then simply import as the last css file on page
*/
.color-highlight {
  color: #2A90C8 !important;
}

.bg-highlight {
  background:  linear-gradient(to bottom, #2A90C8, #60C2E6) !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: #2A90C8 !important;
}

 .gradient-highlight {
  background-image: linear-gradient(to bottom, #2A90C8, #60C2E6) !important;
} 

.splide__pagination__page.is-active {
  background: linear-gradient(to bottom, #2A90C8, #60C2E6) !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span {
  color: #2A90C8 !important;
}

.footer-bar-2 .active-nav {
  border-bottom: solid 3px #2A90C8;
}

.footer-bar-3 .active-nav {
  border-top: solid 3px #2A90C8;
}

.footer-bar-4 .active-nav {
  background: linear-gradient(to bottom, #2A90C8, #60C2E6) !important;
}

#footer-bar .circle-nav-1::after,
#footer-bar .circle-nav-2::before,
#footer-bar .circle-nav-2::after {
  background-image: linear-gradient(to bottom, #2A90C8, #2A90C8) !important;
}

input[type=range]::-webkit-slider-thumb {
  background: linear-gradient(to bottom, #2A90C8, #60C2E6) !important;
}

.color-highlight {
  color: #2A90C8;
}

.bg-highlight {
  background: linear-gradient(to bottom, #2A90C8, #60C2E6) !important;
  color: #FFF !important;
}

#header-deco-1, #header-deco-2, #header-deco-3, #header-deco-4 {
  fill: #2A90C8;
}