/*
Theme Name: Naresh.Dev
Description: A custom theme for Naresh.Dev
Version: 1.0.0
Author: Naresh Devineni
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nareshdev

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*-------------------------------------------------------------------------------
  1.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.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* 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 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

/*-------------------------------------------------------------------------------
  2.Javascript Libraries
-------------------------------------------------------------------------------*/
/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
  --mm-ocd-width: 80%;
  --mm-ocd-min-width: 200px;
  --mm-ocd-max-width: 440px; }

body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none; }

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: bottom, background-color;
  -o-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, 0.3s;
  -o-transition-duration: 0s, 0.3s;
  transition-duration: 0s, 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.45s, 0.15s;
  -o-transition-delay: 0.45s, 0.15s;
  transition-delay: 0.45s, 0.15s; }

.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: var(--mm-ocd-width);
  min-width: var(--mm-ocd-min-width);
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: clamp(calc(100% - var(--mm-ocd-max-width)), calc(100% - var(--mm-ocd-width)), calc(100% - var(--mm-ocd-min-width)));
  background: rgba(3, 2, 1, 0); }

.mm-ocd--left .mm-ocd__backdrop {
  right: 0; }

.mm-ocd--right .mm-ocd__backdrop {
  left: 0; }

.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:root {
  --mm-spn-item-height: 50px;
  --mm-spn-item-indent: 20px;
  --mm-spn-line-height: 24px; }

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left 0.3s ease 0s;
  -o-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  cursor: default; }

.mm-spn ul:after {
  content: "";
  display: block;
  height: var(--mm-spn-item-height); }

.mm-spn > ul {
  left: 0; }

.mm-spn ul.mm-spn--open {
  left: 0; }

.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden; }

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer; }

.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--mm-spn-item-height) / 2);
  right: calc(var(--mm-spn-item-height) / 2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  -ms-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
  opacity: 0.4; }

.mm-spn li:after {
  content: "";
  display: block;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0.15; }

.mm-spn a,
.mm-spn span {
  position: relative;
  z-index: 1;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent); }

.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none; }

.mm-spn a:not(:last-child) {
  width: calc(100% - var(--mm-spn-item-height)); }

.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: 0.15; }

.mm-spn span {
  background: 0 0; }

.mm-spn.mm-spn--navbar {
  cursor: pointer; }

.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--mm-spn-item-height) / 2);
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  -ms-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 0.4; }

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default; }

.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none; }

.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--mm-spn-item-height);
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: var(--mm-spn-item-height);
  opacity: 0.4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: var(--mm-spn-item-indent); }

.mm-spn.mm-spn--navbar ul {
  top: calc(var(--mm-spn-item-height) + 1px); }

.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: 0.15; }

.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3; }

.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333; }

.mm-spn.mm-spn--vertical {
  overflow-y: auto; }

.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static; }

.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: var(--mm-spn-item-indent); }

.mm-spn.mm-spn--vertical ul ul:after {
  height: calc(var(--mm-spn-item-height) / 2); }

.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block; }

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%, 0);
  -ms-transform: rotate(135deg) translate(-50%, 0);
  transform: rotate(135deg) translate(-50%, 0); }

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat; }

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.noUi-touch-area {
  height: 100%;
  width: 100%; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px; }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #3FB8AF; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px; }

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px; }

.noUi-marker-horizontal {
  display: none; }

.pages-slider.noUi-target.noUi-ltr.noUi-horizontal.noUi-txt-dir-ltr {
  max-width: 500px;
  margin: 0 auto 100px; }

