.elementor-kit-10{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FBE000;--e-global-color-14d8172:#FBE000;--e-global-color-14a9c7a:#ECEAE7;--e-global-color-277bb84:#FFF9C3;--e-global-typography-primary-font-family:"Ambit";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Ambit";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Ambit";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:30px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 p{margin-block-end:40px;}.elementor-kit-10 a{color:var( --e-global-color-accent );}.elementor-kit-10 h2{font-family:"Ambit", Sans-serif;font-size:24px;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base styling for all logo images */
.bw-logo-carousel img {
  filter: grayscale(100%) contrast(120%);
  transition: filter 0.4s ease;
  opacity: 0.8; /* optional: adds slightly subdued look */
}

/* On hover: show full color */
.bw-logo-carousel img:hover {
  filter: none;
  opacity: 1;
}

/* Base style – keep Elementor controls active */
.metallic-hover-button {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: background-color 0.4s ease, color 0.3s ease, transform 0.3s ease;
  border-radius: 0px; /* Optional – or control via Elementor */
}

/* Shine swipe effect */
.metallic-hover-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.1) 100%);
  transform: skewX(-20deg);
  transition: all 0.6s ease;
  z-index: 2;
  pointer-events: none;
}

/* Hover animation – shine moves, background becomes black */
.metallic-hover-button:hover::before {
  left: 125%;
}

.metallic-hover-button:hover {
  background-color: #000000;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Base golden style – let Elementor control text, border, etc. */
.golden-shine-button {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #FBE000; /* gold base */
  border-radius: 0px; /* optional: can be set in Elementor instead */
  transition: background 0.4s ease, transform 0.3s ease;
}

/* Shine overlay effect */
.golden-shine-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 100%);
  transform: skewX(-20deg);
  transition: all 0.6s ease;
  z-index: 2;
  pointer-events: none;
}

/* Hover animation and darkened gold gradient */
.golden-shine-button:hover::before {
  left: 125%;
}

.golden-shine-button:hover {
  background: linear-gradient(135deg, #e1c200, #fbe000, #bfa600);
  color: #000 !important;
  transform: translateY(-1px);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ambit';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://costudioconsulting.com/wp-content/uploads/2025/05/Ambit-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Ambit';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://costudioconsulting.com/wp-content/uploads/2025/05/Ambit-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */