/* -------------------------------
Global GP VARIABLES
------------------------------- */

/* :root {
  --gp-color-primary: #7c9c3a;
  --gp-color-primary-light: #9dc056;
  --gp-color-primary-dark: #67852b;
  --gp-color-secondary: #f4c300;
  --gp-color-secondary-light: #fdde61;
  --gp-color-secondary-dark: #d6ac00;
  
  --gp-color-cta:var(--gp-color-secondary) ;
  --gp-color-cta-light: var(--gp-color-secondary-light);
  --gp-color-cta-dark: var(--gp-color-secondary-dark);

  --gp-color-primary-rgb: 124, 156, 58;
  --gp-color-primary-light-rgb: 158, 193, 87;
  --gp-color-primary-dark-rgb: 104, 135, 44;
  --gp-color-secondary-rgb: 244, 195, 0;
  --gp-color-secondary-light-rgb: 253, 222, 97;
  --gp-color-secondary-dark-rgb: 214, 172, 0;

  --gp-color-dark: #524e3f;
  --gp-color-dark-rgb: 82, 77, 61;
} */

/* -------------------------------
Global GP CSS CLASS SELECTORS
------------------------------- */

.gp-btn, .gp-btn-primary {
  transition: all 0.5s ease;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  padding: 10px 20px;
  line-height: initial;
  border-radius: var(--bs-border-radius-xxl);
  border-width: 0px !important;
  color: var(--bs-white);
  background: var(--bs-primary);
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  background-image: linear-gradient(45deg, var(--gp-color-primary-dark), var(--gp-color-primary-light), var(--gp-color-primary-dark));
  background-size: 500% 400% !important;
  color: var(--bs-white);
}
.gp-btn:hover, .gp-btn:active, .gp-btn:focus, .gp-btn-primary:hover, .gp-btn-primary:active, .gp-btn-primary:focus {
  background-color: var(--gp-color-primary-dark);
  color: var(--bs-white);
}
.gp-btn:hover::after, .gp-btn:active::after, .gp-btn:focus::after, .gp-btn-primary:hover::after, .gp-btn-primary:active::after, .gp-btn-primary:focus::after {
  background-color: var(--gp-color-primary-dark);
}
.gp-btn::before, .gp-btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
}
.gp-btn:hover, .gp-btn-primary:hover {
  background-position: 75% 50%;
}
.gp-btn:active, .gp-btn:focus, .gp-btn-primary:active, .gp-btn-primary:focus {
  transform: scale(0.95);
  transition: 0.1s;
}

.gp-btn-secondary {
  transition: all 0.5s ease;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  padding: 10px 20px;
  line-height: initial;
  border-radius: var(--bs-border-radius-xxl);
  border-width: 0px !important;
  color: var(--bs-white);
  background: var(--bs-secondary);
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  background-image: linear-gradient(45deg, var(--gp-color-secondary-dark), var(--gp-color-secondary-light), var(--gp-color-secondary-dark));
  background-size: 500% 400% !important;
  color: var(--bs-white);
}
.gp-btn-secondary:hover, .gp-btn-secondary:active, .gp-btn-secondary:focus {
  background-color: var(--gp-color-secondary-light);
  color: var(--bs-white);
}
.gp-btn-secondary:hover::after, .gp-btn-secondary:active::after, .gp-btn-secondary:focus::after {
  background-color: var(--gp-color-secondary-light);
}
.gp-btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 50%;
  width: 100%;
  height: inherit;
}
.gp-btn-secondary:hover {
  background-position: 75% 50%;
}
.gp-btn-secondary:active, .gp-btn-secondary:focus {
  transform: scale(0.95);
  transition: 0.1s;
}

.gp-btn-secondary-invert {
  transition: all 0.5s ease;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  padding: 10px 20px;
  line-height: initial;
  border-radius: var(--bs-border-radius-xxl);
  border-width: 0px !important;
  color: var(--gp-color-dark);
  background: var(--bs-white);
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 8px;
  -webkit-border-radius: var(--bs-border-radius-xxl);
  -moz-border-radius: var(--bs-border-radius-xxl);
  -ms-border-radius: var(--bs-border-radius-xxl);
  -o-border-radius: var(--bs-border-radius-xxl);
}
.gp-btn-secondary-invert:hover, .gp-btn-secondary-invert:active, .gp-btn-secondary-invert:focus {
  background-color: var(--gp-color-secondary-light);
  color: var(--bs-white);
}
.gp-btn-secondary-invert:hover::after, .gp-btn-secondary-invert:active::after, .gp-btn-secondary-invert:focus::after {
  background-color: var(--gp-color-secondary-light);
}