/*-------------------------------------------------------------------------------
  3.General
-------------------------------------------------------------------------------*/
:root {
  --brand-color-purple: #7928ca;
  --brand-color-black: #1e272e;
  --brand-color-yellow: #fcd884;
  --brand-color-green: #00bf72;
  --brand-color-orange: #ee8700;
  --brand-color-white: #fff;
  --brand-color-blue: #007CF0;
  --brand-color-pink: #FF0080;
  --brand-color-border-purple: #ecd8ff;
  --brand-color-border-orange: #ffecd2;
  --brand-color-border-green: #d6ffee;
  --brand-color-text-yellow: #f7e4bc;
  --brand-color-text-grey: #afafaf;
  --brand-color-background-green: #d9f5ea;
  --brand-color-background-purple: #f8f2ff;
  --brand-color-background-yellow: #fffeeb;
  --brand-color-background-dark-purple: #5e366f;
  --brand-color-background-blue: #f2f7ff;
  --brand-color-background-red: #fff5f5;
  --brand-color-background-grey: #f5f5f5;
  --brand-color-background-desaturated-yellow: #fcfbf3; }

.has-purple-background-color {
  background-color: var(--brand-color-purple); }

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

.has-black-background-color {
  background-color: var(--brand-color-black); }

.has-yellow-background-color {
  background-color: var(--brand-color-yellow); }

.has-green-background-color {
  background-color: var(--brand-color-green); }

.has-orange-background-color {
  background-color: var(--brand-color-orange); }

.has-border-purple-background-color {
  background-color: var(--brand-color-border-purple); }

.has-text-yellow-background-color {
  background-color: var(--brand-color-text-yellow); }

.has-text-grey-background-color {
  background-color: var(--brand-color-text-grey); }

.has-light-green-background-color {
  background-color: var(--brand-color-background-green); }

.has-light-purple-background-color {
  background-color: var(--brand-color-background-purple); }

.has-light-yellow-background-color {
  background-color: var(--brand-color-background-yellow); }

.has-dark-purple-background-color {
  background-color: var(--brand-color-background-dark-purple); }

.has-light-blue-background-color {
  background-color: var(--brand-color-background-blue); }

.has-light-red-background-color {
  background-color: var(--brand-color-background-red); }

.has-light-grey-background-color {
  background-color: var(--brand-color-background-grey); }

.has-desaturated-yellow-background-color {
  background-color: var(--brand-color-background-desaturated-yellow); }

.has-text-grey-color {
  color: var(--brand-color-text-grey); }

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

.has-purple-color {
  color: var(--brand-color-purple); }

.has-black-color {
  color: var(--brand-color-black); }

.has-yellow-color {
  color: var(--brand-color-yellow); }

.has-green-color {
  color: var(--brand-color-green); }

.has-orange-color {
  color: var(--brand-color-orange); }

:root {
  --brand-font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol"; }

html {
  scroll-behavior: smooth; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--brand-font-inter);
  color: var(--brand-color-black);
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.02em; }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 16px; } }

body.home,
.page-id-15,
.page-template-template-special {
  background-size: 50px 50px;
  background-image: linear-gradient(to right, #f7f7f7 1px, transparent 1px), linear-gradient(to bottom, #f7f7f7 1px, transparent 1px); }

.top-bar ul,
.top-bar li,
.main-header ul,
.main-header li,
#site-footer ul,
#site-footer li {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  color: var(--brand-color-black); }
  a:hover, a:focus {
    color: var(--brand-color-purple);
    border-color: var(--brand-color-purple) !important; }

.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
  color: white;
  border-color: var(--brand-color-purple) !important; }

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
  line-height: 1.3;
  font-family: ivypresto-display, serif;
  font-weight: 400;
  font-style: normal; }

h2,
h2 a {
  font-size: clamp(2rem, 2.1333333333333333vw + 1.1333333333333333rem, 3rem); }

h3,
h3 a {
  font-size: clamp(1.5rem, 2.1333333333333333vw + 0.6333333333333333rem, 2.5rem); }

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

.underline {
  background-image: url(/wp-content/themes/nareshdev/assets/images/underline.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  padding-bottom: 5px; }

.currently-serving .emoji {
  filter: grayscale(100%);
  opacity: 0.4; }

#sb-site .special-list {
  max-width: 800px;
  margin: 0 auto; }
  #sb-site .special-list ul,
  #sb-site .special-list li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #sb-site .special-list li {
    padding-left: 36px;
    background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-green.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: left center;
    font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.4rem) !important;
    margin-bottom: 16px; }
  @media only screen and (max-width: 767px) {
    #sb-site .special-list {
      gap: 0;
      max-width: 260px !important;
      margin: 0 auto; }
      #sb-site .special-list li {
        background-size: 22px;
        padding-left: 30px; } }

.screen-reader-text {
  position: absolute;
  left: -9999px; }

@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none; } }

.wp-block-button__link {
  font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.5rem);
  padding-left: 40px;
  padding-right: 40px; }
  .wp-block-button__link:hover, .wp-block-button__link:focus {
    background-color: black; }

.big-button .wp-block-button__link {
  width: 80%;
  max-width: 450px; }
  @media only screen and (max-width: 600px) {
    .big-button .wp-block-button__link {
      width: 95%; } }

.alignwide {
  margin-left: -80px;
  margin-right: -80px; }

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  width: 100vw; }

.wp-block .accordion-content {
  visibility: visible !important;
  position: static !important; }

/*-------------------------------------------------------------------------------
  4.Header
-------------------------------------------------------------------------------*/
.main-header {
  margin-top: 16px; }
  .main-header .wrap {
    display: flex;
    justify-content: center;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .main-header .wrap {
        align-items: center; } }
  .main-header ul {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    margin-top: 16px; }
    .main-header ul a {
      font-weight: bold;
      font-size: 18px;
      border-bottom: 1px solid var(--brand-color-black); }
      .main-header ul a:hover, .main-header ul a:focus {
        color: var(--brand-color-purple);
        border-color: var(--brand-color-purple); }

.logo-container {
  display: flex;
  gap: 16px;
  position: relative; }

.logo-arrow {
  position: absolute;
  top: 50%;
  right: calc(100% + 8px); }
  .logo-arrow svg {
    max-width: 70px; }
  @media only screen and (max-width: 992px) {
    .logo-arrow {
      display: none; } }

