.elementor-21340 .elementor-element.elementor-element-4b79b1d .elementor-button{background-color:transparent;font-family:"Bangers", Sans-serif;font-size:37px;font-weight:500;letter-spacing:1px;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #3E419A 100%);box-shadow:0px 0px 10px -2px rgba(0,0,0,0.5);}.elementor-21340 .elementor-element.elementor-element-4b79b1d .elementor-button:hover, .elementor-21340 .elementor-element.elementor-element-4b79b1d .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-21340 .elementor-element.elementor-element-4b79b1d .elementor-button:hover svg, .elementor-21340 .elementor-element.elementor-element-4b79b1d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-21340 .elementor-element.elementor-element-afa26f6{width:var( --container-widget-width, 113.994% );max-width:113.994%;--container-widget-width:113.994%;--container-widget-flex-grow:0;}.elementor-21340 .elementor-element.elementor-element-afa26f6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21340 .elementor-element.elementor-element-1c204a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21340 .elementor-element.elementor-element-1c204a1:not(.elementor-motion-effects-element-type-background), .elementor-21340 .elementor-element.elementor-element-1c204a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-21340 .elementor-element.elementor-element-0cb9181{text-align:center;}.elementor-21340 .elementor-element.elementor-element-0cb9181 .elementor-heading-title{color:var( --e-global-color-5c56b6e );}.elementor-21340 .elementor-element.elementor-element-07b69fe{font-weight:600;color:var( --e-global-color-5c56b6e );}.elementor-21340 .elementor-element.elementor-element-dd0fc88 .elementor-button{background-color:transparent;font-family:"Bangers", Sans-serif;font-size:37px;font-weight:500;letter-spacing:1px;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #3E419A 100%);}.elementor-21340 .elementor-element.elementor-element-dd0fc88 .elementor-button:hover, .elementor-21340 .elementor-element.elementor-element-dd0fc88 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-21340 .elementor-element.elementor-element-dd0fc88 .elementor-button:hover svg, .elementor-21340 .elementor-element.elementor-element-dd0fc88 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta .elementor-cta__bg, .elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-21340 .elementor-element.elementor-element-425c157 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__content{min-height:100px;text-align:center;background-color:var( --e-global-color-5c56b6e );}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__title{font-family:"Glacial Indifference", Sans-serif;font-size:50px;font-weight:400;letter-spacing:0.5px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#2A448C;stroke:#2A448C;color:var( --e-global-color-accent );}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__title:not(:last-child){margin-bottom:0px;}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__description{font-family:"Glacial Indifference", Sans-serif;font-weight:400;letter-spacing:0.5px;color:var( --e-global-color-accent );}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__description:not(:last-child){margin-bottom:20px;}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__button{font-size:24px;font-weight:800;color:var( --e-global-color-primary );background-color:var( --e-global-color-5c56b6e );border-width:0px;border-radius:14px;box-shadow:0px 0px 18px -5px rgba(0,0,0,0.5);}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__button:hover{color:var( --e-global-color-5c56b6e );background-color:var( --e-global-color-primary );}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:var( --e-global-color-e27fcc0 );}@media(max-width:767px){.elementor-21340 .elementor-element.elementor-element-4b79b1d .elementor-button{font-size:22px;}.elementor-21340 .elementor-element.elementor-element-07b69fe{font-size:13px;}.elementor-21340 .elementor-element.elementor-element-dd0fc88 .elementor-button{font-size:22px;}.elementor-21340 .elementor-element.elementor-element-425c157 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__title{font-size:27px;}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__description{font-size:14px;}.elementor-21340 .elementor-element.elementor-element-425c157 .elementor-cta__description:not(:last-child){margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-d362735 *//* Master Wrapper: Forces everything to stack vertically */
.devo-landing-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 1200px; 
  margin: 0 auto;
}

