:root {
  /*
    ~Accent Colors~ are used for Links, Button backgrounds, 
    Tab and Accordion headings, and Badges

    --e-global-color-accent: #FF6A39;*/
  --accent: #fff;

  /*
    --e-global-color-primary: #27187E;
    
    Primary Colors are used for Headings and Icons.
    
    */
  --primary: #fff;

  /*
    --e-global-color-secondary: #4E6CFA;
    
    Secondary Colors are used for List Items, 
    Subheadings, Animated Headings, and Price Table backgrounds.
    
    */
  --secondary: #fff;

  /*
    --e-global-color-text: #0A0046;
    
    Text Colors are used for Paragraphs and Menu items
    
    */
  --text: #fff;

  /*--e-global-color-5139821: #FFFFFF;*/
  --white: #fff;

  /*--e-global-color-5139821: #FFFFFF;*/
  --light: #fff;

  /*--e-global-color-5139821: #FFFFFF;*/
  --dark: #000;

  /*--e-global-color-5139821: #FFFFFF;*/
  --black: #000;
}

/* font-size */

.small {
  font-size: var(--small);
}

/* Colors */
.bg-text {
  background-color: var(--text);
}

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

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

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

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

.bg-grid {
  background-image: url("/wp-content/themes/hello-theme-child-master/assets/imgs/grid-bg.svg");
}

/* Text Colors */

.text-accent {
  color: var(--accent);
}

.text-primary {
  color: var(--primary);
}

.text-secondary {
  color: var(--secondary);
}

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

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

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

/* Border */

.bradius.elementor-element,
.bradius > div > img {
  border-radius: var(--bradius) !important;
}

/* Ratios */

.a-ratio-1-1 img {
  aspect-ratio: 1/1;
  object-fit: cover;
  background-position: center;
}

/* Text */

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

.ta-center {
  text-align: center;
}
/* Breaks */

.br-lg {
  display: none;
}

/* max width */

.mw-80.e-con {
  --content-width: min(100%, var(--container-max-width-80, 1140px));
  --container-max-width-80: calc(var(--container-max-width) * 0.8);
}

.mw-60.e-con {
  --content-width: min(100%, var(--container-max-width-60, 1140px));
  --container-max-width-60: calc(var(--container-max-width) * 0.6);
}

body .elementor-element.mw-960.elementor-widget {
  width: var(--container-widget-width, min(960px, 100%));
  max-width: min(960px, 100%) !important;
}

body .elementor-element.mw-650.elementor-widget {
  width: var(--container-widget-width, min(650px, 100%));
  max-width: min(650px, 100%) !important;
}

/* Layout */

.mt-standard.e-con,
.mt-standard > .elementor-widget-container {
  margin-top: var(--mt-s);
}

.mt-standard.e-con,
.mt-half > .elementor-widget-container {
  margin-top: var(--mt-h);
}

.mb-standard.e-con,
.mb-standard.elementor-element > .elementor-widget-container {
  margin-bottom: var(--mt-s);
}

.mb-half.e-con,
.mb-half.elementor-element > .elementor-widget-container {
  margin-bottom: var(--mt-h);
}

/* basic Helper Classes */

.px-normal {
  padding-right: var(--container-default-padding-right);
  padding-left: var(--container-default-padding-left);
}