.logo a {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center; }
  @media only screen and (max-width: 992px) {
    .logo a {
      gap: 10px; } }
  .logo a .site-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1; }
    @media only screen and (max-width: 992px) {
      .logo a .site-name {
        font-size: 18px; } }
    @media only screen and (max-width: 450px) {
      .logo a .site-name {
        font-size: 16px; } }
    .logo a .site-name svg {
      width: 20px;
      height: 20px;
      position: relative;
      top: 2px;
      padding-left: 4px; }
      @media only screen and (max-width: 450px) {
        .logo a .site-name svg {
          width: 16px;
          height: 16px;
          top: 4px; } }
  .logo a .site-tagline {
    font-size: 18px;
    font-weight: 600; }
    @media only screen and (max-width: 992px) {
      .logo a .site-tagline {
        font-size: 16px; } }
    @media only screen and (max-width: 450px) {
      .logo a .site-tagline {
        font-size: 14px; } }
  .logo a img {
    max-width: 85px;
    border-radius: 100px;
    background-color: var(--brand-color-purple);
    border: 4px solid var(--brand-color-purple); }
    @media only screen and (max-width: 992px) {
      .logo a img {
        max-width: 60px; } }
    @media only screen and (max-width: 450px) {
      .logo a img {
        max-width: 50px; } }

#mobile-menu-toggle,
#say-hello {
  display: block;
  font-size: 0;
  width: 44px;
  height: 44px;
  background-image: url(/wp-content/themes/nareshdev/assets/images/menu-icon.svg);
  background-repeat: no-repeat;
  background-position: center center; }
  @media only screen and (min-width: 768px) {
    #mobile-menu-toggle,
    #say-hello {
      display: none; } }

#say-hello {
  background-image: url(/wp-content/themes/nareshdev/assets/images/mail-icon.svg);
  background-size: 60%; }

.primary-navigation-left,
.primary-navigation-right {
  position: absolute; }

.primary-navigation-left {
  left: 0; }

.primary-navigation-right {
  right: 0; }

.top-bar {
  background-color: var(--brand-color-purple); }
  .top-bar .menu {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 600px) {
      .top-bar .menu {
        display: none; } }
  .top-bar a {
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.44;
    display: block;
    padding: 12px 0; }
    .top-bar a:hover, .top-bar a:focus {
      color: var(--brand-color-yellow); }

/*-------------------------------------------------------------------------------
  5.Navigation
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .primary-navigation-left ul,
  .primary-navigation-right ul {
    display: none; } }

/*-------------------------------------------------------------------------------
  6.Layout
-------------------------------------------------------------------------------*/
.wrap {
  width: 95%;
  max-width: 1300px;
  margin: 0 auto; }
  @media only screen and (max-width: 600px) {
    .wrap {
      width: 90%; } }

.content-600,
.content-800,
.content-960,
.content-1080 {
  border-radius: 16px; }
  @media only screen and (max-width: 767px) {
    .content-600,
    .content-800,
    .content-960,
    .content-1080 {
      border-radius: 0; } }
  .content-600 .wp-block-group__inner-container,
  .content-800 .wp-block-group__inner-container,
  .content-960 .wp-block-group__inner-container,
  .content-1080 .wp-block-group__inner-container {
    margin: 0 auto; }
    .content-600 .wp-block-group__inner-container p,
    .content-800 .wp-block-group__inner-container p,
    .content-960 .wp-block-group__inner-container p,
    .content-1080 .wp-block-group__inner-container p {
      font-size: clamp(1rem, 0.8vw + 0.8rem, 1.5rem);
      line-height: 1.6; }
      @media only screen and (max-width: 767px) {
        .content-600 .wp-block-group__inner-container p,
        .content-800 .wp-block-group__inner-container p,
        .content-960 .wp-block-group__inner-container p,
        .content-1080 .wp-block-group__inner-container p {
          line-height: 1.4; } }
    .content-600 .wp-block-group__inner-container blockquote p,
    .content-800 .wp-block-group__inner-container blockquote p,
    .content-960 .wp-block-group__inner-container blockquote p,
    .content-1080 .wp-block-group__inner-container blockquote p {
      letter-spacing: 0;
      line-height: 1.44;
      font-size: clamp(1rem, 0.6666666666666666vw + 0.7291666666666666rem, 1.4rem); }

#sb-site .special-list.content-630 {
  max-width: 630px;
  margin: 0 auto; }

.content-600 .wp-block-group__inner-container {
  max-width: 600px; }

.container-600 {
  max-width: 600px;
  margin: 0 auto; }

.container-720 {
  max-width: 720px;
  margin: 0 auto; }

.content-800 .wp-block-group__inner-container {
  max-width: 800px; }

.container-800 {
  max-width: 800px;
  margin: 0 auto; }

.content-1080 .wp-block-group__inner-container {
  max-width: 1080px; }