/* Product Cards Base (Strict Mobile Stack) */
.devo-product-card {
  display: flex !important;
  flex-direction: column !important; 
  width: 100% !important;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  margin-bottom: 3rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Forces inner boxes to take full width on mobile */
.devo-image-box,
.devo-text-box {
  width: 100% !important; 
  max-width: 100% !important;
  flex: 0 0 100% !important; 
  display: block !important;
}

.devo-image-box {
  aspect-ratio: 16 / 9; 
  overflow: hidden;
}

.devo-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.devo-product-card:hover .devo-image-box img {
  transform: scale(1.05);
}

.devo-text-box {
  padding: 2.5rem;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
}

/* Desktop Layout Override (Side-by-Side) */
@media (min-width: 900px) {
  .devo-product-card {
    flex-direction: row !important; 
  }
  .devo-image-box,
  .devo-text-box {
    width: 50% !important; 
    max-width: 50% !important;
    flex: 1 1 50% !important; 
  }
  .devo-text-box {
    padding: 3.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfda56c */:root {
  /* Base brand colors pulling from your atomic palette */
  --pk-blue: #3A4B86; 
  --pk-light-blue: #40B4E5;
  --pk-orange: #F26B22; 
  --bg-light: #F9F9F9;
}

.devo-landing-wrapper {
  font-family: inherit; 
  color: #333;
  width: 100%;
  max-width: 1200px; /* Constrains width on massive monitors */
  margin: 0 auto;
}

/* Hero Section */
.devo-hero {
  text-align: center;
  padding: 4rem 2rem;
  background-color: var(--bg-light);
  border-radius: 12px;
  margin-bottom: 3rem;
}

/* Logo scaled down to 1/3 size */
.devo-logo {
  max-width: 50px; 
  margin-bottom: 1.5rem;
  height: 20px;
}

.devo-hero h1 {
  font-size: 3rem;
  color: var(--pk-blue);
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 1rem;
}

.devo-hero p {
  max-width: 800px;
  margin: 0 auto 2rem auto;
  line-height: 1.6;
  font-size: 1.1rem;
}

/* Product Cards */
.devo-product-card {
  display: flex;
  flex-direction: column; 
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  margin-bottom: 3rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.devo-product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.devo-image-box {
  width: 100%;
  aspect-ratio: 16 / 9; 
  overflow: hidden;
}

.devo-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.devo-product-card:hover .devo-image-box img {
  transform: scale(1.05);
}

.devo-text-box {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.devo-text-box h2 {
  color: var(--pk-blue);
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.devo-text-box ul {
  padding-left: 1.2rem;
  margin: 1.5rem 0;
}

.devo-text-box li {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

/* Buttons */
.btn-primary, .btn-secondary {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.3s ease;
  align-self: flex-start;
}

.btn-primary {
  background-color: var(--pk-orange);
  color: #fff;
}

.btn-primary:hover {
  background-color: var(--pk-blue);
  color: #fff;
}

.btn-secondary {
  background-color: var(--pk-blue);
  color: #fff;
  margin-top: 1rem;
}

.btn-secondary:hover {
  background-color: var(--pk-orange);
  color: #fff;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

/* Desktop Layout Tweaks inside Flexbox */
@media (min-width: 900px) {
  .devo-product-card {
    flex-direction: row; 
  }
  .devo-image-box {
    flex: 1 1 50%;
  }
  .devo-text-box {
    flex: 1 1 50%;
    padding: 3.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afa26f6 */:root {
  --pk-blue: #3A4B86; 
  --pk-orange: #F26B22; 
  --bg-light: #F9F9F9;
}

/* Responsive CSS Grid */
.pk-pillars-wrapper {
  display: grid;
  grid-template-columns: 1fr; /* Stacks 1x4 on Mobile */
  gap: 2rem;
  max-width: 1200px;
  margin: 3rem auto;
  font-family: inherit;
}

/* Switches to 2x2 Grid on Tablet/Desktop */
@media (min-width: 768px) {
  .pk-pillars-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Individual Card Styling */
.pk-pillar-card {
  background: #fff;
  padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  border-top: 5px solid var(--pk-orange);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pk-pillar-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.pk-pillar-card h3 {
  color: var(--pk-blue);
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
}

.pk-subtitle {
  display: block;
  color: var(--pk-orange);
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

.pk-pillar-card p {
  color: #444;
  line-height: 1.6;
  margin: 0;
  font-size: 1.05rem;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Glacial Indifference';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://pedalkids.com/wp-content/uploads/2022/02/GlacialIndifference-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */