.elementor-kit-8{--e-global-color-primary:#39A0ED;--e-global-color-secondary:#4C6085;--e-global-color-text:#1A181B;--e-global-color-accent:#16DFBA;--e-global-color-08faba2:#137DCD;--e-global-color-73636b0:#F3F5F714;--e-global-color-ca3e0ef:#19ECC5;--e-global-color-6218039:#F7FBFF;--e-global-color-356f0dd:#FFF8ED;--e-global-color-bcb9acb:#F8F8F8;--e-global-color-dc0505f:#A0AEE5;--e-global-color-18d2975:#9C9C9C;--e-global-color-ea397b5:#010102;--e-global-color-a14aa0a:#111214;--e-global-color-749c7be:#292A2C;--e-global-color-10d7e34:#FFFFFF0D;--e-global-typography-primary-font-family:"SuperPractice Serif";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"SuperPractice Serif";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter Variable";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"SuperPractice Serif";--e-global-typography-accent-font-weight:600;background-color:var( --e-global-color-a14aa0a );color:var( --e-global-color-18d2975 );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;line-height:1.5em;letter-spacing:-0.7px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-ca3e0ef );}.elementor-kit-8 a{color:var( --e-global-color-accent );}.elementor-kit-8 h1{font-family:"SuperPractice Serif", Sans-serif;font-size:86px;font-weight:600;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h2{font-family:"SuperPractice Serif", Sans-serif;font-size:72px;font-weight:600;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h3{font-family:"SuperPractice Serif", Sans-serif;font-size:50px;font-weight:600;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h4{font-family:"SuperPractice Serif", Sans-serif;font-size:44px;font-weight:600;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h5{font-family:"Inter Tight", Sans-serif;font-size:26px;font-weight:600;line-height:1em;letter-spacing:-0.03em;}.elementor-kit-8 h6{font-family:"Inter Variable", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.3em;letter-spacing:1.8px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-decoration:none;line-height:1.5em;letter-spacing:-0.4px;color:#FFFFFF;border-radius:60px 60px 60px 60px;}.elementor-kit-8 label{color:var( --e-global-color-18d2975 );font-size:14px;font-weight:500;}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{font-size:20px;font-weight:500;color:#FFFFFF;background-color:#FFFFFF33;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFFB8;border-radius:6px 6px 6px 6px;}.elementor-kit-8 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea:focus,.elementor-kit-8 .elementor-field-textual:focus{background-color:#FFFFFF99;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-8 h1{font-size:74px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:14px;line-height:1.4em;}.elementor-kit-8 h1{font-size:51px;line-height:0.95em;}.elementor-kit-8 h2{font-size:46px;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h3{font-size:36px;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h4{font-size:30px;line-height:0.95em;letter-spacing:-0.01em;}.elementor-kit-8 h6{font-size:14px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:16px;}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS */.automator_button { 
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: var(--e-global-color-text) !important;
    border: 0px !important;
    padding: 14px 20px !important;
    line-height: 14px !important;
}


/* Custom Gradients */

/*Used for footer CTAs */
.sp-background-gradient-footer {
    width: 100%;
    background-image: radial-gradient(circle at 50% 230%, rgba(81, 224, 207, .52), rgba(5, 5, 5, 0) 75%);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative; /* Make sure the container is positioned */
}

.sp-background-gradient-footer::after {
    content: "";
    position: absolute;
    bottom: 0; /* Align to the bottom of the container */
    left: 0;
    width: 100%;
    height: 2px; /* Adjust the height to change the thickness of the border */
    background-image: linear-gradient(to right, 
        #0D1520, /* Darker color at the start */
        rgba(13, 21, 32, 0.8), /* Transition to slightly lighter but still dark, adding opacity for blending */
        rgba(22, 223, 186, 0.5), /* Semi-transparent green in the center */
        rgba(13, 21, 32, 0.8), /* Transition back to dark with opacity before the end */
        #0D1520 /* Darker color at the end */
    );
}

/*Used for Hero Backgroudns */

.sp-hero-gradient {
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative; /* Make sure the container is positioned */
}

.sp-hero-gradient::after {
    content: "";
    position: absolute;
    bottom: 0; /* Align to the bottom of the container */
    left: 0;
    width: 100%;
    height: 2px; /* Adjust the height to change the thickness of the border */
    background-image: linear-gradient(to right, 
        #0D1520 15%, /* Start transitioning to lighter color a bit sooner */
        rgba(13, 21, 32, 0.8) 25%, /* Start the gradient transition a bit sooner */
        rgba(22, 223, 186, 0.5) 35%, /* Start the green section a bit earlier */
        rgba(22, 223, 186, 0.5) 65%, /* End the green section a bit later */
        rgba(13, 21, 32, 0.8) 75%, /* Transition back to dark starts a bit later */
        #0D1520 85% /* End with the darker color, extending the transition a bit */
    );
}

/* Magic Login Styling */

#magic-login-register .registration_result .error, #magic-login-register .registration_result .info, #magic-login-register .registration_result .success, #magic-login-shortcode #login_error, #magic-login-shortcode .message, #magic-login-shortcode .success {
    background-color: #010102 !important;
    border-left: 4px solid #010102 !important;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 12px;
    color: #fff !important;
}

#magic-login-shortcode #login_error, #magic-login-shortcode .message, #magic-login-shortcode .success {
    background-color: #fff;
    border-left: 0px !important;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 12px;
    font-size: 14px;
    line-height: 1.5em;
}

#magic-login-shortcode .magic-login-submit {
    font-size: 15px !important;
    line-height: 2em;
    background-color: #E6E6E6 !important;
    border: 0px !important;
    color: #1A181B;
    border-radius: 12px !important;
}

.elementor-inner {
overflow: hidden;
}

/*Container Gradient BG */

.sp-gradient-background {
   /* Define the gradient to go from top to bottom */
 background-image: linear-gradient(to bottom, #0F262D, #070B16, #0D1520);
  background-attachment: fixed;
  background-repeat: no-repeat;
  
  /* Other properties to make the gradient cover the full area */
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


/* Heading Gradient */

.superpracticegradient {
    background: linear-gradient(150deg, rgb(255, 255, 255) 25%, rgb(147, 147, 147) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    padding-bottom: 0.5em;
}


.superpracticeimagegradient::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #111214 0%, transparent 30%, transparent 80%, #111214 95%);
  z-index: 1;
  border-radius: 10px
}


/* Case Study Image Gradient */

.casestudyimagegradient {
  position: relative;
  z-index: 1;
  display: block; /* Ensure that the element behaves as a block for proper gradient application */
  overflow: hidden; /* Ensures that the gradient does not bleed outside the element */
  border-radius: 10px; /* Apply border-radius to the container */
}

.casestudyimagegradient::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; /* Position the gradient at the bottom */
  height: 30%; /* Adjust the height of the gradient effect to your preference */
  background: linear-gradient(to top, #070B16, transparent); /* Gradient from solid color at the bottom to transparent */
  z-index: 2; /* Ensure it's above the main content if needed */
}



/* Accelerator Styling */

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 a {
    color: #fff;
    letter-spacing: -.4px;
    font-weight: 500 !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
    height: 100%;
    width: 175px !important;
}

/* Lesson headings */

.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    margin: 0 0 0.5em;
    padding: 0;
    font-size: 50px;
	 font-weight: 600 !important;
	letter-spacing: -.5px
}

@media screen and (max-width: 768px) {
  .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    font-weight: 600 !important;
    letter-spacing: -.5px;
    font-size: 32px !important;
    line-height: 1.2em !important;
  }
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button {
    color: #728188;
    flex-basis: 100%;
    justify-content: flex-start;
    padding-left: 2em;
    padding-top: 0.6em;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action, .learndash-wrapper .ld-focus .ld-focus-header .ld-progress {
    display: flex;
    flex-direction: column;
    height: 65px;
    justify-content: center;
}

.learndash-wrapper .ld-item-list .ld-section-heading h3 {
    font-weight: 700;
    letter-spacing: -.2px !important;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading {
    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0.25em;
    text-align: left;
    line-height: 1.3em;
}

.elementor-10667 .elementor-element.elementor-element-869ef4f .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-action .ld-course-status-action input#btn-join {
    background-color: #f0f3f6 !important;
    color: #000 !important;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
    align-items: center;
    color: #1A181B;
    display: flex;
    font-size: 32px;
    font-weight: 700;
    justify-content: space-around;
    line-height: 1;
    margin-top: -3px;
    text-align: center;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-action .ld-text {
    color: #728188;
    display: inline-block;
    font-size: 14px;
    margin-right: 0.5em;
    white-space: nowrap;
    margin-top: 5px;
}

.elementor-17530 .elementor-element.elementor-element-36cf365 .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--e-global-color-text);
    line-height: 1.5em;
}

.elementor-17530 .elementor-element.elementor-element-36cf365 .learndash-wrapper .ld-table-list-items .ld-table-list-item a {
    line-height: 1.5em !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-header {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    padding: 20px 22px;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    background: #fff;
    border: 1px solid #F3F5F7;
    border-radius: 6px;
    margin: 1em 0;
}

.learndash-wrapper .ld-table-list .ld-table-list-item {
    border-bottom: 1px solid #F3F5F7;
    padding-left: 0;
    padding-right: 0;
}
.elementor-17530 .elementor-element.elementor-element-36cf365 .learndash-wrapper .ld-section-heading h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px !important;
}

.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
    display: block;
    font-size: 16px !important;
    font-weight: 700;
    margin: 1em 0 0.5em;
}