.container-1000 {
  max-width: 1000px;
  margin: 0 auto; }

.content-960 .wp-block-group__inner-container {
  max-width: 960px; }

.container-960 {
  max-width: 960px;
  margin: 0 auto; }

@media only screen and (min-width: 768px) {
  .occupy-450 {
    max-width: 450px;
    margin: 0 auto; } }

@media only screen and (min-width: 768px) {
  .occupy-70-percent {
    max-width: 70%; } }

@media only screen and (min-width: 768px) {
  .occupy-80-percent {
    max-width: 80%; } }

@media only screen and (min-width: 768px) {
  .occupy-90-percent {
    max-width: 90%; } }

.clamp-24 {
  font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.5rem) !important; }

.clamp-32 {
  font-size: clamp(1.125rem, 1.8666666666666667vw + 0.36666666666666664rem, 2rem) !important; }

.clamp-36.has-large-font-size {
  font-size: clamp(1.125rem, 2.4vw + 0.15rem, 2.25rem) !important;
  line-height: 1.3; }

.clamp-64 {
  font-size: clamp(2.25rem, 3.7333333333333334vw + 0.7333333333333333rem, 4rem); }

/*-------------------------------------------------------------------------------
  7.Page, Post
-------------------------------------------------------------------------------*/
.page-title {
  font-size: clamp(2.25rem, 3.7333333333333334vw + 0.7333333333333333rem, 4rem);
  line-height: 1.3;
  text-align: center;
  max-width: 780px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto; }

.big-h2 {
  font-size: clamp(2.25rem, 3.7333333333333334vw + 0.7333333333333333rem, 4rem);
  line-height: 1.3;
  text-align: center;
  margin-top: 0; }

.big-h2.align-left {
  text-align: left; }

.super-happy {
  color: var(--brand-color-green); }

#actual-article {
  margin: 0 auto; }

@media only screen and (max-width: 767px) {
  .spacer-100 {
    height: 30px !important; } }

@media only screen and (max-width: 767px) {
  .client-logo-vertical {
    display: none; } }

.why-work-underline {
  background-image: url(/wp-content/themes/nareshdev/assets/images/why-work-underline.svg); }

@media only screen and (max-width: 600px) {
  .client-logo-gallery {
    display: none; } }

.home .codeable-certificate {
  border-radius: 16px;
  border: 3px solid #7bb8a0; }

.portfolio-wall .wp-block-columns {
  gap: 4em;
  margin-bottom: 4em; }

#testimonials .underline {
  padding-bottom: 10px; }

.page-template-template-testimonials {
  background-image: url(/wp-content/themes/nareshdev/assets/images/white-bricks-wall-texture.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .page-template-template-testimonials .testimonial-pattern {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12); }

@media only screen and (max-width: 767px) {
  .to-arrow img {
    transform: rotate(90deg); } }

.key-features .wp-block-columns {
  max-width: 1024px;
  margin: 0 auto;
  margin-bottom: 80px; }
.key-features .feature img {
  background-color: white;
  width: auto;
  height: 100px;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #ccc; }
.key-features .testimonial-pattern {
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc; }

.pricing-guide {
  text-align: center; }
  .pricing-guide h3 {
    font-family: var(--brand-font-inter);
    font-size: 24px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 40px; }
  .pricing-guide .from-price-point {
    max-width: 240px;
    margin: 0 auto;
    padding: 15px 40px;
    border: 1px solid var(--brand-color-border-purple);
    border-radius: 16px;
    background-color: white; }
    .pricing-guide .from-price-point .final-rough-estimate {
      font-size: 48px;
      font-weight: bold; }

.complexity-controls {
  display: flex;
  justify-content: center;
  gap: 40px; }
  .complexity-controls input {
    display: none; }
  .complexity-controls label {
    display: flex;
    align-items: center;
    font-size: 24px; }
  .complexity-controls input:checked + .radio-circle::before {
    opacity: 1; }
  .complexity-controls .radio-circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 44px;
    position: relative;
    border: 1px solid #3FB8AF;
    margin-right: 10px; }
    .complexity-controls .radio-circle::before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 24px;
      height: 24px;
      border-radius: 22px;
      background-color: #3FB8AF;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: opacity .3s; }

#actual-article .contact-form {
  border-radius: 16px;
  max-width: 800px;
  margin: 0 auto; }
  #actual-article .contact-form input, #actual-article .contact-form textarea {
    border-radius: 8px; }
  #actual-article .contact-form label {
    margin-bottom: 5px; }

#actual-article .wpforms-submit {
  background-color: var(--brand-color-purple);
  color: white;
  font-weight: bold;
  border-radius: 44px;
  padding: 15px 40px; }
  #actual-article .wpforms-submit:hover, #actual-article .wpforms-submit:focus {
    background-color: black; }

#actual-article .wpforms-submit-container {
  text-align: center;
  margin-top: 10px; }

.page-template-generic .logo-arrow {
  display: none; }