.p-0 {
  --standard-padding-side: 0rem !important;
  --standard-padding-top: 0rem !important;
  --standard-padding-bottom: 0rem !important;

  --padding-block-start: 0rem !important;
  --padding-block-end: 0rem !important;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

body .p-0 {
  --standard-padding-side: 0rem;
  --standard-padding-top: 0rem;
  --standard-padding-bottom: 0rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

body .p-1 {
  --standard-padding-side: 1rem;
  --standard-padding-top: 1rem;
  --standard-padding-bottom: 1rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

body .p-2 {
  --standard-padding-side: 2rem;
  --standard-padding-top: 2rem;
  --standard-padding-bottom: 2rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

body .p-3 {
  --standard-padding-side: 3rem;
  --standard-padding-top: 3rem;
  --standard-padding-bottom: 3rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

body .p-4 {
  --standard-padding-side: 4rem;
  --standard-padding-top: 4rem;
  --standard-padding-bottom: 4rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

body .p-5 {
  --standard-padding-side: 5rem;
  --standard-padding-top: 5rem;
  --standard-padding-bottom: 5rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
  padding-top: var(--standard-padding-top);
  padding-bottom: var(--standard-padding-bottom);
}

/* pb */

body .pb-0 {
  --standard-padding-bottom: 0rem;
  padding-bottom: var(--standard-padding-bottom);
}

body .pb-1 {
  --standard-padding-bottom: 1rem;
  padding-bottom: var(--standard-padding-bottom);
}

body .pb-2 {
  --standard-padding-bottom: 2rem;
  padding-bottom: var(--standard-padding-bottom);
}

body .pb-3 {
  --standard-padding-bottom: 3rem;
  padding-bottom: var(--standard-padding-bottom);
}

body .pb-4 {
  --standard-padding-bottom: 4rem;
  padding-bottom: var(--standard-padding-bottom);
}

body .pb-5 {
  --standard-padding-bottom: 5rem;
  padding-bottom: var(--standard-padding-bottom);
}

body .pt-0 {
  --standard-padding-top: 0rem;
  padding-top: var(--standard-padding-top);
}

body .pt-1 {
  --standard-padding-top: 1rem;
  padding-top: var(--standard-padding-top);
}

body .pt-2 {
  --standard-padding-top: 2rem;
  padding-top: var(--standard-padding-top);
}

body .pt-3 {
  --standard-padding-top: 3rem;
  padding-top: var(--standard-padding-top);
}

body .pt-4 {
  --standard-padding-top: 4rem;
  padding-top: var(--standard-padding-top);
}

body .pt-5 {
  --standard-padding-top: 5rem;
  padding-top: var(--standard-padding-top);
}

/* padding x axis */

body .px-0 {
  --standard-padding-side: 0rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
}

body .px-1 {
  --standard-padding-side: 1rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
}

body .px-2 {
  --standard-padding-side: 2rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
}

body .px-3 {
  --standard-padding-side: 3rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
}

body .px-4 {
  --standard-padding-side: 4rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
}

body .px-5 {
  --standard-padding-side: 5rem;
  padding-left: var(--standard-padding-side);
  padding-right: var(--standard-padding-side);
}

/* Margin Spacer */

body .mb-0,
body .e-con .elementor-widget.mb-0 {
  margin-bottom: 0;
}

body .mb-0-5,
body .e-con .elementor-widget.mb-0-5 {
  margin-bottom: 0.5rem;
}

body .mb-1,
body .e-con .elementor-widget.mb-1 {
  margin-bottom: 1rem;
}

body .mb-2,
body .e-con .elementor-widget.mb-2 {
  margin-bottom: 2rem;
}

body .mb-3,
body .e-con .elementor-widget.mb-3 {
  margin-bottom: 3rem;
}

body .mb-4,
body .e-con .elementor-widget.mb-4 {
  margin-bottom: 4rem;
}

body .mt-0,
body .e-con .elementor-widget.mt-0 {
  margin-top: 0;
}

body .mt-0-5,
body .e-con .elementor-widget.mt-0-5 {
  margin-top: 0.5rem;
}

body .mt-1,
body .e-con .elementor-widget.mt-1 {
  margin-top: 1rem;
}

body .mt-2,
body .e-con .elementor-widget.mt-2 {
  margin-top: 2rem;
}

body .mt-3,
body .e-con .elementor-widget.mt-3 {
  margin-top: 3rem;
}

body .mt-4,
body .e-con .elementor-widget.mt-4 {
  margin-top: 4rem;
}

/* border */

.nborder {
  border: var(--bwidth) solid var(--white);
}

.dborder {
  border: var(--bwidth) solid var(--dark);
}

.tborder {
  border-top: var(--bwidth) solid var(--white);
}

.bborder {
  border-bottom: var(--bwidth) solid var(--white);
}

.lborder {
  border-left: var(--bwidth) solid var(--white);
}

.rborder {
  border-right: var(--bwidth) solid var(--white);
}

.sborder {
  border-left: var(--bwidth) solid var(--white);
  border-right: var(--bwidth) solid var(--white);
}

.yborder {
  border-top: var(--bwidth) solid var(--white);
  border-bottom: var(--bwidth) solid var(--white);
}

/* Minimal Flexbox helper class */
.d-flex {
  display: flex;
}

.d-wrap {
  flex-wrap: wrap;
}

.d-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional helper classes for alignment and justification */
.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

/* standard values */

body,
.e-con {
  --container-default-padding-right: 1.25rem;
  --container-default-padding-left: 1.25rem;

  --padding-block-start: var(--standard-padding-top);
  --padding-block-end: var(--standard-padding-bottom);
}

:root {
  --standard-padding-side: 1rem;
  --standard-padding-top: 5rem;
  --standard-padding-bottom: 5rem;

  --bradius: 1.5rem;
  --bwidth: 4px;

  --mt-s: 1.5rem;
  --mt-h: 1rem;
}

/* ab tablet size */

@media only screen and (min-width: 768px) {
  :root {
    --standard-padding-side: 1.5rem;
    --standard-padding-top: 3.5rem;
    --standard-padding-bottom: 3rem;

    --mt-s: 3rem;
    --mt-h: 1.75rem;
  }

  .only-mobile {
    display: none;
  }

  body,
  .e-con {
    --container-default-padding-right: 2rem;
    --container-default-padding-left: 2rem;
  }
}

@media only screen and (min-width: 1168px) {
  .br-lg {
    display: block;
  }
}

/* */

.disabled * {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}