/* LearnDash Course Status Bar Styling */

.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    background-color: #f0f3f6;
    border-radius: 6px;
    display: flex;
    padding: 0.7em 1em;
}

/* Account Menu Styling */

.ai-icon-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-left: 2px;
}

.ai-icon {
    display: block;
    max-width: 20px;
    max-height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
}

/* Client Dashboared Styling */

.container-shadow {
    box-shadow: 0px 32px 32px -32px rgb(0 0 0 / 8%);
}

.onboarding-icon {
    width: 40px;
    height: 40px;
}

/* Superpractice Stats */

.superpractice-stats {
    background: linear-gradient(105deg, rgb(255, 255, 255) 0%, rgb(97, 106, 115) 100%) text;
    -webkit-box-decoration-break: clone;
    -webkit-text-fill-color: transparent;
}

/* Method Popups */

.method-popup {
    background-color: rgba(26, 24, 27, 0.1);
    backdrop-filter: blur(45px); /* frosted glass effect */
    -webkit-backdrop-filter: blur(35px); /* For Safari browser support */
}

/* Law Firm Marketing ROI Calculator */

.elementor-popup-isolated .slider {
  /* Preventing inheritance */
  background-color: initial !important;
  border-radius: initial !important;
}

.elementor-popup-isolated .switch input {
  opacity: initial !important;
  width: initial !important;
  height: initial !important;
}

.elementor-popup-isolated .switch .slider::before {
  background-color: initial !important;
  border-radius: initial !important;
}

/* Superpractice Text Highlight */

.superpractice-highlight {
  color: white;
  background-color: transparent;
  position: relative;
  display: inline-block;
  padding: 0; /* Reset padding */
}

.superpractice-highlight::before {
  content: '';
  background-color: #16dfba;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 3px;
  padding: 0.3em 0.3em; /* Adjust to create padding based on text size */
  transform: rotate(-1deg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.superpractice-highlight-dark {
  color: #1a181b;
  background-color: #16dfba;
  position: relative;
  display: inline-block;
  padding: 0; /* Reset padding */
}

.superpractice-highlight-dark::before {
  content: '';
  background-color: #16dfba;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 3px;
  padding: 0.3em 0.3em; /* Adjust to create padding based on text size */
  transform: rotate(-1deg);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* list item margin */

ul,
ol {
    margin-bottom: 20px;
}

/* Calout text above h6 */

.sp-callout {
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: max(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2));
    margin: min(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / -2));
    background-image: radial-gradient(50% 50% at 50% 50%, #16DFBA 0%, #0BC39A 35%, #08856E 100%);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SuperPractice Serif';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/02/superpractice-text-webfont.woff2') format('woff2');
}
@font-face {
	font-family: 'SuperPractice Serif';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/02/superpractice-text-italic-webfont.woff2') format('woff2');
}
@font-face {
	font-family: 'SuperPractice Serif';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/02/superpractice-display-webfont.woff2') format('woff2');
}
@font-face {
	font-family: 'SuperPractice Serif';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/02/superpractice-display-italic-webfont.woff2') format('woff2');
}
@font-face {
	font-family: 'SuperPractice Serif';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/02/superpractice-text-webfont.woff2') format('woff2');
}
@font-face {
	font-family: 'SuperPractice Serif';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/02/superpractice-text-italic-webfont.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter Variable';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/03/InterVariable.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Variable';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/03/InterVariable.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Variable';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/03/InterVariable.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Variable';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/03/InterVariable.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Variable';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://wordpress-307941-1699096.cloudwaysapps.com/wp-content/uploads/2024/03/InterVariable.ttf') format('truetype');
}
/* End Custom Fonts CSS */