.page-template-generic #actual-article {
  max-width: 720px;
  margin: 0 auto; }
.page-template-generic .actual-content {
  background: var(--brand-color-background-desaturated-yellow);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  padding: 30px; }

.error404 .logo-arrow {
  display: none; }
.error404 .message-404 {
  text-align: center;
  margin-top: 50px; }
.error404 .image-404 {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 60px; }

.internal-navigation li, .internal-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none; }
.internal-navigation ul {
  display: flex;
  justify-content: center;
  gap: 30px; }

.blog .page-title {
  margin-bottom: 50px; }

.blogposts-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .blogposts-container {
      gap: 6%; } }
  .blogposts-container .blogpost-item {
    width: 31%;
    margin-bottom: 30px; }
    @media only screen and (max-width: 992px) {
      .blogposts-container .blogpost-item {
        width: 47%; } }
    @media only screen and (max-width: 600px) {
      .blogposts-container .blogpost-item {
        width: 100%; } }
    .blogposts-container .blogpost-item img {
      display: block;
      max-width: 100%; }
  .blogposts-container h3, .blogposts-container h3 a {
    font-family: var(--brand-font-inter);
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 0;
    margin-top: 15px; }
    @media only screen and (max-width: 767px) {
      .blogposts-container h3, .blogposts-container h3 a {
        font-size: 20px; } }
  .blogposts-container .category a {
    margin-top: 30px;
    font-weight: bold;
    color: #979797;
    display: block; }
    .blogposts-container .category a:hover, .blogposts-container .category a:focus {
      color: var(--brand-color-purple); }
  .blogposts-container p {
    margin-top: 15px; }

.nav-links {
  text-align: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #fafafa; }
  .nav-links a, .nav-links span {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-radius: 4px;
    margin: 0 2px; }
  .nav-links .current, .nav-links a:hover, .nav-links a:focus {
    background-color: var(--brand-color-purple);
    border-color: var(--brand-color-purple);
    color: white; }

.single-post .logo-arrow {
  display: none; }

.single-post-content {
  max-width: 800px;
  margin: 0 auto; }
  .single-post-content img {
    max-width: 100%; }
  .single-post-content h1 {
    margin-bottom: 30px; }
  .single-post-content .published-on {
    text-align: center;
    margin-bottom: 40px;
    color: #979797; }

.single-post-content .actual-content, .learndash-wrapper {
  max-width: 720px;
  margin: 0 auto; }
  .single-post-content .actual-content h2, .single-post-content .actual-content h3, .single-post-content .actual-content h4, .learndash-wrapper h2, .learndash-wrapper h3, .learndash-wrapper h4 {
    font-family: var(--brand-font-inter);
    font-weight: bold; }
  .single-post-content .actual-content h2, .learndash-wrapper h2 {
    font-size: 28px;
    margin-top: 60px; }
    @media only screen and (max-width: 767px) {
      .single-post-content .actual-content h2, .learndash-wrapper h2 {
        font-size: 24px; } }
  .single-post-content .actual-content h3, .learndash-wrapper h3 {
    font-size: 24px;
    margin-top: 60px; }
    @media only screen and (max-width: 767px) {
      .single-post-content .actual-content h3, .learndash-wrapper h3 {
        font-size: 20px; } }
  .single-post-content .actual-content h4, .learndash-wrapper h4 {
    font-size: 20px;
    margin-top: 60px; }
    @media only screen and (max-width: 767px) {
      .single-post-content .actual-content h4, .learndash-wrapper h4 {
        font-size: 18px; } }
  .single-post-content .actual-content .accordion-header, .learndash-wrapper .accordion-header {
    margin-top: 0; }
  .single-post-content .actual-content p, .single-post-content .actual-content li, .learndash-wrapper p, .learndash-wrapper li {
    line-height: 1.6;
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif; }
    @media only screen and (max-width: 767px) {
      .single-post-content .actual-content p, .single-post-content .actual-content li, .learndash-wrapper p, .learndash-wrapper li {
        font-size: 16px; } }

.related-posts {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #fafafa; }

.archive .logo-arrow {
  display: none; }

.webinar-underline .underline {
  display: inline-block;
  line-height: 2.5; }

.page-template-webinar, .page-template-paid-workshop-speed {
  background-image: linear-gradient(to right, #f7f7f7 1px, transparent 1px), linear-gradient(to bottom, #f7f7f7 1px, transparent 1px);
  background-size: 50px 50px; }
  .page-template-webinar .wrap, .page-template-paid-workshop-speed .wrap {
    width: 90%; }
  .page-template-webinar .page-title, .page-template-paid-workshop-speed .page-title {
    max-width: 90%; }
  .page-template-webinar .from-to .drop-shadow, .page-template-paid-workshop-speed .from-to .drop-shadow {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
    border-radius: 16px; }
  .page-template-webinar .key-features .wp-block-columns, .page-template-paid-workshop-speed .key-features .wp-block-columns {
    margin-bottom: 40px; }
  .page-template-webinar .footer-content p, .page-template-paid-workshop-speed .footer-content p {
    max-width: 960px; }

.webinar-details {
  gap: 0;
  border-radius: 16px;
  overflow: hidden; }
  .webinar-details > .wp-block-column {
    padding: 50px 40px 20px; }
  .webinar-details .webinar-registration-form img {
    background-color: white;
    width: auto;
    height: 120px;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ccc; }
  .webinar-details .webinar-registration-form h2 {
    margin-top: 30px;
    margin-bottom: 20px; }
  .webinar-details div.wpforms-container-full {
    max-width: 450px; }
  .webinar-details .wpforms-confirmation-scroll {
    border-radius: 16px;
    background-color: #00bf72;
    color: white;
    border: 0; }
  .webinar-details .live-webinar-details h2 {
    margin-top: 0; }
  .webinar-details .actual-webinar-details {
    margin-bottom: 40px; }
    .webinar-details .actual-webinar-details .wp-block-group {
      margin-bottom: 20px !important; }
  .webinar-details .wp-block-separator {
    margin-top: 25px;
    margin-bottom: 25px; }
  .webinar-details .webinar-instructor {
    gap: 20px; }
    .webinar-details .webinar-instructor p {
      margin-bottom: 0;
      margin-top: 5px; }
  .webinar-details .small-reviews {
    margin-top: 20px; }
    .webinar-details .small-reviews img {
      max-width: 100px; }
    .webinar-details .small-reviews p {
      font-size: 16px;
      margin-top: 10px;
      font-style: italic; }
    .webinar-details .small-reviews .wp-block-image {
      margin-bottom: 0; }

#sb-site .webinar-details input[type="text"],
#sb-site .webinar-details input[type="email"],
#sb-site .webinar-details input[type="tel"] {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  border: 0;
  padding: 26px 24px;
  display: block; }

#sb-site .webinar-details button[type="submit"] {
  width: 100%;
  min-height: 56px; }

#sb-site .wpforms-error {
  margin-top: 10px;
  padding-left: 10px; }

.user-checkbox-interactive {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  .user-checkbox-interactive label {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #EEEBFD;
    padding: 10px 20px;
    border-radius: 4px;
    position: relative;
    background-color: white;
    cursor: pointer;
    width: 46%;
    box-sizing: border-box; }
    .user-checkbox-interactive label input {
      display: none;
      cursor: pointer; }
    @media only screen and (max-width: 600px) {
      .user-checkbox-interactive label {
        width: 100%; } }
  .user-checkbox-interactive span {
    padding-left: 40px;
    display: block;
    position: relative; }
  .user-checkbox-interactive span:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--brand-color-purple);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    position: absolute;
    max-height: 0;
    left: 0;
    top: 10px; }
  .user-checkbox-interactive input:checked + span:after {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    left: 8px;
    top: 13px;
    height: 10px;
    border: solid var(--brand-color-purple);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); }