.gp-btn-dark {
  transition: all 0.5s ease;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  padding: 10px 20px;
  line-height: initial;
  border-radius: var(--bs-border-radius-xxl);
  border-width: 0px !important;
  color: var(--bs-white);
  background: var(--bs-gray-800);
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 8px;
}
.gp-btn-dark:hover, .gp-btn-dark:active, .gp-btn-dark:focus {
  background-color: var(--bs-gray-700);
  color: var(--bs-white);
}
.gp-btn-dark:hover::after, .gp-btn-dark:active::after, .gp-btn-dark:focus::after {
  background-color: var(--bs-gray-700);
}

.gp-btn-invert, .gp-btn-light {
  transition: all 0.5s ease;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  padding: 10px 20px;
  line-height: initial;
  border-radius: var(--bs-border-radius-xxl);
  border-width: 0px !important;
  color: var(--gp-color-dark);
  background: var(--bs-white);
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 8px;
}
.gp-btn-invert:hover, .gp-btn-invert:active, .gp-btn-invert:focus, .gp-btn-light:hover, .gp-btn-light:active, .gp-btn-light:focus {
  background-color: var(--gp-color-primary-light);
  color: var(--bs-white);
}
.gp-btn-invert:hover::after, .gp-btn-invert:active::after, .gp-btn-invert:focus::after, .gp-btn-light:hover::after, .gp-btn-light:active::after, .gp-btn-light:focus::after {
  background-color: var(--gp-color-primary-light);
}

.gp-btn-pdf {
  transition: all 0.5s ease;
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  padding: 10px 20px;
  line-height: initial;
  border-radius: var(--bs-border-radius-xxl);
  color: var(--bs-white);
  background: var(--gp-color-primary);
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  padding: 0.5rem 1rem;
  background: var(--bs-gray-700);
}
.gp-btn-pdf:hover, .gp-btn-pdf:active, .gp-btn-pdf:focus {
  background-color: var(--gp-color-primary-dark);
  color: var(--bs-white);
}
.gp-btn-pdf:hover::after, .gp-btn-pdf:active::after, .gp-btn-pdf:focus::after {
  background-color: var(--gp-color-primary-dark);
}
.gp-btn-pdf::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1c1";
  margin-right: 0.5rem;
  position: relative;
}

.bg-gradient-primary-1 {
  background-image: linear-gradient(45deg, var(--gp-color-primary-dark) 0%, var(--gp-color-primary-light) 100%) !important;
}

.bg-gradient-secondary-1 {
  background-image: linear-gradient(60deg, var(--gp-color-secondary-dark) 0%, var(--gp-color-secondary-light) 100%) !important;
}

.bg-gradient-dark-1 {
  background-image: linear-gradient(77deg, var(--bs-gray-800), var(--bs-gray-700)) !important;
}

.bg-gradient-light-1 {
  background-image: linear-gradient(77deg, #e7e7e7, #f2f2f2) !important;
}

.w-fit-content {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* ANIMATIONs */
.hover-shadow-sm {
  transition: all 250ms ease;
}
.hover-shadow-sm:hover {
  box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, 0.1),
    0 0.5rem 1rem -0.75rem rgba(22, 28, 45, 0.1) !important;
  transform: translate3d(0, -3px, 0);
  cursor: pointer;
}

.hover-light-primary {
	transition: all .5s ease !important;
	background-image: linear-gradient(45deg, var(--gp-color-primary-dark), var(--gp-color-primary-light),var(--gp-color-primary-dark)) !important;
	background-size: 500% 400% !important;
	color: var(--bs-white) !important;
}
.hover-light-primary::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0) ;
	transform-origin: 0 50% ;
	width: 100%;
	height: inherit;
}
.hover-light-primary:hover{
	background-position: 75% 50% ;
}
.hover-light-primary :is(:active, :focus) {
	transform: scale(0.95) ;
	transition: 100ms;
}

.hover-light-secondary {
	transition: all .5s ease !important;
	background-image: linear-gradient(45deg, var(--gp-color-secondary-dark), var(--gp-color-secondary-light),var(--gp-color-secondary-dark)) !important;
	background-size: 500% 400% !important;
	color: var(--bs-white) !important;
}
.hover-light-secondary::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0) ;
	transform-origin: 0 50% ;
	width: 100%;
	height: inherit;
}
.hover-light-secondary:hover{
	background-position: 75% 50% ;
}
.hover-light-secondary :is(:active, :focus) {
	transform: scale(0.95) ;
	transition: 100ms;
}