/*!
Theme Name: Coding Temple
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: coding-temple
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Coding Temple is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap');

:root {
  --clr-white: #ffffff;
  --clr-offwhite: #f7f7fa;
  --clr-lightest-gray: #f5f5f7;
  --clr-light-gray: #cccccc;
  --clr-gray: #666666;
  --clr-dark-gray: #333333;
  --clr-almost-black: #1a1a1a;
  --clr-black: #000000;
  --clr-green: #0cc4a0;
  --clr-yellow: #ffeea6;
  --clr-gold: #fec853;
  --clr-navy: #041836;
  --clr-blog-text: #4d4d4d;
  --gradient-r: linear-gradient(to right, #ffeea6 20%, #0cc4a0);
  --gradient-l: linear-gradient(to left, #ffeea6 20%, #0cc4a0);
  --gradient-t: linear-gradient(to top, #ffeea6 20%, #0cc4a0);
  --gradient-b: linear-gradient(to bottom, #ffeea6 20%, #0cc4a0);
  --gradient-tr: linear-gradient(to top right, #ffeea6 20%, #0cc4a0);
  --gradient-tl: linear-gradient(to top left, #ffeea6 20%, #0cc4a0);
  --gradient-br: linear-gradient(to bottom right, #ffeea6 20%, #0cc4a0);
  --gradient-bl: linear-gradient(to bottom left, #ffeea6 20%, #0cc4a0);
  --fs-root: 16px;
  --fs-body-xxs: clamp(0.75rem, 0.6666666667rem + 0.2314814815vw, 0.875rem);
  --fs-body-xs: clamp(0.75rem, 0.5833333333rem + 0.462962963vw, 1rem);
  --fs-body-sm: clamp(0.875rem, 0.7083333333rem + 0.462962963vw, 1.125rem);
  --fs-body: clamp(1rem, 0.8333333333rem + 0.462962963vw, 1.25rem);
  --fs-body-lg: clamp(1.125rem, 0.9583333333rem + 0.462962963vw, 1.375rem);
  --fs-body-xl: clamp(1.25rem, 1.0833333333rem + 0.462962963vw, 1.5rem);
  --fs-h1: clamp(2.5rem, 1.1666666667rem + 3.7037037037vw, 3rem);
  --fs-h2: clamp(2rem, 1.4583333333rem + 1.5046296296vw, 2.8125rem);
  --fs-h3: clamp(1.875rem, 1.375rem + 1.3888888889vw, 2.625rem);
  --fs-h4: clamp(1.5rem, 1.0833333333rem + 1.1574074074vw, 2.125rem);
  --fs-h5: clamp(1.25rem, 0.9166666667rem + 0.9259259259vw, 1.75rem);
  --fs-h6: clamp(1rem, 0.75rem + 0.6944444444vw, 1.375rem);
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --ls-1: 0.01em;
  --ls-2: 0.02em;
  --ls-3: 0.03em;
  --ls-4: 0.04em;
  --ls-5: 0.05em;
  --ls-neg-1: -0.01em;
  --ls-neg-2: -0.02em;
  --ls-neg-3: -0.03em;
  --ls-neg-4: -0.04em;
  --ls-neg-5: -0.05em;
  --lh-1: 1.1;
  --lh-2: 1.2;
  --lh-3: 1.3;
  --lh-4: 1.4;
  --lh-5: 1.5;
  --lh-6: 1.6;
  --lh-7: 1.7;
  --lh-8: 1.8;
  --lh-9: 1.9;
  --lh-2x: 2;
  --clr-shadow-light: rgba(0, 0, 0, 0.1);
  --clr-shadow: rgba(0, 0, 0, 0.2);
  --clr-shadow-dark: rgba(0, 0, 0, 0.3);
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

* ::-webkit-scrollbar-thumb {
  background-image: linear-gradient(to bottom, #ffeea6 20%, #0cc4a0);
}
* ::-webkit-scrollbar-track {
  background-color: #000;
}
* ::-webkit-scrollbar {
  width: 0.625rem;
}

::-moz-selection {
  background-color: #6ddcc6;
  color: #000;
}

::selection {
  background-color: #6ddcc6;
  color: #000;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 20px;
}
p, a, li {
  letter-spacing: var(--ls-2);
  font-weight: var(--fw-normal);
}
p {
	margin-top: 0;
}

section {
	position: relative;
	width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: "Ubuntu", sans-serif;
}

button {
  cursor: pointer;
}

section {
  isolation: isolate;
  position: relative;
  overflow-x: clip;
}

button,
input,
select,
textarea {
  font: inherit;
  outline: none;
  border: none;
}

:disabled {
  cursor: auto;
}

[hidden] {
  display: none;
}

[visually-hidden] {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

body {
  font-size: var(--fs-body);
  line-height: 1.5;
}

h1 {
  font-size: var(--fs-h1);
  line-height: 1;
}

h2 {
  font-size: var(--fs-h2);
}

h3 {
  font-size: var(--fs-h3);
}

h4 {
  font-size: var(--fs-h4);
}

h5 {
  font-size: var(--fs-h5);
}

h6 {
  font-size: var(--fs-h6);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: var(--lh-2);
  letter-spacing: var(--ls-neg-3);
  font-weight: var(--fw-bold);
}

p,
a,
li {
  letter-spacing: var(--ls-2);
  font-weight: var(--fw-normal);
}

a {
  color: inherit;
  text-decoration: none;
}

.body-xxs {
  font-size: var(--fs-body-xxs);
}

.body-xs {
  font-size: var(--fs-body-xs);
}

.body-sm,
.p-sm {
  font-size: var(--fs-body-sm);
}

.body {
  font-size: var(--fs-body);
}

.body-lg {
  font-size: var(--fs-body-lg);
}

.body-xl {
  font-size: var(--fs-body-xl);
}

.h1 {
  font-size: var(--fs-h1);
}

.h2 {
  font-size: var(--fs-h2);
}

.h3 {
  font-size: var(--fs-h3);
}

.h4 {
  font-size: var(--fs-h4);
}

.h5 {
  font-size: var(--fs-h5);
}

.h6 {
  font-size: var(--fs-h6);
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-26 {
  font-size: 1.625rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-32 {
  font-size: 2rem;
}

.fs-34 {
  font-size: 2.125rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-38 {
  font-size: 2.375rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.fs-42 {
  font-size: 2.625rem;
}

.fs-44 {
  font-size: 2.75rem;
}

.fs-46 {
  font-size: 2.875rem;
}

.fs-48 {
  font-size: 3rem;
}

.fs-50 {
  font-size: 3.125rem;
}

.fs-52 {
  font-size: 3.25rem;
}

.fs-54 {
  font-size: 3.375rem;
}

.fs-56 {
  font-size: 3.5rem;
}

.fs-58 {
  font-size: 3.625rem;
}

.fs-60 {
  font-size: 3.75rem;
}

.fs-62 {
  font-size: 3.875rem;
}

.fs-64 {
  font-size: 4rem;
}

.fs-66 {
  font-size: 4.125rem;
}

.fs-68 {
  font-size: 4.25rem;
}

.fs-70 {
  font-size: 4.375rem;
}

.fs-72 {
  font-size: 4.5rem;
}

.fw-light {
  font-weight: var(--fw-light);
}

.fw-normal {
  font-weight: var(--fw-normal);
}

.fw-medium {
  font-weight: var(--fw-medium);
}

.fw-bold {
  font-weight: var(--fw-bold);
}

.ls-normal {
  letter-spacing: normal;
}

.ls-1 {
  letter-spacing: 0.01em;
}

.ls-2 {
  letter-spacing: 0.02em;
}

.ls-3 {
  letter-spacing: 0.03em;
}

.ls-4 {
  letter-spacing: 0.04em;
}

.ls-5 {
  letter-spacing: 0.05em;
}

.ls-neg-1 {
  letter-spacing: -0.01em;
}

.ls-neg-2 {
  letter-spacing: -0.02em;
}

.ls-neg-3 {
  letter-spacing: -0.03em;
}

.ls-neg-4 {
  letter-spacing: -0.04em;
}

.ls-neg-5 {
  letter-spacing: -0.05em;
}

.lh-normal {
  line-height: normal;
}

.lh-1 {
  line-height: 0.1;
}

.lh-2 {
  line-height: 0.2;
}

.lh-3 {
  line-height: 0.3;
}

.lh-4 {
  line-height: 0.4;
}

.lh-5 {
  line-height: 0.5;
}

.lh-6 {
  line-height: 0.6;
}

.lh-7 {
  line-height: 0.7;
}

.lh-8 {
  line-height: 0.8;
}

.lh-9 {
  line-height: 0.9;
}

.lh-10 {
  line-height: 1;
}

.lh-11 {
  line-height: 1.1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-13 {
  line-height: 1.3;
}

.lh-14 {
  line-height: 1.4;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

.lh-17 {
  line-height: 1.7;
}

.lh-18 {
  line-height: 1.8;
}

.lh-19 {
  line-height: 1.9;
}

.lh-20 {
  line-height: 2;
}

.tt-none {
  text-transform: none;
}

.tt-lowercase {
  text-transform: lowercase;
}

.tt-uppercase {
  text-transform: uppercase;
}

.tt-capitalize {
  text-transform: capitalize;
}

.ta-left {
  text-align: left;
}

.ta-center {
  text-align: center;
}

.ta-right {
  text-align: right;
}

.ta-justify {
  text-align: justify;
}

strong {
  font-weight: var(--fw-bold);
}

em {
  font-style: italic;
}

.text-white {
  color: var(--clr-white);
}

.t-white {
  color: var(--clr-white);
}

.text-offwhite {
  color: var(--clr-offwhite);
}

.t-offwhite {
  color: var(--clr-offwhite);
}

.text-lightest-gray {
  color: var(--clr-lightest-gray);
}

.t-lightest-gray {
  color: var(--clr-lightest-gray);
}

.text-light-gray {
  color: var(--clr-light-gray);
}

.t-light-gray {
  color: var(--clr-light-gray);
}

.text-gray {
  color: var(--clr-gray);
}

.t-gray {
  color: var(--clr-gray);
}

.text-dark-gray {
  color: var(--clr-dark-gray);
}

.t-dark-gray {
  color: var(--clr-dark-gray);
}

.text-almost-black {
  color: var(--clr-almost-black);
}

.t-almost-black {
  color: var(--clr-almost-black);
}

.text-black {
  color: var(--clr-black);
}

.t-black {
  color: var(--clr-black);
}

.text-green {
  color: var(--clr-green);
}

.t-green {
  color: var(--clr-green);
}

.text-yellow {
  color: var(--clr-yellow);
}

.t-yellow {
  color: var(--clr-yellow);
}

.text-gold {
  color: var(--clr-gold);
}

.t-gold {
  color: var(--clr-gold);
}

.text-navy {
  color: var(--clr-navy);
}

.t-navy {
  color: var(--clr-navy);
}

.text-gradient-r {
  background-image: var(--gradient-r);
}

.text-gradient-l {
  background-image: var(--gradient-l);
}

.text-gradient-t {
  background-image: var(--gradient-t);
}

.text-gradient-b {
  background-image: var(--gradient-b);
}

.text-gradient-tr {
  background-image: var(--gradient-tr);
}

.text-gradient-tl {
  background-image: var(--gradient-tl);
}

.text-gradient-br {
  background-image: var(--gradient-br);
}

.text-gradient-bl {
  background-image: var(--gradient-bl);
}

[class*=text-gradient] {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hover-text-white:hover {
  color: var(--clr-white);
}

.hover-text-offwhite:hover {
  color: var(--clr-offwhite);
}

.hover-text-lightest-gray:hover {
  color: var(--clr-lightest-gray);
}

.hover-text-light-gray:hover {
  color: var(--clr-light-gray);
}

.hover-text-gray:hover {
  color: var(--clr-gray);
}

.hover-text-dark-gray:hover {
  color: var(--clr-dark-gray);
}

.hover-text-almost-black:hover {
  color: var(--clr-almost-black);
}

.hover-text-black:hover {
  color: var(--clr-black);
}

.hover-text-green:hover {
  color: var(--clr-green);
}

.hover-text-yellow:hover {
  color: var(--clr-yellow);
}

.hover-text-gold:hover {
  color: var(--clr-gold);
}

.hover-text-navy:hover {
  color: var(--clr-navy);
}

.bg-white {
  background-color: var(--clr-white);
}

.bg-offwhite {
  background-color: var(--clr-offwhite);
}

.bg-lightest-gray {
  background-color: var(--clr-lightest-gray);
}

.bg-light-gray {
  background-color: var(--clr-light-gray);
}

.bg-gray {
  background-color: var(--clr-gray);
}

.bg-dark-gray {
  background-color: var(--clr-dark-gray);
}

.bg-almost-black {
  background-color: var(--clr-almost-black);
}

.bg-black {
  background-color: var(--clr-black);
}

.bg-green {
  background-color: var(--clr-green);
}

.bg-yellow {
  background-color: var(--clr-yellow);
}

.bg-gold {
  background-color: var(--clr-gold);
}

.bg-navy {
  background-color: var(--clr-navy);
}

.hover-bg-white:hover {
  background-color: var(--clr-white);
}

.hover-bg-offwhite:hover {
  background-color: var(--clr-offwhite);
}

.hover-bg-lightest-gray:hover {
  background-color: var(--clr-lightest-gray);
}

.hover-bg-light-gray:hover {
  background-color: var(--clr-light-gray);
}

.hover-bg-gray:hover {
  background-color: var(--clr-gray);
}

.hover-bg-dark-gray:hover {
  background-color: var(--clr-dark-gray);
}

.hover-bg-almost-black:hover {
  background-color: var(--clr-almost-black);
}

.hover-bg-black:hover {
  background-color: var(--clr-black);
}

.hover-bg-green:hover {
  background-color: var(--clr-green);
}

.hover-bg-yellow:hover {
  background-color: var(--clr-yellow);
}

.hover-bg-gold:hover {
  background-color: var(--clr-gold);
}

.hover-bg-navy:hover {
  background-color: var(--clr-navy);
}

.bg-gradient-r {
  background-image: var(--gradient-r);
}

.bg-gradient-l {
  background-image: var(--gradient-l);
}

.bg-gradient-t {
  background-image: var(--gradient-t);
}

.bg-gradient-b {
  background-image: var(--gradient-b);
}

.bg-gradient-tr {
  background-image: var(--gradient-tr);
}

.bg-gradient-tl {
  background-image: var(--gradient-tl);
}

.bg-gradient-br {
  background-image: var(--gradient-br);
}

.bg-gradient-bl {
  background-image: var(--gradient-bl);
}

.fill-white {
  fill: var(--clr-white);
}

.fill-offwhite {
  fill: var(--clr-offwhite);
}

.fill-lightest-gray {
  fill: var(--clr-lightest-gray);
}

.fill-light-gray {
  fill: var(--clr-light-gray);
}

.fill-gray {
  fill: var(--clr-gray);
}

.fill-dark-gray {
  fill: var(--clr-dark-gray);
}

.fill-almost-black {
  fill: var(--clr-almost-black);
}

.fill-black {
  fill: var(--clr-black);
}

.fill-green {
  fill: var(--clr-green);
}

.fill-yellow {
  fill: var(--clr-yellow);
}

.fill-gold {
  fill: var(--clr-gold);
}

.fill-navy {
  fill: var(--clr-navy);
}

.stroke-white {
  stroke: var(--clr-white);
}

.stroke-offwhite {
  stroke: var(--clr-offwhite);
}

.stroke-lightest-gray {
  stroke: var(--clr-lightest-gray);
}

.stroke-light-gray {
  stroke: var(--clr-light-gray);
}

.stroke-gray {
  stroke: var(--clr-gray);
}

.stroke-dark-gray {
  stroke: var(--clr-dark-gray);
}

.stroke-almost-black {
  stroke: var(--clr-almost-black);
}

.stroke-black {
  stroke: var(--clr-black);
}

.stroke-green {
  stroke: var(--clr-green);
}

.stroke-yellow {
  stroke: var(--clr-yellow);
}

.stroke-gold {
  stroke: var(--clr-gold);
}

.stroke-navy {
  stroke: var(--clr-navy);
}

.stroke-hairline {
  stroke-width: 0.0625rem;
}

.stroke-thin {
  stroke-width: 0.125rem;
}

.stroke-thick {
  stroke-width: 0.25rem;
}

[class*=border] {
  border-style: solid;
}

[class*=border-gradient] {
  border-image-slice: 1;
}

.border-white {
  border-color: var(--clr-white);
}

.border-offwhite {
  border-color: var(--clr-offwhite);
}

.border-lightest-gray {
  border-color: var(--clr-lightest-gray);
}

.border-light-gray {
  border-color: var(--clr-light-gray);
}

.border-gray {
  border-color: var(--clr-gray);
}

.border-dark-gray {
  border-color: var(--clr-dark-gray);
}

.border-almost-black {
  border-color: var(--clr-almost-black);
}

.border-black {
  border-color: var(--clr-black);
}

.border-green {
  border-color: var(--clr-green);
}

.border-yellow {
  border-color: var(--clr-yellow);
}

.border-gold {
  border-color: var(--clr-gold);
}

.border-navy {
  border-color: var(--clr-navy);
}

.border-gradient-r {
  border-image-source: var(--gradient-r);
}

.border-gradient-l {
  border-image-source: var(--gradient-l);
}

.border-gradient-t {
  border-image-source: var(--gradient-t);
}

.border-gradient-b {
  border-image-source: var(--gradient-b);
}

.border-gradient-tr {
  border-image-source: var(--gradient-tr);
}

.border-gradient-tl {
  border-image-source: var(--gradient-tl);
}

.border-gradient-br {
  border-image-source: var(--gradient-br);
}

.border-gradient-bl {
  border-image-source: var(--gradient-bl);
}

.hover-border-white:hover {
  border-color: var(--clr-white);
}

.hover-border-offwhite:hover {
  border-color: var(--clr-offwhite);
}

.hover-border-lightest-gray:hover {
  border-color: var(--clr-lightest-gray);
}

.hover-border-light-gray:hover {
  border-color: var(--clr-light-gray);
}

.hover-border-gray:hover {
  border-color: var(--clr-gray);
}

.hover-border-dark-gray:hover {
  border-color: var(--clr-dark-gray);
}

.hover-border-almost-black:hover {
  border-color: var(--clr-almost-black);
}

.hover-border-black:hover {
  border-color: var(--clr-black);
}

.hover-border-green:hover {
  border-color: var(--clr-green);
}

.hover-border-yellow:hover {
  border-color: var(--clr-yellow);
}

.hover-border-gold:hover {
  border-color: var(--clr-gold);
}

.hover-border-navy:hover {
  border-color: var(--clr-navy);
}

.border-hairline {
  border-width: 0.0625rem;
}

.border-thin {
  border-width: 0.125rem;
}

.border-thick {
  border-width: 0.25rem;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-xxl {
  border-radius: 1rem;
}

.rounded-xxxl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.shadow-none {
  box-shadow: none;
}

.shadow-light {
  box-shadow: 0 0 0.25rem var(--clr-shadow-light);
}

.shadow {
  box-shadow: 0 0 0.5rem var(--clr-shadow);
}

.shadow-dark {
  box-shadow: 0 0 0.75rem var(--clr-shadow-dark);
}

.bullets-green {
  list-style-type: disc;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
}
.bullets-green *::marker {
  color: var(--clr-green);
}

.bullets-black {
  list-style-type: disc;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
}
.bullets-black *::marker {
  color: var(--clr-black);
}

.bullets-white {
  list-style-type: disc;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
}
.bullets-white *::marker {
  color: var(--clr-white);
}

.numbers-black {
  list-style-type: decimal;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
}
.numbers-black *::marker {
  color: var(--clr-black);
}

.link,
.link::after,
.link::before,
.button,
.button::after,
.button::before {
  transition: color 300ms ease-in-out, background 300ms ease-in-out;
  text-align: center;
}

.link,
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

[class*=text-dec-] {
  position: relative;
}
[class*=text-dec-]::after {
  content: "";
  position: absolute;
  bottom: -0.125em;
  left: 0;
  width: 100%;
  height: 0.125rem;
}

.text-dec-gradient::after {
  background: var(--gradient-r);
}

.text-dec-underline::after {
  background-color: var(--clr-black);
}

.hover-text-dec-gradient:hover::after {
  background: var(--gradient-r);
}

.hover-text-dec-gradient-animated::after {
  background: var(--gradient-l);
  transition: transform 300ms ease-in-out;
  transform-origin: right;
  transform: scaleX(0);
}
.hover-text-dec-gradient-animated:hover::after {
  background: var(--gradient-l);
  transform-origin: left;
  transform: scaleX(1);
}

.button-xs {
  padding: 0.25em 0.5em;
}

.button-sm {
  padding: 0.375em 1em;
}

.button-md {
  padding: 0.4em 1.375em;
}

.button-lg {
  padding: 0.6em 1.75em;
}

.button-xl {
  padding: 0.8em 2em;
}

[class*=button].has-drop {
  position: relative;
}
[class*=button].has-drop::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0.25em;
  left: 0.25em;
  z-index: -1;
}
[class*=button].has-drop[class*=border-]::before {
  border-style: solid;
  border-image-slice: 1;
  border-color: inherit;
  border-image-source: inherit;
  border-width: inherit;
}
[class*=button].has-drop.drop-bg-white::before {
  background-color: var(--clr-white);
}
[class*=button].has-drop.drop-bg-offwhite::before {
  background-color: var(--clr-offwhite);
}
[class*=button].has-drop.drop-bg-lightest-gray::before {
  background-color: var(--clr-lightest-gray);
}
[class*=button].has-drop.drop-bg-light-gray::before {
  background-color: var(--clr-light-gray);
}
[class*=button].has-drop.drop-bg-gray::before {
  background-color: var(--clr-gray);
}
[class*=button].has-drop.drop-bg-dark-gray::before {
  background-color: var(--clr-dark-gray);
}
[class*=button].has-drop.drop-bg-almost-black::before {
  background-color: var(--clr-almost-black);
}
[class*=button].has-drop.drop-bg-black::before {
  background-color: var(--clr-black);
}
[class*=button].has-drop.drop-bg-green::before {
  background-color: var(--clr-green);
}
[class*=button].has-drop.drop-bg-yellow::before {
  background-color: var(--clr-yellow);
}
[class*=button].has-drop.drop-bg-gold::before {
  background-color: var(--clr-gold);
}
[class*=button].has-drop.drop-bg-gradient-r::before {
  background: var(--gradient-r);
}
[class*=button].has-drop.drop-bg-gradient-l::before {
  background: var(--gradient-l);
}
[class*=button].has-drop.drop-bg-gradient-t::before {
  background: var(--gradient-t);
}
[class*=button].has-drop.drop-bg-gradient-b::before {
  background: var(--gradient-b);
}
[class*=button].has-drop.drop-bg-gradient-tr::before {
  background: var(--gradient-tr);
}
[class*=button].has-drop.drop-bg-gradient-tl::before {
  background: var(--gradient-tl);
}
[class*=button].has-drop.drop-bg-gradient-br::before {
  background: var(--gradient-br);
}
[class*=button].has-drop.drop-bg-gradient-bl::before {
  background: var(--gradient-bl);
}
[class*=button].has-drop:hover.hover-drop-bg-white::before {
  background-color: var(--clr-white);
}
[class*=button].has-drop:hover.hover-drop-bg-offwhite::before {
  background-color: var(--clr-offwhite);
}
[class*=button].has-drop:hover.hover-drop-bg-lightest-gray::before {
  background-color: var(--clr-lightest-gray);
}
[class*=button].has-drop:hover.hover-drop-bg-light-gray::before {
  background-color: var(--clr-light-gray);
}
[class*=button].has-drop:hover.hover-drop-bg-gray::before {
  background-color: var(--clr-gray);
}
[class*=button].has-drop:hover.hover-drop-bg-dark-gray::before {
  background-color: var(--clr-dark-gray);
}
[class*=button].has-drop:hover.hover-drop-bg-almost-black::before {
  background-color: var(--clr-almost-black);
}
[class*=button].has-drop:hover.hover-drop-bg-black::before {
  background-color: var(--clr-black);
}
[class*=button].has-drop:hover.hover-drop-bg-green::before {
  background-color: var(--clr-green);
}
[class*=button].has-drop:hover.hover-drop-bg-yellow::before {
  background-color: var(--clr-yellow);
}
[class*=button].has-drop:hover.hover-drop-bg-gold::before {
  background-color: var(--clr-gold);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-r::before {
  background: var(--gradient-r);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-l::before {
  background: var(--gradient-l);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-t::before {
  background: var(--gradient-t);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-b::before {
  background: var(--gradient-b);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-tr::before {
  background: var(--gradient-tr);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-tl::before {
  background: var(--gradient-tl);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-br::before {
  background: var(--gradient-br);
}
[class*=button].has-drop:hover.hover-drop-bg-gradient-bl::before {
  background: var(--gradient-bl);
}


.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
[class*="col-"]  {
  position: relative;
}
#page {
  overflow: hidden;
}

@media (min-width: 767px) {
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}


/* Header Style */
#header {
  background-color: #000000;
  display: flex;
  justify-content: space-between;
  height: 5rem;
  padding: 0 1.875rem;
  border-image-source: linear-gradient(to right, #ffeea6 20%, #0cc4a0);
  border-image-slice: 1;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 0.125rem;
  z-index: 999;
  position: relative;
  transition: 0.4s transform;
}
#header.scrolled {
  position: fixed;
  top: -100%;
  transform: translateY(-100%);
  left: 0;
  width: 100%;
}
#header.scrolled + #container {
  padding-top: 5rem;
}
#header.fixed {
  transform: translateY(0);
  top: 0;
}
#header.logo-only {
  border-bottom: none;
}
#header .logo {
  padding: 1rem 0;
  max-width: 8.125rem;
}
#header .header-right {
  display: flex;
  height: 5rem;
  gap: 2.5rem;
}
#header .header-right .ct-menu ul {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  height: 5rem;
  margin: 0;
  padding: 0;
}
#header .header-right .ct-menu ul .nav-item {
  position: relative;
  height: 5rem;
  z-index: 999;
  list-style: none;
}
#header .header-right .ct-menu ul .nav-item:last-child .ct-menu-submenu {
  width: 14rem;
}
#header .header-right .ct-menu ul .nav-item .nav-link {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  height: 5rem;
  display: flex;
  align-items: center;
}
#header .header-right .ct-menu ul .nav-item:hover .ct-menu-panel,
#header .header-right .ct-menu ul .nav-item:hover .ct-menu-submenu, #header .header-right .ct-menu ul .nav-item:active .ct-menu-panel,
#header .header-right .ct-menu ul .nav-item:active .ct-menu-submenu, #header .header-right .ct-menu ul .nav-item:focus .ct-menu-panel,
#header .header-right .ct-menu ul .nav-item:focus .ct-menu-submenu {
  pointer-events: all;
  opacity: 1;
  transform: translate(0, 0);
}
#header .header-right .ct-menu ul .nav-item:hover .ct-menu-submenu, #header .header-right .ct-menu ul .nav-item:active .ct-menu-submenu, #header .header-right .ct-menu ul .nav-item:focus .ct-menu-submenu {
  transform: translate(-50%, 0);
}
#header .header-right .ct-menu ul .nav-item:hover:after, #header .header-right .ct-menu ul .nav-item:hover:before, #header .header-right .ct-menu ul .nav-item:active:after, #header .header-right .ct-menu ul .nav-item:active:before, #header .header-right .ct-menu ul .nav-item:focus:after, #header .header-right .ct-menu ul .nav-item:focus:before {
  opacity: 1;
}
#header .header-right .circle {
  width: 1rem;
  height: 1rem;
  background-image: linear-gradient(to bottom, #ffeea6 20%, #0cc4a0);
  border-radius: 50%;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  transition: 0.4s opacity ease;
  opacity: 0;
  pointer-events: none;
  pointer-events: none;
}
#header .header-right .circle.moved {
  transition: 0.4s all;
}
#header .header-right .circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8125rem;
  height: 0.8125rem;
  background: #000;
  z-index: 1001;
  border-radius: 50%;
}
#header .header-right .btn-container {
  display: flex;
  align-items: center;
  grid-gap: 25px;
}
#header .header-right .btn-container .btn-basic {
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.9375rem 1.25rem;
	display: block;
	padding: 0.5rem 0.75rem;
	background-color: #0cc4a0;
	color: var(--clr-white);
	transition: all 250ms ease-out;
	letter-spacing: 0.1em;
}
#header .header-right .btn-container .btn-basic:hover {
    background: #0bac8c;
}
#header.light {
  background-color: #fff;
}
#header.light .circle:before {
  background: #fff;
}
#header.light .logo {
  filter: brightness(0);
}
#header.light .header-right .ct-menu .nav-item .nav-link {
  color: #000;
}
#header.light .header-right .ct-menu .nav-item.has-submenu:before {
  width: 0.8125rem;
  height: 0.8125rem;
  background: #fff;
  z-index: 1001;
}