div#who-should-register .big-button {
  width: 100%; }
div#who-should-register .special-list {
  padding-left: 0; }
  @media only screen and (max-width: 767px) {
    div#who-should-register .special-list {
      max-width: 100% !important; } }

/*-------------------------------------------------------------------------------
  8.Page
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  #mobile-menu {
    display: none; } }

.what-are-you-waiting-for {
  margin-bottom: 30px; }

.footer-content {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .footer-content h4 {
    font-size: clamp(2.25rem, 3.7333333333333334vw + 0.7333333333333333rem, 4rem);
    line-height: 1.3;
    margin: 30px 0 0; }
  .footer-content p {
    margin-bottom: 0; }
  .footer-content p,
  .footer-content .lets-do-it {
    text-align: center;
    font-size: clamp(1.125rem, 1.8666666666666667vw + 0.36666666666666664rem, 2rem);
    max-width: 850px;
    line-height: 1.44; }
  .footer-content .lets-do-it {
    border-bottom: 1px solid var(--brand-color-black);
    font-weight: bold;
    margin: 50px 0 65px; }
  .footer-content .logo-container {
    margin-bottom: 70px; }
    @media only screen and (max-width: 992px) {
      .footer-content .logo-container {
        margin-bottom: 40px; } }

#site-footer .footer-bar {
  background-color: var(--brand-color-purple);
  color: white;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    #site-footer .footer-bar {
      flex-wrap: wrap;
      padding-bottom: 20px;
      font-size: 16px; } }
  #site-footer .footer-bar ul {
    display: flex; }
    #site-footer .footer-bar ul li {
      padding: 0 15px; }
    #site-footer .footer-bar ul li {
      border-right: 2px solid #fff; }
    #site-footer .footer-bar ul li:last-child {
      border-right: 0; }
    #site-footer .footer-bar ul a {
      color: white; }
      #site-footer .footer-bar ul a:hover, #site-footer .footer-bar ul a:focus {
        color: var(--brand-color-yellow); }
    @media only screen and (max-width: 767px) {
      #site-footer .footer-bar ul {
        width: 100%;
        justify-content: center; } }

#site-footer .wp-block-buttons {
  width: 100%;
  margin: 40px 0; }

div#disclaimer {
  padding: 0; }

/*-------------------------------------------------------------------------------
  8.Patterns
-------------------------------------------------------------------------------*/
.testimonial-pattern {
  border-radius: 16px;
  padding: 30px; }
  .testimonial-pattern blockquote {
    padding-left: 0;
    border: 0;
    margin-bottom: 20px; }
    .testimonial-pattern blockquote p {
      letter-spacing: 0;
      font-size: clamp(1rem, 0.6666666666666666vw + 0.7291666666666666rem, 1.4rem); }
  .testimonial-pattern p,
  .testimonial-pattern figure {
    margin: 0; }
  .testimonial-pattern .testimonial-cite img {
    max-width: 90px;
    display: block;
    margin-top: 6px; }
  .testimonial-pattern .testimonial-cite p {
    font-size: 18px; }
    @media only screen and (max-width: 767px) {
      .testimonial-pattern .testimonial-cite p {
        font-size: 16px; } }
  .testimonial-pattern .testimonial-author img {
    max-width: 70px;
    border-radius: 70px; }
  .testimonial-pattern .testimonial-cite-group {
    gap: 16px; }

.testimonial-wall .testimonial-pattern {
  margin-bottom: 2em; }
  .testimonial-wall .testimonial-pattern:last-child {
    margin-bottom: 0; }

.testimonial-pattern.big-image {
  position: relative;
  margin-top: 130px; }
  @media only screen and (max-width: 1024px) {
    .testimonial-pattern.big-image {
      margin-top: 50px; } }
  .testimonial-pattern.big-image .big-special-image {
    position: absolute;
    right: 0;
    bottom: 0; }
    @media only screen and (max-width: 1024px) {
      .testimonial-pattern.big-image .big-special-image {
        display: none; } }
  .testimonial-pattern.big-image blockquote p {
    max-width: 75%; }
    @media only screen and (max-width: 1024px) {
      .testimonial-pattern.big-image blockquote p {
        max-width: 100%; } }

#sb-site .portfolio-item h3 {
  margin: 20px 0 10px; }
  #sb-site .portfolio-item h3 a {
    font-family: var(--brand-font-inter);
    font-weight: 600;
    font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.4rem); }
    #sb-site .portfolio-item h3 a::after {
      display: inline-block;
      content: "";
      width: 22px;
      height: 22px;
      background-image: url(/wp-content/themes/nareshdev/assets/images/external-link.svg);
      background-repeat: no-repeat;
      margin-left: 8px;
      position: relative;
      top: 3px;
      background-size: contain; }
#sb-site .portfolio-item p {
  font-size: clamp(1rem, 0.5333333333333333vw + 0.7833333333333333rem, 1.25rem);
  margin: 0; }
#sb-site .portfolio-item img {
  border-radius: 16px;
  border: 3px solid #d0d0d0; }

.list-group {
  background-color: white;
  padding: 40px;
  border: 2px solid #ececec;
  border-radius: 16px; }
  .list-group.orange {
    border-color: var(--brand-color-border-orange); }
    .list-group.orange h2 {
      color: var(--brand-color-orange); }
    .list-group.orange .list-group-item {
      background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-orange.svg); }
  .list-group.purple {
    border-color: var(--brand-color-border-purple); }
    .list-group.purple h2 {
      color: var(--brand-color-purple); }
    .list-group.purple .list-group-item {
      background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-purple.svg); }
  .list-group.green {
    border-color: var(--brand-color-border-green); }
    .list-group.green h2 {
      color: var(--brand-color-green); }
    .list-group.green .list-group-item {
      background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-green.svg); }
  @media only screen and (max-width: 767px) {
    .list-group {
      padding: 32px 16px; } }
  .list-group h2,
  .list-group h3 {
    font-family: var(--brand-font-inter);
    font-weight: bold; }
  .list-group h3,
  .list-group p {
    font-size: 16px; }
  .list-group .list-group-header {
    border-bottom: 1px solid #ececec;
    padding-bottom: 44px;
    margin-bottom: 44px; }
    .list-group .list-group-header img {
      max-width: 150px;
      background-color: #f6f6f6;
      padding: 40px;
      border-radius: 40px;
      display: block; }
    .list-group .list-group-header h2 {
      font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.5rem) !important;
      margin-top: 24px;
      margin-bottom: 24px; }
    .list-group .list-group-header p {
      font-size: 16px;
      margin-bottom: 0; }
  .list-group .list-group-item {
    margin-bottom: 44px;
    gap: 20px;
    align-items: flex-start;
    padding-left: 36px;
    background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-black.svg);
    background-repeat: no-repeat;
    background-position: top 3px left;
    background-size: 18px; }
    .list-group .list-group-item:last-child {
      margin-bottom: 0; }
    .list-group .list-group-item h3 {
      margin-top: 0; }
    .list-group .list-group-item figure img {
      margin-top: 3px;
      min-width: 16px;
      max-width: 16px;
      display: block; }
    .list-group .list-group-item .wp-block-button__link {
      font-size: 16px;
      line-height: 44px;
      padding-top: 0;
      padding-bottom: 0;
      color: var(--brand-color-black);
      background-color: #ececec;
      padding-left: 20px;
      padding-right: 20px; }
      .list-group .list-group-item .wp-block-button__link:hover, .list-group .list-group-item .wp-block-button__link:focus {
        background-color: var(--brand-color-black);
        color: white; }