@media (max-width: 61.9375rem) {
 #header {
   height: 3.75rem;
 }
 #header .logo {
   padding: 0.625rem 0;
   width: auto;
   max-height: 3.75rem;
 }
}

.ct-menu .ct-menu-panel {
  position: absolute;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s all ease;
  top: 100%;
  z-index: 998;
  left: -12.5rem;
  transform: translate(0, 0);
  border-radius: 0 0 0.9375rem 0.9375rem;
  width: 47rem;
  display: grid;
  grid-template-columns: 49% 51%;
  overflow: hidden;
  box-shadow: 0.1875rem 0.25rem 0.375rem rgba(0, 0, 0, 0.25);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left {
  padding: 2.5rem 1.5625rem 0.3125rem 0.9375rem;
  width: 25rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.925rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item[data-new="1"] a:before {
  content: "New";
  position: absolute;
  font-size: 13px;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  color: #137ef0;
  background-color: #d0e7ff;
  border-radius: 12px;
  padding: 4px 8px;
  line-height: 1;
  font-weight: 700;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a {
  font-size: 1.2375rem;
  letter-spacing: 0.04em;
  color: #000;
  white-space: nowrap;
  position: relative;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:after {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  height: 0.125rem;
  width: 100%;
  background-image: linear-gradient(to right, #0cc4a0 20%, #ffeea6);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.4s all;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:hover, .ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:active, .ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:focus {
  font-weight: 700;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:hover:after, .ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:active:after, .ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item a:focus:after {
  transform: scaleX(100%);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item.active a {
  font-weight: 700;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .panel-item.active a:after {
  transform: scaleX(100%);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .ct-menu-icon {
  width: 3.4375rem;
  height: 3.4375rem;
  background-color: #f5f5f7;
  border-radius: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_left .ct-menu-icon img {
  width: 2.5rem;
  height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description {
  max-width: 26.25rem;
  padding: 1.25rem 0.9375rem;
  min-height: 15.625rem;
  border: 0.1875rem solid #f5f5f7;
  border-top: none;
  border-bottom: none;
  display: flex;
  align-items: flex-start;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description img {
	height: 3.5rem;
	width: 3.5rem;
	-o-object-fit: contain;
	object-fit: contain;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description {
  display: none;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description h3 {
  font-size: 1.2875rem;
	font-weight: 700;
	letter-spacing: 0em;
	margin: 0.6rem 0;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.43125rem;
  letter-spacing: 0em;
  margin-bottom: 1.25rem;
  font-weight: 300;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description span {
  font-weight: 300;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description .btn, .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description .landing-form-section--form form button, .landing-form-section--form form .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description button, .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description .training-form-section--form form button, .training-form-section--form form .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description button, .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description .enterprise-form-section--form form button, .enterprise-form-section--form form .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description button {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description.active {
  display: block;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description a {
	font-size: 14px;
}
/* .ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description a:hover:after,
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .panel-item-description a:hover:before {
  background-image: linear-gradient(to right, #ffeea6 20%, #0cc4a0);
  border: 1px solid #000;
  transition: all 0.4s;
} */
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 0.9375rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses {
  display: none;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1.425rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course .panel-item-course-icon {
  width: 2.375rem;
  height: 2.375rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course .panel-item-course-icon-hover {
  display: none;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course a {
  font-size: 1.1125rem;
  letter-spacing: 0.02em;
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  white-space: nowrap;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:hover .panel-item-course-icon, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:active .panel-item-course-icon, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:focus .panel-item-course-icon, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course.active .panel-item-course-icon {
  display: none;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:hover .panel-item-course-icon-hover, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:active .panel-item-course-icon-hover, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:focus .panel-item-course-icon-hover, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course.active .panel-item-course-icon-hover {
  display: block;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:hover a, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:active a, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course:focus a, .ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses .panel-item-course.active a {
  font-weight: 700;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_courses .panel-item-courses.active {
  display: block;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom {
  grid-column: span 3;
  width: 100%;
  background-color: #f5f5f7;
  padding: 1.25rem 1.25rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom .panel-bottom {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom .panel-bottom h3 {
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom .panel-bottom p {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom .panel-bottom .panel-bottom-mobile {
  display: none;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom .ct-menu-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 0.625rem;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
}
.ct-menu .ct-menu-panel .ct-menu-panel--bottom .ct-menu-icon img {
	width: 100%;
}
.ct-mobile-menu > ul .btn-container .button {
	width: 100%;
	display: block;
	font-size: 18px;
}
#wrapper {
	overflow: hidden;
}

.ct-menu .ct-menu-submenu {
  position: absolute;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s all ease;
  top: 100%;
  z-index: 998;
  left: 50%;
  width: 27.725rem;
  padding: 1.3rem 1.15rem 0;
  transform: translate(-50%, 0);
  background-color: #fff;
  border-radius: 0 0 0.9375rem 0.9375rem;
  overflow: hidden;
  box-shadow: 0.1875rem 0.25rem 0.375rem rgba(0, 0, 0, 0.25);
}
#header .header-right .ct-menu ul .nav-item[data-idx="3"] .ct-menu-submenu {
	width: 22.725rem;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin-left: 1.5rem;
    transform: translateY(-100%);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.175rem 0.5rem;
    border-radius: 1em;
    font-size: 0.75rem;
    font-weight: var(--fw-medium);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags-tag[data-tag=green] {
	color: var(--clr-green);
	background: hsla(168, 88%, 41%, 0.25);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags-tag[data-tag=blue] {
  color: #137ef0;
  background: #d0e7ff;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags-tag[data-tag=gold] {
  color: var(--clr-gold);
  background-color: hsla(41, 99%, 66%, 0.3);
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags-tag[data-tag=red] {
  color: #ff7f50;
  background-color: #ffe5d0;
}
.ct-menu .ct-menu-panel .ct-menu-panel--column_description .mobile-nav-link-tags-tag[data-tag=orange] {
  color: orange;
  background-color: #ffe5d0;
}

.ct-menu .ct-menu-submenu .ct-menu-icon {
  width: 3.4375rem;
  height: 3.4375rem;
  background-color: #f5f5f7;
  border-radius: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ct-menu .ct-menu-submenu .ct-menu-icon img {
  width: 2.2rem;
  height: 2.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--item,
.ct-menu .ct-menu-submenu .ct-menu-submenu--bottom {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1rem;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--item a,
.ct-menu .ct-menu-submenu .ct-menu-submenu--bottom a {
  font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.4125rem;
	letter-spacing: 0.03em;
	color: #000;
	position: relative;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--item a span,
.ct-menu .ct-menu-submenu .ct-menu-submenu--bottom a span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--item a:after {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  height: 0.125rem;
  width: 100%;
  background-image: linear-gradient(to right, #0cc4a0 20%, #ffeea6);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.4s all;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--item a:hover, .ct-menu .ct-menu-submenu .ct-menu-submenu--item a:active, .ct-menu .ct-menu-submenu .ct-menu-submenu--item a:focus {
  font-weight: 700;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--item a:hover:after, .ct-menu .ct-menu-submenu .ct-menu-submenu--item a:active:after, .ct-menu .ct-menu-submenu .ct-menu-submenu--item a:focus:after {
  transform: scaleX(100%);
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--bottom {
  background-color: #f5f5f7;
  margin: 0.9375rem -1.25rem 0;
  padding: 1.25rem;
}
.ct-menu .ct-menu-submenu .ct-menu-submenu--bottom .ct-menu-icon {
  background-color: #fff;
}

.ct-mobile-menu {
  display: none;
  align-items: center;
}
.ct-mobile-menu .ct-mobile-menu-hamburger {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  cursor: pointer;
}
.ct-mobile-menu .ct-mobile-menu-hamburger .x {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ct-mobile-menu .ct-mobile-menu-hamburger .bar {
  background-color: #fff;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  background-image: linear-gradient(to right, #ffeea6 20%, #0cc4a0);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 0.25rem;
  transform-origin: center;
  background-clip: content-box;
}
.ct-mobile-menu .ct-mobile-menu-hamburger .bar.bar1 {
  transform: translateY(calc(-50% - 0.75rem));
}
.ct-mobile-menu .ct-mobile-menu-hamburger .bar.bar3 {
  transform: translateY(calc(-50% + 0.75rem));
}
.ct-mobile-menu.active .ct-mobile-menu-hamburger .bar1 {
  transform: rotate(135deg);
  width: 100%;
  /* @include background-gradient-reverse; */
}
.ct-mobile-menu.active .ct-mobile-menu-hamburger .bar2 {
  transform: rotate(45deg);
  width: 100%;
}
.ct-mobile-menu.active .ct-mobile-menu-hamburger .bar3 {
  opacity: 0;
}
.ct-mobile-menu.active > ul {
  pointer-events: all;
  transform: translateX(0);
}
.ct-mobile-menu > ul .nav-item {
  width: 100%;
  border-bottom: 0.0625rem solid #f7f7fa;
}
.ct-mobile-menu > ul .nav-item .nav-link {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.12em;
  color: #000;
  display: block;
  padding: 0.75rem 0.5rem;
}
.ct-mobile-menu > ul .nav-item.has-submenu {
  position: relative;
}
.ct-mobile-menu > ul .nav-item.has-submenu:before {
  content: "";
  position: absolute;
  right: 0.5rem;
  top: 0.9375rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/mobile-nav-arrow.svg");
  width: 0.9375rem;
  height: 0.5rem;
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel {
  display: block;
  overflow: hidden;
  transition: 0.5s all;
  height: 100%;
  max-height: 0;
  position: relative;
  /* .ct-menu-submenu--bottom, */
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel:before {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 0.625rem;
  height: calc(100% - 6.25rem);
  width: 0.0625rem;
  background-color: #f7f7fa;
}
.home-career-paths-wrapper-buttons button {
  color: #000 !important;
  width: 150px;
  height: 60px;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item {
  padding: 0.5rem 0 0.5rem 0.625rem;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom .ct-menu-icon,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item .ct-menu-icon {
  display: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a {
  display: block;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0.04em;
  color: #000;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a span,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a span {
  display: block;
  font-size: 0.9875rem;
  line-height: 0.9875rem;
  letter-spacing: 0.02em;
  color: #666666;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a span.underline-link,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a span.underline-link {
  border-bottom: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a span.underline-link:after, .ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a span.underline-link:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a span.underline-link:after,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a span.underline-link:before {
  display: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a:hover, .ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a:focus, .ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--item a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-submenu--bottom a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--item a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-submenu--bottom a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom a:active,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a:hover,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a:focus,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a:active {
  font-weight: 700;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom .panel-bottom-text,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom .panel-bottom-text {
  display: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--bottom .panel-bottom-mobile,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--bottom .panel-bottom-mobile {
  display: block;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item {
  cursor: pointer;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item:hover a, .ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item:focus a, .ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item:active a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item:hover a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item:focus a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item:active a {
  font-weight: 700;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a {
  position: relative;
  pointer-events: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .panel-item a:before,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .panel-item a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/mobile-link-arrow.svg");
  width: 0.625rem;
  height: 0.625rem;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--column_left,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--column_left {
  display: block;
}
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--column_courses,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-submenu .ct-menu-panel--column_description,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--column_courses,
.ct-mobile-menu > ul .nav-item.has-submenu .ct-menu-panel .ct-menu-panel--column_description {
  display: none;
}
.ct-mobile-menu > ul .nav-item.has-submenu.active:before {
  transform: rotate(180deg);
}
.ct-mobile-menu > ul .nav-item.has-submenu.active .ct-menu-submenu,
.ct-mobile-menu > ul .nav-item.has-submenu.active .ct-menu-panel {
  max-height: 125rem;
  padding: 0.9375rem;
}
.ct-mobile-menu > ul .btn-container {
  padding: 1.25rem 0;
}
.ct-mobile-menu > ul .btn-container .btn, .ct-mobile-menu > ul .btn-container .landing-form-section--form form button, .landing-form-section--form form .ct-mobile-menu > ul .btn-container button, .ct-mobile-menu > ul .btn-container .training-form-section--form form button, .training-form-section--form form .ct-mobile-menu > ul .btn-container button, .ct-mobile-menu > ul .btn-container .enterprise-form-section--form form button, .enterprise-form-section--form form .ct-mobile-menu > ul .btn-container button {
  display: block;
}
.ct-mobile-menu .mobile-menu-panel, .ct-mobile-menu > ul {
  display: flex;
  flex-direction: column;
  position: absolute;
  pointer-events: none;
  top: 5rem;
  left: 0;
  transform: translateX(100%);
  transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
  height: calc(100vh - 3.75rem);
  max-height: calc(100vh - 3.75rem);
  overflow-y: auto;
  width: 100vw;
  background-color: #fff;
  padding: 1.25rem 0.9375rem;
  opacity: 0;
}
@media (max-width: 61.9375rem) {
  .ct-mobile-menu .mobile-menu-panel, .ct-mobile-menu > ul {
    top: 3.75rem;
  }
}
.ct-mobile-menu .mobile-menu-panel.active, .ct-mobile-menu > ul.active {
  transform: translateX(0);
  pointer-events: all;
  opacity: 1;
}
.ct-mobile-menu.active ul {
  opacity: 1;
}
.ct-mobile-menu .mobile-menu-panel {
  padding: 1.875rem 1.5625rem;
}
.ct-mobile-menu .mobile-menu-panel .back {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0.12em;
  position: relative;
}
.ct-mobile-menu .mobile-menu-panel .back:before {
  content: "";
  position: absolute;
  right: calc(100% + 0.3125rem);
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/mobile-nav-arrow.svg");
  width: 0.9375rem;
  height: 0.5rem;
}
.ct-mobile-menu .mobile-menu-panel .panel-description {
  margin-bottom: 1.5625rem;
}
.ct-mobile-menu .mobile-menu-panel .panel-description img {
  height: 2.25rem;
  width: auto;
  margin: 0.9375rem 0;
}
.ct-mobile-menu .mobile-menu-panel .panel-description h2 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.125rem;
  letter-spacing: 0.04em;
  margin-bottom: 0.9375rem;
}
.ct-mobile-menu .mobile-menu-panel .panel-description p {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.3125rem;
  letter-spacing: 0em;
}
.ct-mobile-menu .mobile-menu-panel .panel-description .btn-simple {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 0.875rem;
  letter-spacing: 0em;
  color: #fff;
  background-color: #0cc4a0;
  padding: 0.5rem;
  display: inline-block;
  margin-top: 1.25rem;
}
.ct-mobile-menu .mobile-menu-panel .panel-links a {
  position: relative;
  padding: 0.5rem 0 0.5rem 0.625rem;
  display: block;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0.04em;
  color: #000;
  border-bottom: 0.0625rem solid #f7f7fa;
}
.ct-mobile-menu .mobile-menu-panel .panel-links a:hover, .ct-mobile-menu .mobile-menu-panel .panel-links a:focus, .ct-mobile-menu .mobile-menu-panel .panel-links a:active {
  font-weight: 700;
}
.ct-mobile-menu .mobile-menu-panel .panel-links a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/mobile-link-arrow.svg");
  width: 0.625rem;
  height: 0.625rem;
}

@media (max-width: 75rem) {
  .ct-menu-wrapper {
    display: none !important;
  }
  .ct-mobile-menu {
    display: flex;
  }
}


@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 50px;
	}
	h2 {
		font-size: 36px;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 40px;
	}
	h2 {
		font-size: 32px;
	}
}