#sb-site .list-group-container {
  max-width: 1150px;
  margin: 0 auto;
  gap: 64px; }

.accordion {
  background: var(--brand-color-background-desaturated-yellow);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  margin-bottom: 30px; }

.accordion p {
  line-height: 1.44;
  margin-top: 0; }

.accordion p:last-child {
  margin-bottom: 0; }

.accordion-header {
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--brand-font-inter);
  font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.5rem) !important; }

.accordion-header button {
  background-color: transparent;
  border: 0;
  padding: 20px 60px 20px 30px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  position: relative;
  font-weight: bold;
  display: block;
  font-size: 18px; }

.accordion-header button::after {
  content: "";
  border: solid currentcolor;
  border-width: 0 2px 2px 0;
  height: 0.5rem;
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 0.5rem; }

.accordion-content {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  padding: 0 30px 30px; }

.accordion.is-open {
  background-color: #fafafa; }

.accordion.is-open .accordion-content {
  visibility: visible;
  position: static; }

.accordion.is-open .accordion-header button::after {
  transform: translateY(-50%) rotate(-135deg); }

.accordion-content a {
  border-bottom: 1px solid #ccc; }

.how-it-works .step {
  max-width: 1024px;
  margin: 0 auto;
  margin-bottom: 40px;
  gap: 90px; }
  @media only screen and (max-width: 767px) {
    .how-it-works .step {
      gap: 30px; } }
  .how-it-works .step .wp-block-image {
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center; }
  .how-it-works .step .has-background {
    border-radius: 16px;
    align-self: auto; }
.how-it-works .step-label {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 7px 15px;
  border-radius: 40px;
  display: inline-block; }
.how-it-works .step.orange .step-label {
  background-color: var(--brand-color-orange); }
.how-it-works .step.orange .checkmark-list li {
  background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-orange.svg); }
.how-it-works .step.purple .step-label {
  background-color: var(--brand-color-purple); }
.how-it-works .step.purple .checkmark-list li {
  background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-purple.svg); }
.how-it-works .step.green .step-label {
  background-color: var(--brand-color-green); }
.how-it-works .step.green .checkmark-list li {
  background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-green.svg); }
.how-it-works .step.blue .step-label {
  background-color: var(--brand-color-blue); }
.how-it-works .step.blue .checkmark-list li {
  background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-blue.svg); }
.how-it-works .step.pink .step-label {
  background-color: var(--brand-color-pink); }
.how-it-works .step.pink .checkmark-list li {
  background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-pink.svg); }
.how-it-works h3 {
  margin-top: 0;
  margin-bottom: 20px; }
.how-it-works h4 {
  font-family: var(--brand-font-inter);
  font-size: clamp(1.125rem, 0.8vw + 0.8rem, 1.5rem) !important;
  margin-bottom: 15px; }
.how-it-works .checkmark-list {
  margin: 0;
  padding: 0;
  list-style: none; }
.how-it-works .checkmark-list li {
  padding-left: 36px;
  background-image: url(/wp-content/themes/nareshdev/assets/images/check-circle-black.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: left center;
  font-size: clamp(1rem, 0.8vw + 0.8rem, 1.125rem) !important;
  margin-bottom: 16px; }
.how-it-works .accordion {
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
  .how-it-works .step .text.wp-block-column {
    order: 2; }
  .how-it-works .step .has-background.wp-block-column {
    order: 1; } }

body .callout-card {
  padding: 20px 24px;
  gap: 20px; }
  body .callout-card .callout-icon {
    font-size: 30px;
    width: 20px; }
  body .callout-card img {
    width: 100% !important;
    display: block !important;
    height: auto !important; }

/*-------------------------------------------------------------------------------
  8.Plugins and Services
-------------------------------------------------------------------------------*/
.single-sfwd-courses .logo-arrow {
  display: none; }

.learndash-wrapper {
  max-width: 100%; }

.ld-focus-sidebar h3 a {
  font-size: 24px; }

body .learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
  margin-top: 30px; }

.ld-lesson-status {
  margin-top: 30px;
  margin-bottom: 40px !important; }

body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
  margin-top: 0; }

/*# sourceMappingURL=style.css.map */