/*
  Theme Name: My Human Design 2026
  Author: WOOBRO
  Author URI: https://www.woobro.com
  Description: WordPress theme based on WOOBRO framework
  Version: 3.0
*/


@font-face {
    font-family: "Editor Italic";
    src: url(fonts/EditorsNote-Italic.woff2) format("woff2"), url(fonts/EditorsNote-Italic.woff) format("woff");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: "Editor";
    src: url(fonts/EditorsNote-Regular.woff2) format("woff2"), url(fonts/EditorsNote-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
  }



  body.compensate-for-scrollbar {
    overflow: hidden;
  }
  
  
h1 {
	font-size:40px;
}
h2 {
	font-size:40px;
}
h3 {
	font-size:35px;
}
h4 {font-size:30px;}
h5 {font-size:25px;}
h6 {font-size:22px;}
.title-hidden {
	display:none !important;
}
.g-recaptcha {
    margin: 0 auto 10px;
}

.main-page {
	padding:50px 0 50px;
	line-height:150%;
	font-size:16px;
}
@media (max-width:1024px) {
	.main-page {
		padding-top:20px;
	}
}
.main-page ul li {
	font-size:16px !important;
}

  .fancybox-active {
    height: auto
  }

  .fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
  }

  .fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
  }

  .fancybox-container * {
    box-sizing: border-box
  }

  .fancybox-bg,
  .fancybox-inner,
  .fancybox-outer,
  .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
  }

  .fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
  }

  .fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
  }

  .fancybox-caption,
  .fancybox-infobar,
  .fancybox-navigation .fancybox-button,
  .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
  }

  .fancybox-show-caption .fancybox-caption,
  .fancybox-show-infobar .fancybox-infobar,
  .fancybox-show-nav .fancybox-navigation .fancybox-button,
  .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
  }

  .fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }

  .fancybox-toolbar {
    right: 0;
    top: 0
  }

  .fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
  }

  .fancybox-is-open .fancybox-stage {
    overflow: hidden
  }

  .fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
  }

  .fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
  }

  .fancybox-is-sliding .fancybox-slide,
  .fancybox-slide--current,
  .fancybox-slide--next,
  .fancybox-slide--previous {
    display: block
  }

  .fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
  }

  .fancybox-slide--image:before {
    display: none
  }

  .fancybox-slide--html {
    padding: 6px
  }

  .fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
  }

  .fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
  }

  .fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
  }

  .fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
  }

  .fancybox-can-pan .fancybox-content,
  .fancybox-can-swipe .fancybox-content {
    cursor: grab
  }

  .fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
  }

  .fancybox-container [data-selectable=true] {
    cursor: text
  }

  .fancybox-image,
  .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
  }

  .fancybox-spaceball {
    z-index: 1
  }

  .fancybox-slide--iframe .fancybox-content,
  .fancybox-slide--map .fancybox-content,
  .fancybox-slide--pdf .fancybox-content,
  .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
  }

  .fancybox-slide--video .fancybox-content {
    background: #000
  }

  .fancybox-slide--map .fancybox-content {
    background: #e5e3df
  }

  .fancybox-slide--iframe .fancybox-content {
    background: #fff
  }

  .fancybox-iframe,
  .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
  }

  .fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
  }

  .fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
  }

  .fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
  }

  .fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
  }

  .fancybox-button,
  .fancybox-button:link,
  .fancybox-button:visited {
    color: #ccc
  }

  .fancybox-button:hover {
    color: #fff
  }

  .fancybox-button:focus {
    outline: none
  }

  .fancybox-button.fancybox-focus {
    outline: 1px dotted
  }

  .fancybox-button[disabled],
  .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
  }

  .fancybox-button div {
    height: 100%
  }

  .fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
  }

  .fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
  }

  .fancybox-button--fsenter svg:nth-child(2),
  .fancybox-button--fsexit svg:first-child,
  .fancybox-button--pause svg:first-child,
  .fancybox-button--play svg:nth-child(2) {
    display: none
  }

  .fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
  }

  .fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
  }

  .fancybox-close-small:hover {
    color: #fff;
    opacity: 1
  }

  .fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
  }

  .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
  }

  .fancybox-is-scaling .fancybox-close-small,
  .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
  }

  .fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
  }

  .fancybox-navigation .fancybox-button div {
    padding: 7px
  }

  .fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
  }

  .fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
  }

  .fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
  }

  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
  }

  .fancybox-caption--separate {
    margin-top: -50px
  }

  .fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
  }

  .fancybox-caption a,
  .fancybox-caption a:link,
  .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
  }

  .fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
  }

  .fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
  }

  @keyframes a {
    to {
      transform: rotate(1turn)
    }
  }

  .fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
  }

  .fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }

  .fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }

  .fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
  }

  .fancybox-fx-fade.fancybox-slide--next,
  .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
  }

  .fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
  }

  .fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
  }

  .fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
  }

  .fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
  }

  .fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
  }

  .fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
  }

  .fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
  }

  .fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
  }

  .fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
  }

  .fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
  }

  .fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
  }

  .fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
  }

  .fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
  }

  @media (max-height:576px) {
    .fancybox-slide {
      padding-left: 6px;
      padding-right: 6px
    }

    .fancybox-slide--image {
      padding: 6px 0
    }

    .fancybox-close-small {
      right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
      background: #4e4e4e;
      color: #f2f4f6;
      height: 36px;
      opacity: 1;
      padding: 6px;
      right: 0;
      top: 0;
      width: 36px
    }

    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px
    }

    @supports (padding:max(0px)) {
      .fancybox-caption {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right))
      }
    }
  }

  .fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
  }

  .fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
  }

  .fancybox-share p {
    margin: 0;
    padding: 0
  }

  .fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
  }

  .fancybox-share__button:link,
  .fancybox-share__button:visited {
    color: #fff
  }

  .fancybox-share__button:hover {
    text-decoration: none
  }

  .fancybox-share__button--fb {
    background: #3b5998
  }

  .fancybox-share__button--fb:hover {
    background: #344e86
  }

  .fancybox-share__button--pt {
    background: #bd081d
  }

  .fancybox-share__button--pt:hover {
    background: #aa0719
  }

  .fancybox-share__button--tw {
    background: #1da1f2
  }

  .fancybox-share__button--tw:hover {
    background: #0d95e8
  }

  .fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
  }

  .fancybox-share__button svg path {
    fill: #fff
  }

  .fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
  }

  .fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
  }

  .fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
  }

  .fancybox-show-thumbs .fancybox-thumbs {
    display: block
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 212px
  }

  .fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
  }

  .fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
  }

  .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
  }

  .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
  }

  .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
  }

  .fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
  }

  .fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
  }

  .fancybox-thumbs__list a:focus:before {
    opacity: .5
  }

  .fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
  }

  @media (max-width:576px) {
    .fancybox-thumbs {
      width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
      right: 110px
    }

    .fancybox-thumbs__list a {
      max-width: calc(100% - 10px)
    }
  }


  [class^=wb-],
  [class*=" wb-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "human-design" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .wb-left:before {
    content: "\e90d";
  }

  .wb-right:before {
    content: "\e90e";
  }

  .wb-Earth:before {
    content: "\e900";
  }

  .wb-Jupiter:before {
    content: "\e901";
  }

  .wb-Mars:before {
    content: "\e902";
  }

  .wb-Mercury:before {
    content: "\e903";
  }

  .wb-Moon:before {
    content: "\e904";
  }

  .wb-Neptune:before {
    content: "\e905";
  }

  .wb-North-Node:before {
    content: "\e906";
  }

  .wb-Pluto:before {
    content: "\e907";
  }

  .wb-Saturn:before {
    content: "\e908";
  }

  .wb-South-Node:before {
    content: "\e909";
  }

  .wb-Sun:before {
    content: "\e90a";
  }

  .wb-Uranus:before {
    content: "\e90b";
  }

  .wb-Venus:before {
    content: "\e90c";
  }

  /* Reset -------------------------------------------------- */
  html {
    margin: 0;
    padding: 0;
    border: 0;
  }

  a,
  abbr,
  acronym,
  address,
  article,
  aside,
  blockquote,
  body,
  caption,
  code,
  dd,
  del,
  dfn,
  dialog,
  div,
  dl,
  dt,
  em,
  fieldset,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  iframe,
  img,
  input,
  label,
  legend,
  li,
  nav,
  object,
  ol,
  pre,
  q,
  section,
  span,
  ul {
    margin: 0;
    padding: 0;
    border: 0;
  }

  p {
    border: 0;
  }

  article,
  aside,
  dialog,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section {
    display: block;
  }

  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: "";
  }

  blockquote,
  q {
    quotes: "" "";
  }

  a img {
    border: none;
  }

  :focus {
    outline: 0;
  }

  a:focus {
    outline: none;
  }

  /* Global -------------------------------------------------- */
  body {
    font-family: "Montserrat";
    color: #5D505F;
    background: #ffffff;
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap p,
  .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap li {
    font-weight: 500;
    font-size: 21px;
    line-height: 34px;
    color: #5D505F;
  }

  .cart-bottom {
    position: relative;
  }

  .checkout-button {
    position: absolute !important;
    right: 0;
    bottom: 0;
    line-height: 18px !important;
    padding: 10px 15px !important;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #F5F0E5 !important;
    text-align: center;
    background: #9C97C8 !important;
    text-transform: uppercase;
    border-radius: 30px !important;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    min-width: 200px;
  }

  #tooltip {
    padding: 8px;
    font-size: 12px;
    line-height: 1;
    background: #222;
    color: #fff;
    z-index: 999999;
  }

  /** Typeahead */
  .typeahead .tt-query,
  .typeahead .tt-hint {
    margin-bottom: 0;
  }

  .tt-hint {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }

  .tt-menu {
    min-width: 360px;
    margin-top: 2px;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    font-size: 13px;
  }

  .tt-suggestion {
    display: block;
    padding: 3px 20px;
    width: 100%;
  }

  .tt-suggestion.tt-selectable {
    margin: 5px 0px 5px 0px;
  }

  .tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #428bca;
  }

  .tt-suggestion.tt-cursor a {
    color: #fff;
  }

  .tt-suggestion {
    margin-bottom: 0 !important;
    text-align: left !important;
    font-size: 18px !important;
  }

  .tt-suggestion p {
    margin: 0;
  }

  /** Typeahead */

  .variations label {
    font-size: 18px;
    padding-top: 20px;
    display: block;
  }

  .variations select {
    display: block;
    height: 34px;
    min-width: 250px;
    border-radius: 30px;
    background: #fff;
    width: 100%;
    padding: 6px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #5D505F;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .161));
  }

  .variations a.reset_variations {
    display: block;
    text-align: left;
    margin: 0px 0 0px 0;
    min-width: 250px;
    font-size: 16px;
  }

  .my-videos {
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
  }

  p a {
    color: #5D505F;
  }

  /* Global Css for headings, p and achors */
  section {
    display: block;
  } 

h1, h2, h3, h4, h5, h6 {
	font-family:'Editor';
	font-weight:normal;
  }

  .w-100 {
    width: 100%;
  }

  .d-block {
    display: block !important;
  }

  .d-inline-block {
    display: inline-block !important;
  }

  a {
    text-decoration: none !important;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    color: #5D505F;
  } a:hover, a:focus {
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
  }

  .text-center {
    text-align: center !important;
  }

  .text-right {
    text-align: right !important;
  }

  .text-left {
    text-align: left !important;
  }

  ul,
  ul li,
  ul li ul,
  ul li ul li,
  ul ol {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body.menu-open {
    overflow: hidden;
  }

  .img-fluid {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .common-gradient {
    background: linear-gradient(125.88deg, #F4EBE2 0%, #EDE8F3 106.61%);
    /*  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/

    -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.161));
  }

  .dropshadow {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #5D505F;
    opacity: 0.25;
    z-index: 908;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-animation-name: fadeIn_Container;
    animation-name: fadeIn_Container;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  .modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 909;
  }

  .modal .aligncenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }

  @media (max-width: 768px) {
    .modal .aligncenter {
      height: auto;
    }
  }

  .modal.modal-video .modal-dialog {
    max-width: 1000px;
  }

  @media (max-width: 600px) {
    .modal.modal-video .modal-header a {
      right: 9px;
      top: 3px;
    }
  }

  @media (max-width: 600px) {
    .modal.modal-video .modal-header a img {
      height: 13px;
    }
  }

  .modal .modal-dialog {
    max-width: 660px;
    margin: 0 auto;
    -webkit-animation-name: fadeIn_Modal;
    animation-name: fadeIn_Modal;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: relative;
    z-index: 11;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: linear-gradient(135.9deg, #F4EBE2 2.09%, #EDE8F3 98.11%);
    border-radius: 15px;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
  }

  @media (max-width: 768px) {
    .modal .modal-dialog {
      padding: 0;
      overflow-y: auto;
      width: calc(100% - 30px);
    }
  }

  .modal .close-modal {
    color: #ffffff;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .modal .modal-footer {
    text-align: center;
    padding: 25px 0;
  }

  .modal .modal-footer a {
    font-style: normal;
    font-family: "Montserrat";
    font-weight: 600;
    font-weight: 325;
    font-size: 21px;
    line-height: 25px;
    color: #5D505F;
  }

  .charts-modal-list {
    padding: 25px 15px 25px 30px;
  }

  @media (max-width: 768px) {
    .charts-modal-list {
      padding: 15px 10px;
    }
  }

  .charts-modal-list h2 {
    font-family: "Editor";
    font-style: normal;
    font-weight: 325;
    font-size: 30px;
    line-height: 30px;
    color: #5D505F;
    margin-bottom: 40px;
    text-align: center;
  }

  .charts-modal-list .charts-listing-modal ul {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 15px;
    min-height: 250px;
  }

  .charts-modal-list .charts-listing-modal ul::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
  }

  .charts-modal-list .charts-listing-modal ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #5D505F;
  }

  .charts-modal-list .charts-listing-modal ul::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .charts-modal-list .charts-listing-modal ul li {
    margin-bottom: 25px;
  }

  .chart-item .chart-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 768px) {
    .chart-item .chart-item-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .chart-item .avatar-details {
    max-width: 60px;
    -webkit-box-flex: 60px;
    -ms-flex: 60px;
    flex: 60px;
  }

  .chart-item .avatar-details .avatar-initials {
    font-family: "Editor";
    font-style: normal;
    font-weight: 325;
    font-size: 20px;
    line-height: 58px;
    background: #FFFFFF;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    color: #5D505F;
    display: inline-block;
    text-align: center;
  }

  .chart-item .avatar-details .avatar-image {
    height: 58px;
    width: 58px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
  }

  .chart-item .chart-details {
    max-width: calc(100% - 150px);
    -webkit-box-flex: calc(100% - 150px);
    -ms-flex: calc(100% - 150px);
    flex: calc(100% - 150px);
    padding-left: 20px;
  }

  @media (max-width: 768px) {
    .chart-item .chart-details {
      max-width: calc(100% - 60px);
      -webkit-box-flex: calc(100% - 60px);
      -ms-flex: calc(100% - 60px);
      flex: calc(100% - 60px);
    }
  }

  .chart-item .chart-details h3 {
    font-family: "Editor";
    font-style: normal;
    font-weight: 325;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 6px;
    color: #5D505F;
  }

  .chart-item .chart-details p {
    font-family: "Montserrat";
    font-style: normal;
    font-size: 15px;
    line-height: 16px;
    color: #5D505F;
  }

  .chart-item .chart-actions {
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 13px;
    color: #5D505F;
    max-width: 110px;
    -webkit-box-flex: 110px;
    -ms-flex: 110px;
    flex: 110px;
  }

  @media (max-width: 768px) {
    .chart-item .chart-actions {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      text-align: center;
      margin-top: 15px;
    }

    .chart-item .chart-actions .text-right {
      text-align: left !important;
      padding-left: 81px;
    }
  }

  .chart-item .chart-actions a {
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 13px;
    color: #5D505F;
    text-transform: uppercase;
  }

  .umar {
    display: none;
  }

  .m-t-0 {
    margin-top: 0px !important;
  }

  .p-t-0 {
    padding-top: 0px !important;
  }

  .m-b-0 {
    margin-bottom: 0px !important;
  }

  .p-b-0 {
    padding-bottom: 0px !important;
  }

  .m-l-0 {
    margin-left: 0px !important;
  }

  .p-l-0 {
    padding-left: 0px !important;
  }

  .m-r-0 {
    margin-right: 0px !important;
  }

  .p-r-0 {
    padding-right: 0px !important;
  }

  .m-0 {
    margin: 0px !important;
  }

  .p-0 {
    padding: 0px !important;
  }

  .m-t-2 {
    margin-top: 2px !important;
  }

  .p-t-2 {
    padding-top: 2px !important;
  }

  .m-b-2 {
    margin-bottom: 2px !important;
  }

  .p-b-2 {
    padding-bottom: 2px !important;
  }

  .m-l-2 {
    margin-left: 2px !important;
  }

  .p-l-2 {
    padding-left: 2px !important;
  }

  .m-r-2 {
    margin-right: 2px !important;
  }

  .p-r-2 {
    padding-right: 2px !important;
  }

  .m-2 {
    margin: 2px !important;
  }

  .p-2 {
    padding: 2px !important;
  }

  .m-t-4 {
    margin-top: 4px !important;
  }

  .p-t-4 {
    padding-top: 4px !important;
  }

  .m-b-4 {
    margin-bottom: 4px !important;
  }

  .p-b-4 {
    padding-bottom: 4px !important;
  }

  .m-l-4 {
    margin-left: 4px !important;
  }

  .p-l-4 {
    padding-left: 4px !important;
  }

  .m-r-4 {
    margin-right: 4px !important;
  }

  .p-r-4 {
    padding-right: 4px !important;
  }

  .m-4 {
    margin: 4px !important;
  }

  .p-4 {
    padding: 4px !important;
  }

  .m-t-5 {
    margin-top: 5px !important;
  }

  .p-t-5 {
    padding-top: 5px !important;
  }

  .m-b-5 {
    margin-bottom: 5px !important;
  }

  .p-b-5 {
    padding-bottom: 5px !important;
  }

  .m-l-5 {
    margin-left: 5px !important;
  }

  .p-l-5 {
    padding-left: 5px !important;
  }

  .m-r-5 {
    margin-right: 5px !important;
  }

  .p-r-5 {
    padding-right: 5px !important;
  }

  .m-5 {
    margin: 5px !important;
  }

  .p-5 {
    padding: 5px !important;
  }

  .m-t-10 {
    margin-top: 10px !important;
  }

  .p-t-10 {
    padding-top: 10px !important;
  }

  .m-b-10 {
    margin-bottom: 10px !important;
  }

  .p-b-10 {
    padding-bottom: 10px !important;
  }

  .m-l-10 {
    margin-left: 10px !important;
  }

  .p-l-10 {
    padding-left: 10px !important;
  }

  .m-r-10 {
    margin-right: 10px !important;
  }

  .p-r-10 {
    padding-right: 10px !important;
  }

  .m-10 {
    margin: 10px !important;
  }

  .p-10 {
    padding: 10px !important;
  }

  .m-t-15 {
    margin-top: 15px !important;
  }

  .p-t-15 {
    padding-top: 15px !important;
  }

  .m-b-15 {
    margin-bottom: 15px !important;
  }

  .p-b-15 {
    padding-bottom: 15px !important;
  }

  .m-l-15 {
    margin-left: 15px !important;
  }

  .p-l-15 {
    padding-left: 15px !important;
  }

  .m-r-15 {
    margin-right: 15px !important;
  }

  .p-r-15 {
    padding-right: 15px !important;
  }

  .m-15 {
    margin: 15px !important;
  }

  .p-15 {
    padding: 15px !important;
  }

  .m-t-20 {
    margin-top: 20px !important;
  }

  .p-t-20 {
    padding-top: 20px !important;
  }

  .m-b-20 {
    margin-bottom: 20px !important;
  }

  .p-b-20 {
    padding-bottom: 20px !important;
  }

  .m-l-20 {
    margin-left: 20px !important;
  }

  .p-l-20 {
    padding-left: 20px !important;
  }

  .m-r-20 {
    margin-right: 20px !important;
  }

  .p-r-20 {
    padding-right: 20px !important;
  }

  .m-20 {
    margin: 20px !important;
  }

  .p-20 {
    padding: 20px !important;
  }

  .m-t-25 {
    margin-top: 25px !important;
  }

  .p-t-25 {
    padding-top: 25px !important;
  }

  .m-b-25 {
    margin-bottom: 25px !important;
  }

  .p-b-25 {
    padding-bottom: 25px !important;
  }

  .m-l-25 {
    margin-left: 25px !important;
  }

  .p-l-25 {
    padding-left: 25px !important;
  }

  .m-r-25 {
    margin-right: 25px !important;
  }

  .p-r-25 {
    padding-right: 25px !important;
  }

  .m-25 {
    margin: 25px !important;
  }

  .p-25 {
    padding: 25px !important;
  }

  .m-t-30 {
    margin-top: 30px !important;
  }

  .p-t-30 {
    padding-top: 30px !important;
  }

  .m-b-30 {
    margin-bottom: 30px !important;
  }

  .p-b-30 {
    padding-bottom: 30px !important;
  }

  .m-l-30 {
    margin-left: 30px !important;
  }

  .p-l-30 {
    padding-left: 30px !important;
  }

  .m-r-30 {
    margin-right: 30px !important;
  }

  .p-r-30 {
    padding-right: 30px !important;
  }

  .m-30 {
    margin: 30px !important;
  }

  .p-30 {
    padding: 30px !important;
  }

  .m-t-40 {
    margin-top: 40px !important;
  }

  .p-t-40 {
    padding-top: 40px !important;
  }

  .m-b-40 {
    margin-bottom: 40px !important;
  }

  .p-b-40 {
    padding-bottom: 40px !important;
  }

  .m-l-40 {
    margin-left: 40px !important;
  }

  .p-l-40 {
    padding-left: 40px !important;
  }

  .m-r-40 {
    margin-right: 40px !important;
  }

  .p-r-40 {
    padding-right: 40px !important;
  }

  .m-40 {
    margin: 40px !important;
  }

  .p-40 {
    padding: 40px !important;
  }

  .m-t-45 {
    margin-top: 45px !important;
  }

  .p-t-45 {
    padding-top: 45px !important;
  }

  .m-b-45 {
    margin-bottom: 45px !important;
  }

  .p-b-45 {
    padding-bottom: 45px !important;
  }

  .m-l-45 {
    margin-left: 45px !important;
  }

  .p-l-45 {
    padding-left: 45px !important;
  }

  .m-r-45 {
    margin-right: 45px !important;
  }

  .p-r-45 {
    padding-right: 45px !important;
  }

  .m-45 {
    margin: 45px !important;
  }

  .p-45 {
    padding: 45px !important;
  }

  .m-t-50 {
    margin-top: 50px !important;
  }

  .p-t-50 {
    padding-top: 50px !important;
  }

  .m-b-50 {
    margin-bottom: 50px !important;
  }

  .p-b-50 {
    padding-bottom: 50px !important;
  }

  .m-l-50 {
    margin-left: 50px !important;
  }

  .p-l-50 {
    padding-left: 50px !important;
  }

  .m-r-50 {
    margin-right: 50px !important;
  }

  .p-r-50 {
    padding-right: 50px !important;
  }

  .m-50 {
    margin: 50px !important;
  }

  .p-50 {
    padding: 50px !important;
  }

  .m-t-60 {
    margin-top: 60px !important;
  }

  .p-t-60 {
    padding-top: 60px !important;
  }

  .m-b-60 {
    margin-bottom: 60px !important;
  }

  .p-b-60 {
    padding-bottom: 60px !important;
  }

  .m-l-60 {
    margin-left: 60px !important;
  }

  .p-l-60 {
    padding-left: 60px !important;
  }

  .m-r-60 {
    margin-right: 60px !important;
  }

  .p-r-60 {
    padding-right: 60px !important;
  }

  .m-60 {
    margin: 60px !important;
  }

  .p-60 {
    padding: 60px !important;
  }

  .m-t-70 {
    margin-top: 70px !important;
  }

  .p-t-70 {
    padding-top: 70px !important;
  }

  .m-b-70 {
    margin-bottom: 70px !important;
  }

  .p-b-70 {
    padding-bottom: 70px !important;
  }

  .m-l-70 {
    margin-left: 70px !important;
  }

  .p-l-70 {
    padding-left: 70px !important;
  }

  .m-r-70 {
    margin-right: 70px !important;
  }

  .p-r-70 {
    padding-right: 70px !important;
  }

  .m-70 {
    margin: 70px !important;
  }

  .p-70 {
    padding: 70px !important;
  }

  .m-t-80 {
    margin-top: 80px !important;
  }

  .p-t-80 {
    padding-top: 80px !important;
  }

  .m-b-80 {
    margin-bottom: 80px !important;
  }

  .p-b-80 {
    padding-bottom: 80px !important;
  }

  .m-l-80 {
    margin-left: 80px !important;
  }

  .p-l-80 {
    padding-left: 80px !important;
  }

  .m-r-80 {
    margin-right: 80px !important;
  }

  .p-r-80 {
    padding-right: 80px !important;
  }

  .m-80 {
    margin: 80px !important;
  }

  .p-80 {
    padding: 80px !important;
  }

  .m-t-100 {
    margin-top: 100px !important;
  }

  .p-t-100 {
    padding-top: 100px !important;
  }

  .m-b-100 {
    margin-bottom: 100px !important;
  }

  .p-b-100 {
    padding-bottom: 100px !important;
  }

  .m-l-100 {
    margin-left: 100px !important;
  }

  .p-l-100 {
    padding-left: 100px !important;
  }

  .m-r-100 {
    margin-right: 100px !important;
  }

  .p-r-100 {
    padding-right: 100px !important;
  }

  .m-100 {
    margin: 100px !important;
  }

  .p-100 {
    padding: 100px !important;
  }

  .m-l-auto {
    margin-left: auto !important;
  }

  .m-r-auto {
    margin-right: auto !important;
  }

  .section-space-30 {
    padding: 30px 0;
  }

  .section-space-40 {
    padding: 40px 0;
  }

  .section-space-50 {
    padding: 50px 0;
  }

  .section-space-60 {
    padding: 60px 0;
  }

  @media (max-width: 992px) {
    .section-space-60 {
      padding: 50px 0;
    }
  }

  @media (max-width: 768px) {
    .section-space-60 {
      padding: 40px 0;
    }
  }

  @media (max-width: 480px) {
    .section-space-60 {
      padding: 30px 0;
    }
  }

  .section-space-70 {
    padding: 70px 0;
  }

  @media (max-width: 992px) {
    .section-space-70 {
      padding: 50px 0;
    }
  }

  @media (max-width: 768px) {
    .section-space-70 {
      padding: 40px 0;
    }
  }

  @media (max-width: 480px) {
    .section-space-70 {
      padding: 30px 0;
    }
  }

  .section-space-80 {
    padding: 80px 0;
  }

  @media (max-width: 992px) {
    .section-space-80 {
      padding: 50px 0;
    }
  }

  @media (max-width: 768px) {
    .section-space-80 {
      padding: 40px 0;
    }
  }

  @media (max-width: 480px) {
    .section-space-80 {
      padding: 30px 0;
    }
  }

  .section-space-90 {
    padding: 90px 0;
  }

  @media (max-width: 992px) {
    .section-space-90 {
      padding: 50px 0;
    }
  }

  @media (max-width: 768px) {
    .section-space-90 {
      padding: 40px 0;
    }
  }

  @media (max-width: 480px) {
    .section-space-90 {
      padding: 30px 0;
    }
  }

  .section-space-100 {
    padding: 100px 0;
  }

  @media (max-width: 992px) {
    .section-space-100 {
      padding: 50px 0;
    }
  }

  @media (max-width: 768px) {
    .section-space-100 {
      padding: 40px 0;
    }
  }

  @media (max-width: 480px) {
    .section-space-100 {
      padding: 30px 0;
    }
  }

  .section-space-110 {
    padding: 110px 0;
  }

  .section-bottpm-space-110 {
    padding-bottom: 110px;
  }


  @media (max-width: 1200px) {
    .section-space-110 {
      padding: 80px 0;
    }
  }

  @media (max-width: 992px) {
    .section-space-110 {
      padding: 60px 0;
    }
  }

  @media (max-width: 768px) {
    .section-space-110 {
      padding: 40px 0;
    }
  }

  @media (max-width: 480px) {
    .section-space-110 {
      padding: 25px 0;
    }
  }

  .round-theme-btn {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #5D505F;
    border: 3px solid #5D505F;
    background: transparent;
    padding: 12px 50px;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-decoration: none !important;
    font-family: "Montserrat";
  }

  @media (max-width: 768px) {
    .round-theme-btn {
      padding: 12px 30px;
    }
  }

  @media (max-width: 480px) {
    .round-theme-btn {
      padding: 12px 20px;
      font-size: 14px;
    }
  }

  /* .round-theme-btn:hover,
  .round-theme-btn:focus {
    color: #ffffff;
    border-color: #5D505F;
    background: #D2B281 !important;
  } */

  .theme-btn {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #F5F0E5;
    text-align: center;
    border: 0;
    background: #9C97C8;
    padding: 12px 20px;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    min-width: 250px;
    text-decoration: none !important;
  }

  @media (max-width: 768px) {
    .theme-btn {
      padding: 12px 30px;
    }
  }

  @media (max-width: 480px) {
    .theme-btn {
      padding: 12px 20px;
      font-size: 14px;
    }
  }

  .theme-btn:hover,
  .theme-btn:focus {
    color: #5D505F;
    border-color: #5D505F;
    background: #F2F2F2;
  }

  .select-wrapper {
    position: relative;
  }

  .select-wrapper:before {
    content: "";
    background: url(images/right-arrow.svg) no-repeat center center/contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 11px;
    z-index: 101;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .select-wrapper select {
    -webkit-appearance: none;
  }

  .input-field {
    margin-bottom: 30px;
  }

  @media (max-width: 768px) {
    .input-field {
      margin-bottom: 15px;
    }
  }

  .input-field label {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
    margin-bottom: 3px;
  }

  .input-field input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: "Montserrat";
    font-style: normal;
    color: #5D505F;
    font-weight: 500;
    font-size: 16px;
  }

  .input-field input::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Montserrat";
    font-style: normal;
    color: #5D505F;
    font-weight: 500;
    font-size: 16px;
  }

  .input-field input:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Montserrat";
    font-style: normal;
    color: #5D505F;
    font-weight: 500;
    font-size: 16px;
  }

  .input-field input:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Montserrat";
    font-style: normal;
    color: #5D505F;
    font-weight: 500;
    font-size: 16px;
  }

  .input-field select,
  .input-field input {
    display: block;
    height: 55px;
    border-radius: 30px;
    background: #ffffff;
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5D505F;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
  }

  @media (max-width: 600px) {

    .input-field select,
    .input-field input {
      font-size: 16px !important;
      height: 45px;
    }
  }

  .input-field select:focus,
  .input-field input:focus {
    outline: none;
    background: #ffffff;
  }

  .input-field textarea {
    display: block;
    height: 150px;
    border-radius: 20px;
    background: #d0d7eb;
    width: 100%;
    padding: 8px 15px;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 300;
    line-height: 31px;
    font-family: "Montserrat";
  }

  .input-field textarea.white-theme {
    border-radius: 18px;
    background: #FFF;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    border: 0;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5D505F;
  }

  .input-field textarea:focus {
    outline: none;
    border-color: #000000;
  }

  .chart-form-wrapper {
    text-align: center;
    padding: 90px 0 40px;
    position: relative;
  }

  @media (max-width: 1024px) {
    .chart-form-wrapper {
      padding: 60px 0 40px;
    }
  }

  .chart-form-wrapper:before {
    content: "";
    background: linear-gradient(135.9deg, #D1DBE7 2.09%, #FFFAF1 98.11%);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    inset: 0;
    height: 100%;
  }

  .chart-form-wrapper:after {
    content: "";
    background: url(images/chart-clouds.png) no-repeat center center/cover;
    position: absolute;
    width: 100%;
    inset: 0;
    height: 100%;
    z-index: -1;
  }

  .chart-form-wrapper .chart-form-inner {
    max-width: 1000px;
    margin: auto;
    position: relative;
    z-index: 1;
  }

  .chart-form-wrapper .chart-form-inner h1 {
    margin: 0 0 17px;
  }

  @media (max-width: 600px) {
    .chart-form-wrapper .chart-form-inner h1 {
      margin: 0 0 25px;
    }
  }

  .chart-form-wrapper .chart-form-inner h4 {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 35px;
    line-height: 42px;
    color: #5D505F;
    margin-bottom: 30px;
  }

  @media (max-width: 992px) {
    .chart-form-wrapper .chart-form-inner h4 {
      font-size: 26px;
      line-height: 30px;
      margin-bottom: 25px;
    }
  }

  @media (max-width: 768px) {
    .chart-form-wrapper .chart-form-inner h4 {
      font-size: 22px;
      line-height: 26px;
    }
  }

  .chart-form-wrapper .chart-form-inner p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #9C97C8;
    margin-bottom: 45px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  @media (max-width: 1200px) {
    .chart-form-wrapper .chart-form-inner p {
      font-size: 22px;
      line-height: 26px;
    }
  }

  @media (max-width: 992px) {
    .chart-form-wrapper .chart-form-inner p {
      font-size: 20px;
      line-height: 24px;
    }
  }

  @media (max-width: 768px) {
    .chart-form-wrapper .chart-form-inner p {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 25px;
    }
  }

  .chart-form-wrapper .chart-form-inner .form-inner {
    max-width: 500px;
    margin: auto;
  }

  .chart-form-wrapper .chart-form-inner .para-text p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #5D505F;
  }

  @media (max-width: 992px) {
    .chart-form-wrapper .chart-form-inner .para-text p {
      font-size: 16px;
      line-height: 20px;
    }
  }

  @media (max-width: 768px) {
    .chart-form-wrapper .chart-form-inner .para-text p {
      font-size: 12px;
      line-height: 15px;
    }
  }

  .form-wrapper .form-inner {
    margin-bottom: 10px;
  }

  .form-wrapper .form-inner .grid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 768px) {
    .form-wrapper .form-inner .grid-row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 0;
    }
  }

  .form-wrapper .form-inner .grid-row .grid-6 {
    max-width: calc(50% - 5px);
    -webkit-box-flex: calc(50% - 5px);
    -ms-flex: calc(50% - 5px);
    flex: calc(50% - 5px);
    padding: 0 !important;
  }

  .form-wrapper .form-inner .grid-row .grid-4 {
    max-width: calc(33.33% - 7px);
    -webkit-box-flex: calc(33.33% - 7px);
    -ms-flex: calc(33.33% - 7px);
    flex: calc(33.33% - 7px);
    padding: 0 !important;
  }

  /*@media (max-width: 768px) {
  .form-wrapper .form-inner .grid-row .grid-4 {
    width: 100% !important;
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
*/
  .form-wrapper .form-inner .grid-row [class^=grid-] {
    padding: 0 !important;
  }

  @media (max-width: 768px) {
    .form-wrapper .form-inner .grid-row [class^=grid-] {
      width: 100%;
    }

    .form-wrapper .form-inner .grid-row .grid-4 {
      margin: 3px !important;
    }

    .dob-title {
      padding-left: 3px;
    }

    .form-inner.chart-form .grid-row.time-fields .grid-4 {
      max-width: calc(23.33% - 4px);
      -webkit-box-flex: calc(23.33% - 4px);
      -ms-flex: calc(23.33% - 4px);
      flex: calc(23.33% - 4px);
      padding: 0 !important;
    }

    .form-inner.chart-form .grid-row.time-fields .grid-4.ampm {
      max-width: calc(46.33% - 4px);
      -webkit-box-flex: calc(46.33% - 4px);
      -ms-flex: calc(46.33% - 4px);
      flex: calc(46.33% - 4px);
      padding: 0 !important;
    }
  }

  .form-wrapper .submit-form.submit-contact input {
    background: #9C97C8;
    width: 100%;
    font-size: 18px;
  }

  @media (max-width: 768px) {
    .form-wrapper .submit-form.submit-contact input {
      padding: 20px 25px;
    }
  }

  .form-wrapper .submit-form.submit-contact input:hover,
  .form-wrapper .submit-form.submit-contact input:focus {
    color: #5D505F;
    border-color: #5D505F;
    background: #F2F2F2;
  }

  .form-wrapper .submit-form input {
    background: transparent;
    margin: auto;
    padding: 12px 35px;
  }

  @media (max-width: 600px) {
    .form-wrapper .submit-form input {
      width: 100%;
      padding: 7px 25px;
      font-size: 13px;
      line-height: 16px;
    }
  }

  @media (max-width: 768px) {
    .m-pt-0 {
      padding-top: 0 !important;
    }
  }

  .grid-1 {
    max-width: 8.3333333333%;
    -webkit-box-flex: 8.3333333333%;
    -ms-flex: 8.3333333333%;
    flex: 8.3333333333%;
  }

  .grid-2 {
    max-width: 16.6666666667%;
    -webkit-box-flex: 16.6666666667%;
    -ms-flex: 16.6666666667%;
    flex: 16.6666666667%;
  }

  .grid-3 {
    max-width: 25%;
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
  }

  .grid-4 {
    max-width: 33.3333333333%;
    -webkit-box-flex: 33.3333333333%;
    -ms-flex: 33.3333333333%;
    flex: 33.3333333333%;
  }

  .grid-5 {
    max-width: 41.6666666667%;
    -webkit-box-flex: 41.6666666667%;
    -ms-flex: 41.6666666667%;
    flex: 41.6666666667%;
  }

  .grid-6 {
    max-width: 50%;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }

  .grid-7 {
    max-width: 58.3333333333%;
    -webkit-box-flex: 58.3333333333%;
    -ms-flex: 58.3333333333%;
    flex: 58.3333333333%;
  }

  .grid-8 {
    max-width: 66.6666666667%;
    -webkit-box-flex: 66.6666666667%;
    -ms-flex: 66.6666666667%;
    flex: 66.6666666667%;
  }

  .grid-9 {
    max-width: 75%;
    -webkit-box-flex: 75%;
    -ms-flex: 75%;
    flex: 75%;
  }

  .grid-10 {
    max-width: 83.3333333333%;
    -webkit-box-flex: 83.3333333333%;
    -ms-flex: 83.3333333333%;
    flex: 83.3333333333%;
  }

  .grid-11 {
    max-width: 91.6666666667%;
    -webkit-box-flex: 91.6666666667%;
    -ms-flex: 91.6666666667%;
    flex: 91.6666666667%;
  }

  .grid-12 {
    max-width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  .offset-1 {
    margin-left: 8.3333333333%;
  }

  .offset-2 {
    margin-left: 16.6666666667%;
  }

  .offset-3 {
    margin-left: 25%;
  }

  .offset-4 {
    margin-left: 33.3333333333%;
  }

  .offset-5 {
    margin-left: 41.6666666667%;
  }

  .offset-6 {
    margin-left: 50%;
  }

  .offset-7 {
    margin-left: 58.3333333333%;
  }

  .offset-8 {
    margin-left: 66.6666666667%;
  }

  .offset-9 {
    margin-left: 75%;
  }

  .offset-10 {
    margin-left: 83.3333333333%;
  }

  .offset-11 {
    margin-left: 91.6666666667%;
  }

  .offset-12 {
    margin-left: 100%;
  }

  [class^=grid-] {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .grid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  @media (max-width: 767px) {
    .container-fluid {
      padding-right: 15px;
      padding-left: 15px;
    }
  }

  @media (min-width: 1200px) {

    .container-1380-get-your-chart {
      max-width: 1100px;
    }

    .container-1380 {
      max-width: 1420px;
    }
  }

  @media (min-width: 1400px) {
    .container-1380-get-your-chart {
      max-width: 1100px;
    }
  }

  @media (min-width: 1200px) {
    .container-1530 {
      max-width: 96%;
    }
  }

  @media (min-width: 1600px) {
    .container-1530 {
      max-width: 1570px;
    }
  }

  @media (max-width: 1200px) {
    [class^=grid-] {
      margin: 0 !important;
    }
  }

  @media (max-width: 768px) {
    .grid-row {
      display: block;
    }

    [class^=grid-] {
      max-width: 100%;
      -webkit-box-flex: inherit;
      -ms-flex: inherit;
      flex: inherit;
    }

    .grid-row>div {
      padding-left: 0;
      padding-right: 0;
    }
  } 

  header.custom-header {
	padding:0 !important;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }


  header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 100;
    background: #ffffff;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  }

 header.custom-header .header-inner {
	padding: 0 !important;
}
  header.custom-header .header-inner .hd-header-grid {
	padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
 @media (max-width: 989px) {
    header.custom-header .header-inner{
      padding: 5px 0 !important;
    }
  }
  header.custom-header .container .header-inner .hd-header-grid .hd-menu-header a img {
    margin-left: auto;
  }

  @media (max-width: 768px) {
   header.custom-header .container .header-inner .hd-header-grid .hd-menu-header a img {
      height: 22px;
    }
  }

  @media (max-width: 989px) {
  header.custom-header .container .header-inner .hd-header-grid .hd-logo-header {
      max-width: calc(100% - 200px);
      -webkit-box-flex: calc(100% - 200px);
      -ms-flex: calc(100% - 200px);
      flex: calc(100% - 200px);
    }
  }

header.custom-header .container .header-inner .hd-header-grid .hd-logo-header a figure {
    text-align: center;
  }

header.custom-header .container .header-inner .hd-header-grid .hd-logo-header a figure img {
    margin: auto !important;
    height: 60px;
    display: block;
  }

  @media (max-width:1024px) {
   header.custom-header .container .header-inner .hd-header-grid .hd-logo-header a figure img {
      height: 42px;
      display: block;
      margin: 0 auto !important;
    }
  }

  .menu-sidebar {
    -webkit-filter: drop-shadow(-3px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(-3px 3px 6px rgba(0, 0, 0, 0.161));
    height: 100vh;
    width: 650px;
    position: fixed;
    right: -100%;
    background: #ffffff;
    top: 0;
    z-index: 1000;
  }

  @media (max-width: 768px) {
    .menu-sidebar {
      width: 100%;
    }
  }

  .menu-sidebar .sidebar-inner-menu {
    padding: 35px 25px;
    text-align: center;
    position: relative;
    height: 100%;
    overflow: auto;
  }

  @media (max-width: 768px) {
    .menu-sidebar .sidebar-inner-menu {
      padding: 50px 30px;
    }
  }

  /*updated css for mobile meny*/
  .menu-sidebar {
    background: linear-gradient(33deg, #d3b281 12.71%, #f0ce9f 85.88%) !important;
  }

  .sidebar-inner-menu {
    background: linear-gradient(33deg, #d3b281 12.71%, #f0ce9f 85.88%) !important;
  }

  @media (max-width: 768px) {
    .menu-sidebar .sidebar-inner-menu .menu-logo {
      display: none;
    }
  }

  .menu-sidebar .sidebar-inner-menu .menu-logo a img {
    margin: auto;
  }

  .menu-sidebar .sidebar-inner-menu .menu-cta {
    margin-bottom: 15px;
  }

  .menu-sidebar .sidebar-inner-menu .menu-cta a {
    padding: 5px 15px;
    min-width: 190px;
  }

  .menu-sidebar .sidebar-inner-menu .menu-links ul {
    text-align: left;
  }

  .menu-sidebar .sidebar-inner-menu .menu-links ul li {
    padding: 15px 0;
  }

  @media (max-width: 768px) {
    .menu-sidebar .sidebar-inner-menu .menu-links ul li {
      padding: 10px 0;
    }
  }

  .menu-sidebar .sidebar-inner-menu .menu-links ul li a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 37px;
    color: #5D505F;
  }

  @media (max-width: 768px) {
    .menu-sidebar .sidebar-inner-menu .menu-links ul li a {
      font-size: 20px;
    }
  }

  .menu-sidebar .sidebar-inner-menu .menu-links ul li a:hover {
    text-decoration: none !important;
  }

  .top-header {
    background: #EECD9D;
    text-align: center;
    padding: 8px;
  }

  .top-header p {
	font-family:'Montserrat Light';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #5D505F;
  }

  @media (max-width: 768px) {
    .top-header p {
      font-size: 12px;
      line-height: 12px;
    }
  }

  .hidden {
    display: none;
  }

  .position-relative {
    position: relative !important;
  }

  @media (max-width: 600px) {
    .about-wrapper {
      padding-top: 150px;
    }
  }

  .about-wrapper .wrap-about-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 80px 95px 80px 115px;
    border-radius: 18px;
  }

  @media (max-width: 1200px) {
    .about-wrapper .wrap-about-content {
      padding: 60px;
    }
  }

  @media (max-width: 768px) {
    .about-wrapper .wrap-about-content {
      padding: 30px;
    }
  }

  @media (max-width: 600px) {
    .about-wrapper .wrap-about-content {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  @media (max-width: 480px) {
    .about-wrapper .wrap-about-content {
      max-width: 335px;
      margin: auto;
    }
  }

  .about-wrapper .wrap-about-content .about-image {
    max-width: 410px;
    -webkit-box-flex: 410px;
    -ms-flex: 410px;
    flex: 410px;
  }

  @media (max-width: 992px) {
    .about-wrapper .wrap-about-content .about-image {
      max-width: 310px;
      -webkit-box-flex: 310px;
      -ms-flex: 310px;
      flex: 310px;
    }
  }

  @media (max-width: 768px) {
    .about-wrapper .wrap-about-content .about-image {
      max-width: 220px;
      -webkit-box-flex: 220px;
      -ms-flex: 220px;
      flex: 220px;
    }
  }

  @media (max-width: 600px) {
    .about-wrapper .wrap-about-content .about-image {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .about-wrapper .wrap-about-content .about-image .image-frame {
    padding-top: 30px;
  }

  @media (max-width: 600px) {
    .about-wrapper .wrap-about-content .about-image .image-frame {
      padding-top: 0;
      margin-top: -130px;
    }
  }

  .about-wrapper .wrap-about-content .about-image .image-frame img {
    border-radius: 50%;
    height: 410px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  @media (max-width: 992px) {
    .about-wrapper .wrap-about-content .about-image .image-frame img {
      height: 310px;
    }
  }

  @media (max-width: 768px) {
    .about-wrapper .wrap-about-content .about-image .image-frame img {
      height: 220px;
    }
  }

  @media (max-width: 600px) {
    .about-wrapper .wrap-about-content .about-image .image-frame img {
      width: 226px;
      height: 226px;
      margin: auto;
    }
  }

  .about-wrapper .wrap-about-content .about-content {
    max-width: calc(100% - 410px);
    -webkit-box-flex: calc(100% - 410px);
    -ms-flex: calc(100% - 410px);
    flex: calc(100% - 410px);
    padding-left: 55px;
  }

  @media (max-width: 992px) {
    .about-wrapper .wrap-about-content .about-content {
      max-width: calc(100% - 310px);
      -webkit-box-flex: calc(100% - 310px);
      -ms-flex: calc(100% - 310px);
      flex: calc(100% - 310px);
    }
  }

  @media (max-width: 768px) {
    .about-wrapper .wrap-about-content .about-content {
      max-width: calc(100% - 220px);
      -webkit-box-flex: calc(100% - 220px);
      -ms-flex: calc(100% - 220px);
      flex: calc(100% - 220px);
      padding-left: 20px;
    }
  }

  @media (max-width: 600px) {
    .about-wrapper .wrap-about-content .about-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-left: 0;
      text-align: center;
    }
  }

  .about-wrapper .wrap-about-content .about-content h2 {
    margin-bottom: 20px;
  }

  .about-wrapper .wrap-about-content .about-content i {
    margin-bottom: 8px;
  }

  .about-wrapper .wrap-about-content .about-content p {
    margin-bottom: 55px;
    margin-top: 0;
  }

  @media (max-width: 768px) {
    .about-wrapper .wrap-about-content .about-content p {
      margin-bottom: 30px;
    }
  }

  .feeds-wrapper {
    position: relative;
    padding: 120px 0 200px;
  }

  @media (max-width: 1024px) {
    .feeds-wrapper {
      padding: 80px 0;
    }
  }

  @media (max-width: 768px) {
    .feeds-wrapper {
      padding: 50px 0;
    }
  }

  .feeds-wrapper:before {
    content: "";
    background: url(images/cloud-bg.png) no-repeat center center/cover;
    display: inline-block;
    opacity: 0.2;
    position: absolute;
    inset: 0;
  }

  .feeds-wrapper:after {
    content: "";
    background: linear-gradient(135.9deg, #B0B6DB 2.09%, #F8DEB5 98.11%);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    opacity: 0.28;
    position: absolute;
    inset: 0;
  }

  .feeds-wrapper .feeds-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  @media (max-width: 768px) {
    .feeds-wrapper .feeds-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .feeds-wrapper .feeds-inner .feed-content {
    max-width: 380px;
    -webkit-box-flex: 380px;
    -ms-flex: 380px;
    flex: 380px;
  }

  @media (max-width: 768px) {
    .feeds-wrapper .feeds-inner .feed-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-bottom: 50px;
    }
  }

  .feeds-wrapper .feeds-inner .feed-content h2 {
    margin-bottom: 6px;
  }

  .feeds-wrapper .feeds-inner .feed-images {
    max-width: calc(100% - 380px);
    -webkit-box-flex: calc(100% - 380px);
    -ms-flex: calc(100% - 380px);
    flex: calc(100% - 380px);
    padding-left: 20px;
  }

  @media (max-width: 768px) {
    .feeds-wrapper .feeds-inner .feed-images {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-left: 0;
    }
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .feeds-mobile-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .feeds-mobile-list ul li {
    -webkit-box-flex: calc(32% - 8px);
    -ms-flex: calc(32% - 8px);
    flex: calc(32% - 8px);
    max-width: calc(32% - 8px);
  }

  @media (max-width: 600px) {
    .feeds-wrapper .feeds-inner .feed-images .slider-feeds .feeds-mobile-list ul li {
      -webkit-box-flex: calc(50% - 8px);
      -ms-flex: calc(50% - 8px);
      flex: calc(50% - 8px);
      max-width: calc(50% - 8px);
    }
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .feeds-mobile-list ul li img {
    margin: auto;
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .feeds-carousel {
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .right-arrow {
    background: url(images/right-arrow.svg) no-repeat center center/contain;
    width: 19px;
    height: 32px;
    display: block;
  }

  @media (max-width: 768px) {
    .feeds-wrapper .feeds-inner .feed-images .slider-feeds .right-arrow {
      width: 16px;
      height: 32px;
    }
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .right-arrow.reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -16px;
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .owl-nav .owl-prev.disabled,
  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .owl-nav .owl-next.disabled {
    display: none;
  }

  .feeds-wrapper .feeds-inner .feed-images .slider-feeds .owl-nav .owl-next {
    margin-left: auto;
  }

  

  .short-videos-links {
    padding: 100px 0;
    text-align: center;
  }

  .main-banner .short-videos-links {
    padding-bottom: 130px;
    padding-top: 0px;
    text-align: center;
  }

  .short-videos-links a.round-theme-btn {
    margin-top: 100px;
  }

  @media (max-width: 1024px) {
    .short-videos-links {
      padding: 0px 0;
    }
  }



  @media (max-width: 768px) {
    .short-videos-links {
      padding: 0px 0;
    }
  }

  .short-videos-links .course-item-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 45px;
  }

  @media (max-width: 768px) {
    .short-videos-links .course-item-list ul {
      gap: 0;
    }
  }

  .short-videos-links .course-item-list ul li {
    max-width: calc(50% - 23.5px);
    -webkit-box-flex: calc(50% - 23.5px);
    -ms-flex: calc(50% - 23.5px);
    flex: calc(50% - 23.5px);
  }

  @media (max-width: 768px) {
    .short-videos-links .course-item-list ul li {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-bottom: 25px;
    }
  }

  .course-item {
    position: relative;
  }

  .course-item .icon-frame {
    position: absolute;
    inset: 0;
    z-index: 101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  @media (max-width: 768px) {
    .course-item .icon-frame {
      gap: 20px;
    }
  }

  @media (max-width: 1024px) {
    .course-item .icon-frame img {
      height: 100px;
    }
  }

  @media (max-width: 768px) {
    .course-item .icon-frame img {
      height: 60px;
    }
  }

  .course-item .icon-frame h2 {
    color: #ffffff;
    margin-top: 0;
    text-align: center;
  }

  @media (max-width: 1024px) {
    .course-item .icon-frame h2 {
      font-size: 32px;
      line-height: 46px;
      padding: 0 15px;
      text-align: center;
    }
  }

  @media (max-width: 768px) {
    .course-item .icon-frame h2 {
      font-size: 32px;
      line-height: 38px;
      padding: 0 15px;
      text-align: center;
    }
  }

  .course-item .image-frame {
    position: relative;
  }

  .course-item .image-frame:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #5D505F;
    opacity: 0.52;
    border-radius: 18px;
  }

  .course-item .image-frame figure img {
    width: 100%;
    border-radius: 18px;
  }

  .main-banner {
    padding-top: 130px;
    padding-bottom: 650px;
    position: relative;
    background: #ffffff;
    z-index: 10;
  }

  @media (max-width: 1200px) {
    .main-banner {
      padding-top: 100px;
    }
  }

  @media (max-width: 768px) {
    .main-banner {
      padding-top: 60px;
      padding-bottom: 600px;
    }
  }

  .main-banner:before {
    content: "";
    background: linear-gradient(0.86deg, #FFFFFF 0.86%, rgba(255, 255, 255, 0) 83.64%);
    mix-blend-mode: normal;
    position: absolute;
    width: 100%;
    top: 620px;
    height: 320px;
  }

  .main-banner:after {
    content: "";
    background: url(images/banner.png) no-repeat center center/cover;
    position: absolute;
    width: 100%;
    top: 0;
    height: 940px;
    z-index: -1;
  }

  .main-banner .banner-content {
    position: relative;
    z-index: 101;
  }

  .main-banner .banner-content .banner-content-inner {
    text-align: center;
  }

  @media (max-width: 480px) {
    .main-banner .banner-content .banner-content-inner {
      max-width: 290px;
      margin: auto;
    }
  }

  .main-banner .banner-content .banner-content-inner .top-content h1 {
    margin-bottom: 32px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-banner .banner-content .banner-content-inner .top-content h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 55px;
    color: #9C97C8;
  }

  @media (max-width: 1200px) {
    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 30px;
      line-height: 36px;
    }
  }

  @media (max-width: 992px) {
    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 24px;
      line-height: 30px;
    }
  }

  @media (max-width: 768px) {
    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 18px;
      line-height: 24px;
    }
  }

  .main-banner .banner-content .banner-content-inner .top-content a {
    margin-bottom: 100px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  @media (max-width: 768px) {
    .main-banner .banner-content .banner-content-inner .top-content a {
      margin-bottom: 60px;
    }
  }

  .main-banner .banner-content .banner-content-inner .more-description {
    margin-bottom: 145px;
  }

  .main-banner .banner-content .banner-content-inner .more-description p {
    font-weight: 500;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #68668E;
  }

  @media (max-width: 1200px) {
    .main-banner .banner-content .banner-content-inner .more-description p {
      font-size: 30px;
      line-height: 38px;
    }
  }

  @media (max-width: 992px) {
    .main-banner .banner-content .banner-content-inner .more-description p {
      font-size: 24px;
      line-height: 30px;
    }
  }

  @media (max-width: 768px) {
    .main-banner .banner-content .banner-content-inner .more-description p {
      font-size: 18px;
      line-height: 24px;
    }
  }

  .main-banner .banner-content .banner-content-inner .more-description a {
    background: transparent;
    margin-top: 90px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none !important;
  }

  @media (max-width: 600px) {
    .main-banner .banner-content .banner-content-inner .more-description a {
      margin-top: 50px;
    }
  }

  .features-wrapper {
    position: relative;
    padding-bottom: 160px;
  }

  .features-wrapper:before {
    content: "";
    background: url(images/sky-bg.png) no-repeat center center/cover;
    display: block;
    opacity: 1;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
  }

  .features-wrapper .features-inner-wraper {
    margin-top: -680px;
    position: relative;
    z-index: 11;
  }

  .features-wrapper .features-inner-wraper .features-widgt {
    padding: 75px 90px 60px 90px;
    border-radius: 18px;
    text-align: center;
  }

  @media (max-width: 1200px) {
    .features-wrapper .features-inner-wraper .features-widgt {
      padding: 35px;
    }
  }

  @media (max-width: 768px) {
    .features-wrapper .features-inner-wraper .features-widgt {
      padding: 30px;
    }
  }

  @media (max-width: 500px) {
    .features-wrapper .features-inner-wraper .features-widgt {
      max-width: 370px;
      margin: auto;
    }
  }

  @media (max-width: 366px) {
    .features-wrapper .features-inner-wraper .features-widgt {
      padding: 15px;
    }
  }

  .features-wrapper .features-inner-wraper .features-widgt h2 {
    margin-bottom: 50px;
  }

  .features-wrapper .features-inner-wraper .features-widgt h3 {
    font-family: "Montserrat";
    font-weight: 500;
    margin-bottom: 68px;
  }

  .features-wrapper .features-inner-wraper .features-items {
    margin-left: -200px;
    margin-right: -200px;
    margin-bottom: 60px;
  }

  @media (max-width: 1600px) {
    .features-wrapper .features-inner-wraper .features-items {
      margin-left: 0;
      margin-right: 0;
    }
  }

  .features-wrapper .features-inner-wraper .general-content {
    padding-top: 170px;
  }

  @media (max-width: 768px) {
    .features-wrapper .features-inner-wraper .general-content {
      padding-top: 60px;
    }
  }

  .features-wrapper .features-inner-wraper .general-content .chart-image {
    margin: 100px 0 80px;
  }

  .features-wrapper .features-inner-wraper .general-content .chart-image img {
    margin: auto;
  }

  .features-wrapper .features-inner-wraper .general-content blockquote {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 56px;
    line-height: 67px;
    text-align: center;
    color: #68668E;
  }

  @media (max-width: 1024px) {
    .features-wrapper .features-inner-wraper .general-content blockquote {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (max-width: 992px) {
    .features-wrapper .features-inner-wraper .general-content blockquote {
      font-size: 40px;
      line-height: 48px;
    }
  }

  @media (max-width: 768px) {
    .features-wrapper .features-inner-wraper .general-content blockquote {
      font-size: 36px;
      line-height: 44px;
    }
  }

  @media (max-width: 600px) {
    .features-wrapper .features-inner-wraper .general-content blockquote {
      font-size: 32px;
      line-height: 38px;
    }
  }

  .features-items ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 35px;
  }

  @media (max-width: 1600px) {
    .features-items ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  }

  @media (max-width: 768px) {
    .features-items ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 0;
      margin: auto;
      max-width: 440px;
    }
  }

  .features-items ul li {
    max-width: 20%;
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
  }

  @media (max-width: 1600px) {
    .features-items ul li {
      max-width: 33.33%;
      -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
      flex: 33.33%;
      padding: 0 15px;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 768px) {
    .features-items ul li {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0 0;
      margin-bottom: 20px;
    }
  }

  .feature-item {
    padding: 50px 20px 30px;
    background: #FFFCEF;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    border-radius: 8px;
    min-height: 360px;
    text-align: center;
  }

  @media (max-width: 768px) {
    .feature-item {
      min-height: auto;
      padding: 20px;
      text-align: left;
    }
  }

  @media (max-width: 366px) {
    .feature-item {
      padding: 12px;
    }
  }

  @media (max-width: 768px) {
    .feature-item a {
      position: relative;
      padding-left: 70px;
      display: block;
    }
  }

  @media (max-width: 366px) {
    .feature-item a {
      padding-left: 50px;
    }
  }

  .feature-item a:hover h4 {
    text-decoration: underline !important;
  }

  @media (max-width: 768px) {
    .feature-item figure {
      position: absolute;
      left: 0;
    }
  }

  .feature-item figure img {
    display: block;
    margin: 0 auto 40px;
  }

  @media (max-width: 768px) {
    .feature-item figure img {
      height: 45px;
      margin: 0;
    }
  }

  @media (max-width: 366px) {
    .feature-item figure img {
      height: 45px;
    }
  }

  .feature-item h4 {
    margin-bottom: 6px;
  }

  @media (max-width: 992px) {
    .feature-item h4 {
      font-size: 21px;
      line-height: 25px;
    }
  }

  @media (max-width: 366px) {
    .feature-item h4 {
      font-size: 18px;
      line-height: 24px;
    }
  }

  .feature-item p {
    font-weight: 400;
    line-height: 29px;
    color: #9C97C8;
    margin: 0;
    font-size: 22px;
  }

  @media (max-width: 1200px) {
    .feature-item p {
      line-height: 24px;
      font-size: 20px;
    }
  }

  @media (max-width: 366px) {
    .feature-item p {
      font-size: 15px;
      line-height: 18px;
    }
  }

  .courses-features {
    position: relative;
  }

  .courses-features:before {
    content: "";
    background: url(images/courses-bg.png) no-repeat center center/cover;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
  }

  .courses-features:after {
    content: "";
    background: linear-gradient(135.9deg, #B0B6DB 2.09%, #F8DEB5 98.11%);
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    opacity: 0.28;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
  }

  .courses-features .courses-features-inner {
    position: relative;
    z-index: 2;
  }

  .courses-features .courses-features-inner h2 {
    margin-bottom: 40px;
  }

  @media (max-width: 768px) {
    .courses-features .courses-features-inner h2 {
      margin-bottom: 25px;
      text-align: center;
    }
  }

  .courses-features .courses-features-inner .para {
    max-width: 920px;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 60px;
  }

  @media (max-width: 1200px) {
    .courses-features .courses-features-inner .para {
      font-size: 30px;
      line-height: 38px;
    }
  }

  @media (max-width: 992px) {
    .courses-features .courses-features-inner .para {
      font-size: 24px;
      line-height: 30px;
    }
  }

  @media (max-width: 768px) {
    .courses-features .courses-features-inner .para {
      font-size: 18px;
      line-height: 22px;
      text-align: center;
      margin-bottom: 25px;
    }
  }

  .courses-features .features-items {
    max-width: 1650px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 2;
  }

  @media (max-width: 1600px) {
    .courses-features .features-items {
      padding: 0 30px;
    }
  }

  @media (max-width: 768px) {
    .courses-features .features-items {
      padding: 0;
      margin-bottom: 0px;
    }
  }

  @media (max-width: 480px) {
    .courses-features .features-items {
      max-width: 300px;
    }
  }

  @media (max-width: 366px) {
    .courses-features .features-items {
      max-width: 250px;
    }
  }

  @media (max-width: 600px) {
    .courses-features .more-content-bottom {
      margin: auto;
      max-width: 250px;
    }
  }

  @media (max-width: 600px) {
    .courses-features .more-content-bottom p {
      font-size: 12px;
      line-height: 15px;
    }
  }

  .courses-features div {
    position: relative;
    z-index: 2;
  }

  .heading-block {
    margin-bottom: 30px;

  }

  @media (max-width: 768px) {
    .heading-block {
      margin-bottom: 20px;
    }
  }

  .heading-block h2 {
    font-family: "Editor";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #9c97c8;
    color: #5D505F;
    margin-bottom: 10px;
  }

  @media (max-width: 992px) {
    .heading-block h2 {
      font-size: 30px;
      line-height: 38px;
    }
  }

  @media (max-width: 768px) {
    .heading-block h2 {
      font-size: 24px;
      line-height: 29px;
      text-align: center;
    }
  }

  .heading-block p {
    font-weight: 500;
    font-size: 21px;
    line-height: 140%;
    color: #5D505F;
  }

  .purpose {
    margin-top: -150px;
  }

  @media (max-width: 768px) {
    .heading-block p {
      font-size: 13px;
      line-height: 17px;
      text-align: left;
    }

    .purpose {
      margin-top: -70px;
    }
  }

  .course-image-item {
    position: relative;
  }

  .course-image-item .course-image {
    position: relative;
  }

  .course-image-item .course-image:before {
    content: "";
    background: #28335A;
    opacity: 0.57;
    position: absolute;
    inset: 0;
    border-radius: 18px;
    z-index: 1;
  }

  .course-image-item .course-image figure img {
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    border-radius: 18px;
  }

  .course-image-item .price-tag {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #5D505F;
    position: absolute;
    left: 0;
    top: 15px;
    background: #FFD28E;
    z-index: 2;
    padding: 4px 15px;
  }

  .course-image-item h2 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    margin-top: 12px;
    color: #5D505F;
  }

  @media (max-width: 992px) {
    .course-image-item h2 {
      font-size: 24px;
      line-height: 30px;
    }
  }

  @media (max-width: 768px) {
    .course-image-item h2 {
      font-size: 18px;
      line-height: 22px;
      margin-top: 8px;
    }
  }

  .course-image-item h2 a {
    color: #5D505F;
  }

  .course-image-item h2 a:hover {
    text-decoration: underline !important;
  }

  .course-video-item {
    position: relative;
  }

  .course-video-item .course-image {
    position: relative;
  }

  .course-video-item .course-image:before {
    content: "";
    background: #28335A;
    opacity: 0;
    position: absolute;
    inset: 0;
    border-radius: 18px;
    z-index: 1;
  }

  .course-video-item .course-image figure img {
    -webkit-filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.161));
    border-radius: 18px;
  }

  .course-video-item .price-tag {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #5D505F;
    position: absolute;
    left: 0;
    top: 15px;
    background: #FFD28E;
    z-index: 2;
    padding: 4px 15px;
  }

  .course-video-item h2 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    margin-top: 12px;
    color: #5D505F;
  }

  @media (max-width: 992px) {
    .course-video-item h2 {
      font-size: 24px;
      line-height: 30px;
    }
  }

  @media (max-width: 768px) {
    .course-video-item h2 {
      font-size: 18px;
      line-height: 22px;
    }
  }

  .course-video-item h2 a {
    color: #5D505F;
  }

  .custom-videos .course-video-item h2 a {
    font-weight: 500;
    font-size: 21px;
    line-height: 34px;
  }

  .course-video-item .play-icon {
    position: absolute;
    top: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .course-video-item .play-icon img {
    width: 50px;
    height: 50px;
  }

  @media (max-width: 600px) {
    .course-video-item .play-icon img {
      width: 40px;
      height: 40px;
    }
  }

  /**
@media (max-width: 1800px) {
  .slider-courses {
    padding-right: 150px;
    overflow: hidden;
  }
}
@media (max-width: 1600px) {
  .slider-courses {
    padding-right: 130px;
  }
}
@media (max-width: 1200px) {
  .slider-courses {
    padding-right: 100px;
  }
}
@media (max-width: 992px) {
  .slider-courses {
    padding-right: 140px;
  }
}
@media (max-width: 768px) {
  .slider-courses {
    padding-right: 80px;
  }
}
@media (max-width: 600px) {
  .slider-courses {
    padding-right: 50px;
  }
}
*/
  /**
.courses-carousel2 .owl-item .item {
  width: 205px !important;
}
*/
  /**
.courses-carousel2 .owl-item { width : 205px !important; }
*/

  .courses-carousel2 .owl-item h2 a {
    max-width: 205px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
  }

  @media (max-width: 768px) {

    .slider-courses .courses-carousel,
    .slider-courses .courses-carousel2 {
      padding-right: 0;
      padding-left: 0;
    }
  }

  /**.slider-courses .courses-carousel .owl-stage-outer,
.slider-courses .courses-carousel2 .owl-stage-outer {
  margin-right: -200px;
}
@media (max-width: 9920px) {
  .slider-courses .courses-carousel .owl-stage-outer,
  .slider-courses .courses-carousel2 .owl-stage-outer {
    margin-right: -180px;
  }
}
*/
  .slider-courses .courses-carousel .owl-stage-outer:before,
  .slider-courses .courses-carousel2 .owl-stage-outer:before {
    /**  content: "";
  opacity: 0.7;
  position: absolute;
  z-index: 1;
  width: 200px;
  right: -20px;
  height: 100%; */
    /*  background: -webkit-gradient(linear, right top, left top, color-stop(0.86%, #f8f6f5), color-stop(156.64%, rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #f8f6f5 0.86%, rgba(255, 255, 255, 0) 156.64%);*/
    /** mix-blend-mode: normal;
  border-radius: 18px;*/
  }

  p.mhd-copy {
    text-align: center;
    margin-top: -90px;
    font-size: 17px;
  }

  .slider-courses .courses-carousel .right-arrow,
  .slider-courses .courses-carousel2 .right-arrow {
    background: url(images/right-arrow.svg) no-repeat center center/contain;
    width: 19px;
    height: 32px;
    display: block;
  }

  @media (max-width: 768px) {

    .slider-courses .courses-carousel .right-arrow,
    .slider-courses .courses-carousel2 .right-arrow {
      width: 16px;
      height: 32px;
    }
  }

  @media (max-width: 600px) {

    .slider-courses .courses-carousel .right-arrow,
    .slider-courses .courses-carousel2 .right-arrow {
      width: 16px;
      height: 22px;
    }
  }

  .slider-courses .courses-carousel .right-arrow.reverse,
  .slider-courses .courses-carousel2 .right-arrow.reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .slider-courses .courses-carousel .owl-nav .owl-prev.disabled,
  .slider-courses .courses-carousel .owl-nav .owl-next.disabled,
  .slider-courses .courses-carousel2 .owl-nav .owl-prev.disabled,
  .slider-courses .courses-carousel2 .owl-nav .owl-next.disabled {
    display: none;
  }

  .slider-courses .courses-carousel .owl-nav .owl-prev,
  .slider-courses .courses-carousel2 .owl-nav .owl-prev {
    margin-left: 0px;
    position: absolute;
    left: -30px;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -35px;
  }

  slider-courses .courses-carousel .owl-nav .owl-next,
  .slider-courses .courses-carousel2 .owl-nav .owl-next {
    margin-left: auto;
    margin-right: 0;
    position: absolute;
    right: -30px;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -35px;
  }

  .courses-list {
    margin-bottom: 50px;
  }

  @media (max-width: 768px) {
    .courses-list {
      margin-bottom: 20px;
    }
  }

  .download-app {
    padding-left: 20px;
    padding-right: 20px;
  }

  @media (max-width: 768px) {
    .download-app.m-b-80 {
      margin-bottom: 30px !important;
    }
  }

  @media (max-width: 768px) {
    .download-app {
      padding-bottom: 20px;
    }
  }

  .download-app .inner-section-app {
    max-width: 1650px;
    margin: auto;
    padding: 70px 80px;
    text-align: center;
    border-radius: 18px;
  }

  @media (max-width: 1200px) {
    .download-app .inner-section-app {
      padding: 70px 40px;
    }
  }

  @media (max-width: 768px) {
    .download-app .inner-section-app {
      padding: 35px 35px 55px;
    }
  }

  .download-app .inner-section-app h2 {
    margin-bottom: 30px;
    font-size: 70px;
    line-height: 84px;
  }

  @media (max-width: 1024px) {
    .download-app .inner-section-app h2 {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (max-width: 992px) {
    .download-app .inner-section-app h2 {
      font-size: 40px;
      line-height: 48px;
    }
  }

  @media (max-width: 768px) {
    .download-app .inner-section-app h2 {
      font-size: 36px;
      line-height: 44px;
    }
  }

  @media (max-width: 600px) {
    .download-app .inner-section-app h2 {
      font-size: 32px;
      line-height: 38px;
    }
  }

  .inner-top-content {
    text-align: center;
    position: relative;
    z-index: 1;
  }

  @media (max-width: 768px) {
    .inner-top-content.general-content p {
      max-width: 100%;
    }
  }

  @media (max-width: 768px) {
    .inner-top-content.mobile-responsive h1 {
      max-width: 280px;
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media (max-width: 768px) {
    .inner-top-content.mobile-responsive h4 {
      max-width: 280px;
      margin-left: auto;
      margin-right: auto;
    }
  }

  @media (max-width: 768px) {
    .inner-top-content {
      max-width: 410px;
      margin: auto;
    }
  }

  .inner-top-content h1 {
    margin-bottom: 20px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }

  .inner-top-content h4 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 45px;
    color: #9C97C8;
  }

  @media (max-width: 992px) {
    .inner-top-content h4 {
      font-size: 20px;
      line-height: 36px;
    }
  }

  @media (max-width: 768px) {
    .inner-top-content h4 {
      font-size: 18px;
      line-height: 22px;
    }
  }

  .inner-top-content p {
    margin-bottom: 50px;
  }

  @media (max-width: 768px) {
    .inner-top-content p {
      max-width: 250px;
      margin: 0 auto 20px;
    }
  }


  .inner-banner-wrapper .features-courses {
    padding-top: 1px;
    position: relative;
    z-index: 1;
  }

  .related-courses {
    padding: 0 0 90px;
  }

  .compliments-wrapper {
    padding: 40px 0 110px;
    position: relative;
  }

  @media (max-width: 768px) {
    .compliments-wrapper {
      padding: 30px 0;
    }
  }

  .compliments-wrapper:before {
    content: "";
    background: url(images/testimonial-bg.png) no-repeat center center/cover;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .compliments-wrapper .compliments-wrapper-inner {
    position: relative;
    z-index: 1;
  }

  .compliments-wrapper .compliments-wrapper-inner h2 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 30px;
    color: #9C97C8;
  }

  @media (max-width: 768px) {
    .compliments-wrapper .compliments-wrapper-inner h2 {
      font-size: 24px;
      line-height: 29px;
      text-align: center;
    }
  }

  .compliments-wrapper .compliments-wrapper-inner .compliment-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
  }

  @media (max-width: 768px) {
    .compliments-wrapper .compliments-wrapper-inner .compliment-carousel .owl-dots {
      margin-top: 5px;
    }
  }

  .compliments-wrapper .compliments-wrapper-inner .compliment-carousel .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(177, 177, 177, 0.39);
  }

  .compliments-wrapper .compliments-wrapper-inner .compliment-carousel .owl-dots .owl-dot.active {
    background: rgba(98, 98, 98, 0.39);
  }

  .compliments-wrapper .compliments-wrapper-inner .compliments-listing ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 35px;
  }

  .compliments-wrapper .compliments-wrapper-inner .compliments-listing ul li {
    max-width: calc(33.33% - 25px);
    -webkit-box-flex: calc(33.33% - 25px);
    -ms-flex: calc(33.33% - 25px);
    flex: calc(33.33% - 25px);
  }

  .compliments-item {
    padding: 45px 55px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 18px;
  }

  @media (max-width: 768px) {
    .compliments-item {
      padding: 30px 40px;
    }
  }

  .compliments-item p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #5D505F;
  }

  @media (max-width: 768px) {
    .compliments-item p {
      font-size: 18px;
      line-height: 28px;
    }
  }

  .compliments-item span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    display: block;
    color: #5D505F;
  }

  @media (max-width: 768px) {
    .compliments-item span {
      font-size: 18px;
      line-height: 28px;
    }
  }

  .course-content-wrapper {
    position: relative;
    padding: 90px 0 140px;
  }
/*
  @media (max-width: 992px) {
    .course-content-wrapper {
      padding: 60px 0;
    }
  }
*/
  .course-content-wrapper:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    mix-blend-mode: normal;
    position: absolute;
    width: 100%;
    top: 310px;
    height: 637px;
  }

  @media (max-width: 992px) {
    .course-content-wrapper:before {
      top: 225px;
      height: 340px;
    }
  }

  @media (max-width: 600px) {
    .course-content-wrapper:before {
      top: 162px;
      height: 160px;
    }
  }

  .course-content-wrapper:after {
    content: "";
    background: url(images/course-detail.png) no-repeat center center/cover;
    position: absolute;
    width: 100%;
    top: 0;
    height: 940px;
    z-index: -1;
  }

  @media (max-width: 992px) {
    /*.course-content-wrapper:after {
    height: 560px;
  }*/
  }

  @media (max-width: 600px) {
    .course-content-wrapper:after {
      height: 320px;
    }
  }

  .course-content-wrapper .course-content-inner {
    max-width: 1490px;
    margin: auto;
    position: relative;
    z-index: 1;
  }

  .course-content-wrapper .course-content-inner .course-detail-video {
    margin-bottom: 180px;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .course-detail-video {
      margin-bottom: 60px;
    }
  }

  .course-content-wrapper .course-content-inner .course-detail-video .detail-video-inner h1 {
    color: #F9F4EF;
    margin-bottom: 70px;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .course-detail-video .detail-video-inner h1 {
      text-align: center;
      margin-bottom: 30px;
    }
  }

  .course-content-wrapper .course-content-inner .course-detail-video .detail-video-inner a img {
    width: 275px;
    height: 275px;
    margin: auto;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .course-detail-video .detail-video-inner a img {
      width: 175px;
      height: 175px;
    }
  }

  @media (max-width: 600px) {
    .course-content-wrapper .course-content-inner .course-detail-video .detail-video-inner a img {
      width: 75px;
      height: 75px;
    }
  }

  .course-content-wrapper .course-content-inner .content-courser-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .content-courser-grid {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .button-wrap {
    max-width: 200px;
    -webkit-box-flex: 200px;
    -ms-flex: 200px;
    flex: 200px;
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .button-wrap a {
    min-width: auto;
    font-size: 18px;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .content-courser-grid .button-wrap {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      text-align: center;
      margin-bottom: 25px;
    }
  }

  @media (max-width: 768px) {
    .course-content-wrapper .course-content-inner .content-courser-grid .button-wrap a {
      padding: 11px 15px;
      font-size: 16px;
      line-height: 20px;
    }
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap {
    max-width: calc(100% - 340px);
    -webkit-box-flex: calc(100% - 340px);
    -ms-flex: calc(100% - 340px);
    flex: calc(100% - 340px);
    padding: 0 60px 0 0;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0 0;
    }
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap p {
    margin-bottom: 20px;
  }

  @media (max-width: 600px) {
    .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap p {
      line-height: 24px;
      padding: 0 10px;
    }
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .sidebar-wrap {
    max-width: 340px;
    -webkit-box-flex: 340px;
    -ms-flex: 340px;
    flex: 340px;
  }

  @media (max-width: 992px) {
    .course-content-wrapper .course-content-inner .content-courser-grid .sidebar-wrap {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .sidebar-widget {
    padding: 35px 10px 35px 20px;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    background: linear-gradient(135.9deg, #F4EBE2 2.09%, #EDE8F3 98.11%);
    border-radius: 18px;
  }

  .sidebar-widget h3 {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    color: #5D505F;
    margin-bottom: 18px;
  }

  .sidebar-widget .tags {
    margin-bottom: 25px;
    list-style-type: none;
    padding-left: 0;
  }

  .sidebar-widget .tags li {
    margin-bottom: 10px;
    display: inline-block;
    list-style-type: none;
  }

  .sidebar-widget .tags li a {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 15px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #5D505F;
    border: 2px solid #5D505F;
    border-radius: 30px;
  }

  .sidebar-widget ul {
    list-style-type: disc;
    padding-left: 30px;
  }

  .sidebar-widget ul li {
    list-style-type: disc;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5D505F;
    margin-bottom: 15px;
  }

  .share-social {
    margin: 20px 0;
    text-align: center;
  }

  .share-social .share-social-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-bottom: 3px solid #5D505F;
    padding-bottom: 8px;
  }

  .share-social .share-social-inner label {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    color: #5D505F;
  }

  .share-social .share-social-inner a:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  .chart-wrapper {
    position: relative;
    padding: 60px 0;
  }

  @media (max-width: 768px) {
    .chart-wrapper {
      padding: 50px 0;
    }
  }

  .chart-wrapper .chart-wrapper-inner {
    position: relative;
    z-index: 1;
  }

  .chart-wrapper .chart-information {
    text-align: center;
  }

  .chart-wrapper .chart-information h1 {
    margin-bottom: 4px;
  }

  @media (max-width: 600px) {
    .chart-wrapper .chart-information h1 {
      margin-bottom: 25px;
    }
  }

  .chart-wrapper .chart-information p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #5D505F;
    margin-bottom: 5px;
  }

  .chart-wrapper .chart-information.my-chart-menu {
    text-align: left;
  }

  .right-sub-nav {
    width: 449px;
    float: right;

  }

  .right-sub-nav a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    border-radius: 30px;
    background: #ffffff;
    color: #5D505F;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    float: right;
    height: 36px;
    width: 36px;
    margin-left: 5px;
    text-align: center;
  }

  .right-sub-nav a.download-icon {
    padding: 2px 15px 0px 15px;
  }

  .right-sub-nav a.download-icon {
    width: auto;
  }

  .right-sub-nav a img {
    display: inline;
    position: relative;
    top: 5px;
  }

  .right-sub-nav a.download-icon img {
    top: 5px;
  }

  .right-sub-nav a.email-icon img {
    display: inline;
    position: relative;
    height: 15px;
  }

  .chart-bottom-actions {
    display: none;
  }

  @media (max-width: 600px) {
    .chart-wrapper .chart-information p a {
      display: block;
    }
  }

  @media (max-width: 644px) {
    .right-sub-nav a.download-icon span {
      display: none;
    }


    .right-sub-nav a.download-icon {
      padding: 2px 7px 0px 7px;
    }
  }

  .chart-wrapper .chart-information p a:hover {
    text-decoration: underline !important;
  }

  .chart-wrapper .chart-information .action-chart {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    padding: 7px 25px;
    border-radius: 30px;
    background: #ffffff;
    color: #5D505F;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
  }

  @media (max-width: 600px) {
    .chart-wrapper .chart-information .action-chart {
      margin-bottom: 35px;
    }
  }

  .chart-wrapper .chart-information .action-chart img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 14px;
    height: 14px;
    margin-left: 10px;
  }

  .chart-wrapper .chart-information .action-chart img.arrow-image {
    position: relative;
    top: 3px;
    right: -8px;
  }

  .chart-wrapper .chart-listing-wrapper .chart-listing-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 1200px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame {
    max-width: calc(100% - 670px);
    -webkit-box-flex: calc(100% - 670px);
    -ms-flex: calc(100% - 670px);
    flex: calc(100% - 670px);
    padding-right: 50px;
  }

  @media (max-width: 1366px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame {
      max-width: 65%;
      -webkit-box-flex: 65%;
      -ms-flex: 65%;
      flex: 65%;
    }
  }

  .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .share-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
  }

  .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .download-chart {
    font-size: 18px;
    line-height: 22px;
    background: transparent;
    padding: 5px 25px;
    margin-right: 0px;
  }

  @media (max-width: 768px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .download-chart {
      margin: 0;
    }
  }

  @media (max-width: 600px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .download-chart {
      margin: 0;
    }
  }

  .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .download-chart img {
    display: inline-block;
    vertical-align: middle;
  }

  @media (max-width: 600px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .download-chart img {
      height: 18px;
      top: -2px;
      position: relative;
    }
  }

  .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-features {
    max-width: 670px;
    -webkit-box-flex: 670px;
    -ms-flex: 670px;
    flex: 670px;
  }

  @media (max-width: 1366px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-features {
      max-width: 35%;
      -webkit-box-flex: 35%;
      -ms-flex: 35%;
      flex: 35%;
    }
  }

  @media (max-width: 1200px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-features {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  @media (max-width: 644px) {
    .chart-wrapper .chart-information .action-chart {
      padding: 7px 10px;
    }
  }

  .chart-frame .chart-frame-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .chart-frame .chart-frame-inner .chart-right ul li {
    text-align: right;
  }

  .chart-frame .chart-frame-inner .chart-right ul li span {
    margin-right: 0;
    margin-left: 10px;
  }

  .chart-frame .chart-frame-inner .chart-left,
  .chart-frame .chart-frame-inner .chart-right {
    max-width: 150px;
    -webkit-box-flex: 150px;
    -ms-flex: 150px;
    flex: 150px;
  }

  .chart-frame .chart-frame-inner .chart-left h4,
  .chart-frame .chart-frame-inner .chart-right h4 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: center;
    color: #5D505F;
  }

  .chart-frame .chart-frame-inner .chart-left ul li,
  .chart-frame .chart-frame-inner .chart-right ul li {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 2px;
    color: #5D505F;
    padding: 9px 15px;
    border-radius: 3px;
    position: relative !important;
    background: linear-gradient(135.9deg, #F4EBE2 2.09%, #EDE8F3 98.11%);
  }

  .chart-frame .chart-frame-inner .chart-left ul li span,
  .chart-frame .chart-frame-inner .chart-right ul li span {
    margin-right: 10px;
    position: relative;
    top: 1px;
  }

  .chart-frame .chart-frame-inner .chart-center {
    max-width: calc(100% - 26px);
    -webkit-box-flex: calc(100% - 26px);
    -ms-flex: calc(100% - 26px);
    flex: calc(100% - 26px);
  }

  @media (max-width: 768px) {
    .chart-frame .chart-frame-inner .chart-center {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .chart-frame .chart-frame-inner .chart-center .chart-main-image figure img,
  .chart-frame .chart-frame-inner .chart-center .chart-main-image figure svg {
    margin: 0 auto;
    display: block;
  }

  .chart-features-list ul li {
    margin-bottom: 5px;
  }

  .chart-feature-item {
    background: #ffffff;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 18px;
    padding: 15px 25px;

    position: relative;
    min-height: 95px;
  }

  @media (max-width: 600px) {
    .chart-feature-item {
      padding: 15px;
      min-height: 70px;
    }
  }

  .chart-feature-item .chart-feature-content {
    max-width: calc(100% - 115px);
    -webkit-box-flex: calc(100% - 115px);
    -ms-flex: calc(100% - 115px);
    flex: calc(100% - 115px);
    padding-right: 30px;
  }

  @media (max-width: 600px) {
    .chart-feature-item .chart-feature-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-right: 0;
    }
  }

  .chart-feature-item .chart-feature-content span {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: block;
    margin-bottom: 5px;
    color: #B0B6DB;
  }

  @media (max-width: 600px) {
    .chart-feature-item .chart-feature-content span {
      max-width: calc(100% - 75px);
      font-size: 12px;
      line-height: 15px;
    }
  }

  .chart-feature-item .chart-feature-content .chart-inner-item h2 {
    font-family: "Editor";
    font-style: normal;
    font-weight: 325;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 5px;
    color: #5D505F;
  }

  @media (max-width: 600px) {
    .chart-feature-item .chart-feature-content .chart-inner-item h2 {
      max-width: calc(100% - 75px);
      font-size: 18px;
      line-height: 22px;
    }
  }

  .chart-feature-item .chart-feature-content .chart-inner-item p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #9C97C8;
  }

  @media (max-width: 600px) {
    .chart-feature-item .chart-feature-content .chart-inner-item p {
      font-size: 14px;
      line-height: 17px;
    }
  }

  .chart-feature-item .chart-feature-image {
    max-width: 155px;
    position: relative;
  }

  .chart-feature-item .chart-feature-image img {
    border-radius: 16px;
    height: auto;
  }

  .chart-feature-image .play-icon {
    position: absolute !important;
    top: 30px;
    left: 60px;
  }

  @media (max-width: 600px) {
    .chart-feature-image .play-icon {
      position: relative;
    }

  }

  .chart-feature-image .play-icon img {
    width: 35px;
  }

  .app-wrapper {
    padding-bottom: 150px !important;
  }

  .download-app-content {

    margin: 40px auto 0;
    text-align: center;
  }

  .download-app-content .chart-images-app img {
    margin-bottom: 40px;
  }

  .app-btns a {
    margin: 0 10px;
    display: inline-block;
  }

  .app-btns img {
    margin-bottom: 30px;
  }

  @media (max-width: 600px) {
    .app-btns img {
      height: 45px;
    }
  }

  .app-wrapper .inner-top-content h1 {
    font-size: 45px;
    line-height: 60px;
  }

  @media (max-width: 1200px) {
    .app-wrapper .inner-top-content h1 {
      font-size: 30px;
      line-height: 36px;
    }
  }

  @media (max-width: 768px) {
    .app-wrapper .inner-top-content h1 {
      font-size: 24px;
      line-height: 30px;
    }
  }

  .app-wrapper .inner-top-content h4 {
    max-width: 1050px;
    margin: auto;
    font-size: 19px;
  }

  @media (max-width: 768px) {
    .app-wrapper .inner-top-content h4 {
      font-size: 16px;
    }
  }


  .modal-video-frame {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
  }

  .modal-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .modal-video-wrapper {
    padding: 40px;
  }

  @media (max-width: 600px) {
    .modal-video-wrapper {
      padding: 20px 10px 10px;
    }
  }

  /* Style the dropdown */
  .dropdown {
    position: relative;
    display: inline-block;
    border-radius: 30px;
    background: #ffffff;
  }

  .dropdown.open-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .dropdown.open-dropdown .dropdown-content {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  .dropdown:before {
    content: "";
    background: url(images/right-arrow.svg) no-repeat center center/contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 20px;
    z-index: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .dropdown input[type=text] {
    border-radius: 30px;
    background: transparent;
    position: relative;
    z-index: 2;
  }

  .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .dropdown .dropdown-content ul {
    padding: 10px 0;
  }

  .dropdown .dropdown-content ul li {
    list-style-type: none;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 10px;
  }

  .right-arrow {
    background: url(images/right-arrow.svg) no-repeat center center/contain;
    width: 19px;
    height: 32px;
    display: block;
  }

  @media (max-width: 768px) {
    .right-arrow {
      width: 16px;
      height: 32px;
    }
  }

  @media (max-width: 600px) {
    .right-arrow {
      width: 16px;
      height: 22px;
    }
  }

  .right-arrow.reverse {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .yellow-gradient-bg {
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }

  .white-bg {
    background: #fff;
  }

  .book-buy-wrapper {
    position: relative;
    padding-bottom: 70px;
  }

  .book-buy-wrapper:before {
    content: "";
    background: linear-gradient(0.86deg, #FFFFFF 0.86%, rgba(255, 255, 255, 0) 83.64%);
    mix-blend-mode: normal;
    position: absolute;
    width: 100%;
    top: 620px;
    height: 320px;
  }

  /* .book-buy-wrapper:after {
  content: "";
  background: url(images/inner-clouds.png) no-repeat center center/cover;
  position: absolute;
  width: 100%;
  top: 0;
  height: 940px;
  z-index: -1;
} */
  .book-buy-wrapper .buybook-inner {
    position: relative;
    padding: 80px 0;
  }

  .book-buy-wrapper .buybook-inner .book-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 600px) {
    .book-buy-wrapper .buybook-inner .book-grid {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .book-buy-wrapper .buybook-inner .book-grid .book-image {
    max-width: 350px;
    -webkit-box-flex: 350px;
    -ms-flex: 350px;
    flex: 350px;
    z-index: 99;
  }

  @media (max-width: 992px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-image {
      max-width: 250px;
      -webkit-box-flex: 250px;
      -ms-flex: 250px;
      flex: 250px;
    }
  }

  @media (max-width: 600px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-image {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }

    .book-buy-wrapper .buybook-inner .book-grid .book-image img {
      max-height: 450px;
      margin: auto;
    }
  }

  .book-buy-wrapper .buybook-inner .book-grid .book-content {
    max-width: calc(100% - 350px);
    -webkit-box-flex: calc(100% - 350px);
    -ms-flex: calc(100% - 350px);
    flex: calc(100% - 350px);
    padding-left: 60px;
  }

  @media (max-width: 1200px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content {
      padding-left: 40px;
    }
  }

  @media (max-width: 992px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content {
      max-width: calc(100% - 250px);
      -webkit-box-flex: calc(100% - 250px);
      -ms-flex: calc(100% - 250px);
      flex: calc(100% - 250px);
      padding-left: 20px;
    }
  }

  @media (max-width: 600px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-left: 0;
      padding-top: 20px;
    }
  }

  .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner h1 {
    font-size: 70px;
    line-height: 84px;
    margin-bottom: 10px;
  }

  @media (max-width: 1200px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner h1 {
      font-size: 56px;
      line-height: 64px;
    }
  }

  @media (max-width: 1024px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner h1 {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (max-width: 992px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner h1 {
      font-size: 40px;
      line-height: 48px;
    }
  }

  @media (max-width: 768px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner h1 {
      font-size: 36px;
      line-height: 44px;
    }
  }

  @media (max-width: 600px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner h1 {
      font-size: 32px;
      line-height: 38px;
    }
  }

  .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner p {
    line-height: 29px;
    margin-bottom: 25px;
  }

  @media (max-width: 992px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner p {
      line-height: 24px;
    }
  }

  @media (max-width: 768px) {
    .book-buy-wrapper .buybook-inner .book-grid .book-content .book-content-inner p {
      line-height: 22px;
    }
  }

  .book-features .book-feature-item {
    background: linear-gradient(136deg, #F4EBE2, #EDE8F3);
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    padding: 30px;
    position: relative;
    margin-bottom: 70px;
  }

  .book-features .book-feature-item .feature-count {
    position: absolute;
    left: -40px;
    top: -40px;
    width: 90px;
    height: 90px;
    border: solid 3px #d38167;
    background: #fafafa;
    text-align: center;
    line-height: 90px;
    border-radius: 50%;
    padding-top: 13px;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .feature-count {
      left: 0;
      width: 70px;
      height: 70px;
      line-height: 70px;
      padding-top: 8px;
    }
  }

  .book-features .book-feature-item .feature-count span {
    color: #bc6b51;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
  }

  .book-features .book-feature-item .feature-count h4 {
    color: #bc6b51;
    font-family: "Editor";
    font-size: 45px;
    line-height: 46px;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .feature-count h4 {
      font-size: 30px;
      line-height: 36px;
    }
  }

  .book-features .book-feature-item .book-feature-content {
    text-align: center;
  }

  .book-features .book-feature-item .book-feature-content h2 {
    color: #32394e;
    font-family: "Editor";
    font-size: 37px;
    font-weight: 325;
    line-height: 44px;
    margin-bottom: 7px;
  }

  @media (max-width: 1200px) {
    .book-features .book-feature-item .book-feature-content h2 {
      font-size: 30px;
      line-height: 36px;
    }
  }

  @media (max-width: 992px) {
    .book-features .book-feature-item .book-feature-content h2 {
      font-size: 26px;
      line-height: 30px;
    }
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .book-feature-content h2 {
      font-size: 20px;
      line-height: 24px;
    }
  }

  .book-features .book-feature-item .book-feature-content p {
    color: #32394e;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-width: 970px;
    margin: 0 auto 15px;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .book-feature-content p {
      font-size: 14px;
      line-height: 20px;
    }
  }

  .book-features .book-feature-item .book-feature-content .book-features-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1220px;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .book-features .book-feature-item .book-feature-content .book-features-list ul li {
    padding: 0 8px;
    margin-bottom: 24px;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .book-feature-content .book-features-list ul li {
      margin-bottom: 15px;
      max-width: 50%;
      -webkit-box-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;
    }
  }

  .book-features .book-feature-item .book-feature-content .book-features-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px;
    min-height: 50px;
    border-radius: 8px;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px #928cb2;
    box-shadow: 2px 2px #928cb2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .book-features .book-feature-item .book-feature-content .book-features-list ul li a.blue {
    background: #0071DC;
  }

  .book-features .book-feature-item .book-feature-content .book-features-list ul li a.green {
    background: #0E6A23;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .book-feature-content .book-features-list ul li a img {
      margin: auto;
    }
  }

  .book-features .book-feature-item .book-feature-content .book-form {
    max-width: 620px;
    margin: 40px auto 0;
  }

  .book-features .book-feature-item .book-feature-content .book-form #mc_embed_signup form {
    margin: 0 !important;
  }

  .book-features .book-feature-item .book-feature-content .book-form #mc_embed_signup form .helper_text {
    padding: 0;
    background: transparent !important;
    margin: 0;
  }

  .book-features .book-feature-item .book-feature-content .book-form #mc_embed_signup form div#mce-responses {
    padding: 0 !important;
    font-size: 18px !important;
    margin: 10px 0 !important;
  }

  .book-features .book-feature-item .book-feature-content .book-form #mc_embed_signup form #mce-success-response {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .book-features .book-feature-item .book-feature-content .book-form #mc_embed_signup form div.mce_inline_error {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1;
    position: relative;
    top: 8px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .submit-form {
    margin-top: 35px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .submit-form input {
    min-width: 250px;
    border-radius: 30px !important;
    color: #5D505F !important;
    border: 3px solid #5D505F !important;
  }

  .book-features .book-feature-item .book-feature-content .book-form .submit-form input:hover {
    color: #ffffff !important;
    border-color: #5D505F !important;
    background: #5D505F !important;
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field {
    width: 100% !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .book-feature-content .book-form .input-field {
      margin-bottom: 10px !important;
    }
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field input {
    color: #32394e;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 500;
    height: 43px;
    padding: 8px 20px !important;
    border-radius: 30px !important;
    text-indent: inherit !important;
    border: 0 !important;
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field input::-webkit-input-placeholder {
    /* Edge */
    color: #adafb6;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #adafb6;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field input::-moz-placeholder {
    color: #adafb6;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field input::-ms-input-placeholder {
    color: #adafb6;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .input-field input::placeholder {
    color: #adafb6;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item {
    margin-bottom: 5px;
  }

  @media (max-width: 768px) {
    .book-features .book-feature-item .book-feature-content .book-form .radio-item {
      margin-bottom: 15px;
    }
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:checked+label,
  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:not(:checked)+label {
    border-radius: 22px;
    background: #ffffff;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    padding: 10px 7px;
    padding-left: 45px;
    min-height: 43px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:checked+label span.badge,
  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:not(:checked)+label span.badge {
    margin-left: 10px;
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:not(:checked)+label:before {
    left: 13px;
    top: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #ca8f34;
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:checked+label:before {
    left: 13px;
    top: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid #32394E;
    background: #CF9236;
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:checked+label:after {
    display: none;
  }

  .book-features .book-feature-item .book-feature-content .book-form .radio-item [type=radio]:checked+label {
    font-weight: 500;
  }

  .radio-item {
    margin-bottom: 5px;
  }

  .radio-item [type=radio]:checked,
  .radio-item [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
  }

  .radio-item [type=radio]:checked+label,
  .radio-item [type=radio]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 8px 7px;
    width: 100%;
    text-align: left;
    padding-left: 40px;
    color: #32394e;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .radio-item [type=radio]:checked+label img,
  .radio-item [type=radio]:not(:checked)+label img {
    padding-left: 20px;
  }

  .radio-item [type=radio]:checked+label .custom-tooltip,
  .radio-item [type=radio]:not(:checked)+label .custom-tooltip {
    padding-right: 25px;
  }

  .radio-item [type=radio]:checked+label .custom-tooltip .tooltip,
  .radio-item [type=radio]:not(:checked)+label .custom-tooltip .tooltip {
    position: absolute;
    right: 7px;
    top: 7px;
  }

  .radio-item [type=radio]:checked+label .custom-tooltip .tooltip img,
  .radio-item [type=radio]:not(:checked)+label .custom-tooltip .tooltip img {
    padding-left: 0;
  }

  .radio-item [type=radio]:checked+label {
    font-family: "Montserrat";
    color: #393e51;
  }

  .radio-item [type=radio]:checked+label:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 20px;
    height: 20px;
    border: 1px solid #393e51;
    border-radius: 100%;
    background: #fff;
  }

  .radio-item [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 20px;
    height: 20px;
    border: 1px solid #393e51;
    border-radius: 100%;
    background: #fff;
  }

  .radio-item [type=radio]:checked+label:after,
  .radio-item [type=radio]:not(:checked)+label:after {
    content: "";
    width: 14px;
    height: 14px;
    background: #9C97C8;
    position: absolute;
    top: 11px;
    left: 14px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  .radio-item [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .radio-item [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .badge {
    border-radius: 1px;
    background: #e289e1;
    color: #ffffff;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding: 3px 10px;
    display: inline-block;
    text-align: center;
    min-width: 130px;
  }

  .badge.limited {
    background: #e289e1;
  }

  .badge.unlimited {
    background: #b389e2;
  }

  .reader-content-wrapper {
    padding-top: 100px;
  }

  @media (max-width: 992px) {
    .reader-content-wrapper {
      padding-top: 0;
    }
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .sidebar-widget-wrapper {
      display: none;
    }
  }

  .reader-content-wrapper.open-sidebar-mobile .mobile-button-dropdown {
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }

  .reader-content-wrapper.open-sidebar-mobile .mobile-button-dropdown .button-inner {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
  }

  .reader-content-wrapper.open-sidebar-mobile .mobile-button-dropdown .button-inner:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  .reader-content-wrapper.open-sidebar-mobile .reader-sidebar {
    position: relative;
    z-index: 1;
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
  }

  .reader-content-wrapper.open-sidebar-mobile .reader-sidebar .sidebar-widget-wrapper {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .reader-content-wrapper .reader-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .reader-content-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .reader-content-wrapper .reader-content-inner .reader-sidebar {
    max-width: 420px;
    -webkit-box-flex: 420px;
    -ms-flex: 420px;
    flex: 420px;
  }

  @media (max-width: 1200px) {
    .reader-content-wrapper .reader-content-inner .reader-sidebar {
      max-width: 350px;
      -webkit-box-flex: 350px;
      -ms-flex: 350px;
      flex: 350px;
    }
  }

  @media (max-width: 1024px) {
    .reader-content-wrapper .reader-content-inner .reader-sidebar {
      max-width: 280px;
      -webkit-box-flex: 280px;
      -ms-flex: 280px;
      flex: 280px;
    }
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .reader-content-inner .reader-sidebar {
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-bottom: 30px;
      max-width: 335px;
      margin-left: auto;
      margin-right: auto;
    }
  }

  .reader-content-wrapper .reader-content-inner .reader-main-content {
    max-width: calc(100% - 420px);
    -webkit-box-flex: calc(100% - 420px);
    -ms-flex: calc(100% - 420px);
    flex: calc(100% - 420px);
    padding-left: 50px;
  }

  @media (max-width: 1200px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content {
      max-width: calc(100% - 350px);
      -webkit-box-flex: calc(100% - 350px);
      -ms-flex: calc(100% - 350px);
      flex: calc(100% - 350px);
      padding-left: 20px;
    }
  }

  @media (max-width: 1024px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content {
      max-width: calc(100% - 280px);
      -webkit-box-flex: calc(100% - 280px);
      -ms-flex: calc(100% - 280px);
      flex: calc(100% - 280px);
    }
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-left: 0;
    }
  }

  .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  }

  .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader h2 {
    color: #5D505F;
    font-size: 56px;
    font-family: "Editor";
    font-weight: 325;
  }

  @media (max-width: 1200px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader h2 {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader h2 {
      font-size: 40px;
      line-height: 48px;
      text-align: center;
    }
  }

  @media (max-width: 768px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader h2 {
      font-size: 36px;
      line-height: 44px;
    }
  }

  @media (max-width: 600px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader h2 {
      font-size: 28px;
      line-height: 38px;
    }
  }

  @media (max-width: 992px) {
    .reader-content-wrapper .reader-content-inner .reader-main-content .top-header-reader .view-selection {
      display: none;
    }
  }

  .view-selection .switch {
    position: relative;
  }

  .view-selection.layout2 .btn-color-mode-switch>label.btn-color-mode-switch-inner {
    width: 200px;
  }

  .view-selection.layout2 .btn-color-mode-switch>label.btn-color-mode-switch-inner:after {
    padding: 0px 15px;
  }

  .view-selection.layout2 .btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after {
    left: 68%;
  }

  .view-selection .btn-color-mode-switch>label.btn-color-mode-switch-inner {
    margin: 0px;
    width: 220px;
    height: 35px;
    border-radius: 48px;
    border: 2px solid #9C97C8;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
    display: block;
  }

  .view-selection .btn-color-mode-switch>label.btn-color-mode-switch-inner:before {
    content: attr(data-on);
    position: absolute;
    color: #5D505F;
    font-size: 12px;
    font-weight: 500;
    top: 3px;
    right: 15px;
    line-height: 27px;
    font-family: "Montserrat";
    cursor: pointer;
  }

  .view-selection .btn-color-mode-switch>label.btn-color-mode-switch-inner:after {
    content: attr(data-off);
    height: 27px;
    position: absolute;
    left: 3px;
    top: 2px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 0px 6px -2px #111;
    box-shadow: 0px 0px 6px -2px #111;
    padding: 0px 10px;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 500;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 48px;
    background: #9C97C8;
    line-height: 27px;
    cursor: pointer;
  }

  .view-selection .btn-color-mode-switch>.alert {
    display: none;
    background: #FF9800;
    border: none;
    color: #fff;
  }

  .view-selection .btn-color-mode-switch input[type=checkbox] {
    cursor: pointer;
    width: 50px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
  }

  .view-selection .btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after {
    content: attr(data-on);
    left: 61%;
    background: #9C97C8;
  }

  .view-selection .btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:before {
    content: attr(data-off);
    right: auto;
    left: 20px;
  }

  .view-selection .btn-color-mode-switch input[type=checkbox]:checked~.alert {
    display: block;
  }

  .sidebar-widget-wrapper {
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 50px;
  }

  @media (max-width: 1200px) {
    .sidebar-widget-wrapper {
      padding: 35px;
    }
  }

  @media (max-width: 1024px) {
    .sidebar-widget-wrapper {
      padding: 25px;
    }
  }

  .sidebar-widget-wrapper .sidebar-checklist-item {
    margin-bottom: 50px;
  }

  .sidebar-widget-wrapper .sidebar-checklist-item h3 {
    color: #9C97C8;
    font-size: 24px;
    font-family: "Editor";
    font-weight: 325;
    margin-bottom: 10px;
    line-height: 32px;
  }

  @media (max-width: 420px) {
    .reader-records .records-listing-grid {
      margin: 0 auto;
      max-width: 200px;
    }
  }

  .reader-records .records-listing-grid ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  @media (max-width: 1366px) {
    .reader-records .records-listing-grid ul {
      margin: 0 -10px;
    }
  }

  @media (max-width: 420px) {
    .reader-records .records-listing-grid ul {
      margin: 0;
    }
  }

  .reader-records .records-listing-grid ul li {
    margin-bottom: 30px;
    max-width: 25%;
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    padding: 0 15px;
  }

  @media (max-width: 1366px) {
    .reader-records .records-listing-grid ul li {
      max-width: 33.33%;
      -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
      flex: 33.33%;
      padding: 0 10px;
    }
  }

  @media (max-width: 767px) {
    .reader-records .records-listing-grid ul li {
      max-width: 50%;
      -webkit-box-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;
    }
  }

  @media (max-width: 420px) {
    .reader-records .records-listing-grid ul li {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0;
    }
  }

  .record-item {
    position: relative;
  }

  .record-item .record-item-inner .pricelabel {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #5D505F;
    position: absolute;
    left: 0;
    top: 15px;
    background: #FFD28E;
    z-index: 2;
    padding: 4px 15px;
  }

  .record-item .record-item-inner .whishlist {
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .record-item .record-item-inner .whishlist.whishlist-item .whishlist-added {
    display: inline-block;
  }

  .record-item .record-item-inner .whishlist.whishlist-item .default {
    display: none;
  }

  .record-item .record-item-inner .whishlist .whishlist-added {
    display: none;
  }

  .record-item .record-item-inner .whishlist .default {
    display: inline-block;
  }

  .record-item .record-item-inner figure img {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    margin-bottom: 15px;
    width: 100%;
  }

  .record-item .record-item-inner h3 {
    color: #5D505F;
    font-size: 24px;
    font-family: "Montserrat";
    font-weight: 500;
    word-wrap: break-word;
    line-height: 32px;
    min-height: 60px;
  }

  .record-item .record-item-inner h3 a {
    color: #5D505F;
  }

  .record-item .record-item-inner h3 a:hover {
    text-decoration: underline !important;
  }

  .checkbox-item {
    margin-bottom: 5px;
  }

  .checkbox-item [type=checkbox]:checked,
  .checkbox-item [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
  }

  .checkbox-item [type=checkbox]:checked+label,
  .checkbox-item [type=checkbox]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    text-align: left;
    padding-left: 45px;
    color: #5D505F;
    font-size: 24px;
    font-family: "Montserrat";
    font-weight: 400;
    line-height: 28px;
  }

  @media (max-width: 1024px) {

    .checkbox-item [type=checkbox]:checked+label,
    .checkbox-item [type=checkbox]:not(:checked)+label {
      font-size: 20px;
      line-height: 24px;
    }
  }

  @media (max-width: 992px) {

    .checkbox-item [type=checkbox]:checked+label,
    .checkbox-item [type=checkbox]:not(:checked)+label {
      font-size: 18px;
      line-height: 22px;
    }
  }

  .checkbox-item [type=checkbox]:checked+label a,
  .checkbox-item [type=checkbox]:not(:checked)+label a {
    color: #000;
    text-decoration: underline !important;
  }

  .checkbox-item [type=checkbox]:checked+label {
    font-weight: 500;
  }

  .checkbox-item [type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 9px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #9C97C8;
    background: #9C97C8;
  }

  .checkbox-item [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #9C97C8;
    background: #FFF;
  }

  .list-item-view {
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    padding: 20px;
  }

  .list-item-view .list-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .list-item-view .list-item-inner .item-image {
    max-width: 200px;
    position: relative;
    -webkit-box-flex: 200px;
    -ms-flex: 200px;
    flex: 200px;
  }

  .list-item-view .list-item-inner .item-image .pricelabel {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #5D505F;
    position: absolute;
    left: 0;
    top: 15px;
    background: #FFD28E;
    z-index: 2;
    padding: 4px 15px;
  }

  .list-item-view .list-item-inner .item-image img {
    border-radius: 16px;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    margin-bottom: 12px;
    width: 100%;
  }

  .list-item-view .list-item-inner .item-image a.theme-btn {
    font-size: 12px;
    width: 100%;
    font-weight: 500;
    padding: 4px 20px;
    min-width: auto;
  }

  .list-item-view .list-item-inner .item-content {
    max-width: calc(100% - 200px);
    -webkit-box-flex: calc(100% - 200px);
    -ms-flex: calc(100% - 200px);
    flex: calc(100% - 200px);
    padding-left: 15px;
  }

  .list-item-view .list-item-inner .item-content h2 {
    color: #5D505F;
    font-size: 32px;
    font-family: "Editor";
    font-weight: 325;
    line-height: 42px;
    margin-bottom: 55px;
  }

  @media (max-width: 1200px) {
    .list-item-view .list-item-inner .item-content h2 {
      margin-bottom: 20px;
    }
  }

  .list-item-view .list-item-inner .item-content p {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 22px;
  }

  .wishlist-list a {
    color: #5D505F;
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    text-transform: uppercase;
  }

  .wishlist-list a:hover {
    text-decoration: underline !important;
  }

  .wishlist-list a img {
    display: inline-block;
    vertical-align: middle;
  }

  .cateogies-list-vew ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  @media (max-width: 1024px) {
    .cateogies-list-vew ul {
      margin: 0 -10px;
    }
  }

  @media (max-width: 700px) {
    .cateogies-list-vew ul {
      margin: 0 -7px;
    }
  }

  @media (max-width: 374px) {
    .cateogies-list-vew ul {
      margin: 0 0;
    }
  }

  .cateogies-list-vew ul li {
    margin-bottom: 30px;
    max-width: 25%;
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    padding: 0 15px;
  }

  .cateogies-list-vew ul li .course-image figure img {
    width: 100%;
    max-height: 205px;
    height: 205px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  @media (max-width: 1024px) {
    .cateogies-list-vew ul li {
      max-width: 33.33%;
      -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
      flex: 33.33%;
      padding: 0 10px;
    }
  }

  @media (max-width: 700px) {
    .cateogies-list-vew ul li {
      max-width: 50%;
      -webkit-box-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;
      padding: 0 7px;
    }
  }

  @media (max-width: 374px) {
    .cateogies-list-vew ul li {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0 0;
    }
  }

  .categories-views {
    padding: 0px 0 0;
  }

  @media (max-width: 768px) {
    .categories-views {
      padding: 20px 0 0;
    }
  }

  .categories-views .switch-button {
    text-align: center;
    margin-bottom: 55px;
  }

  @media (max-width: 992px) {
    .categories-views .switch-button {
      display: none;
    }
  }

  .categories-views .switch-button .view-selection .btn-color-mode-switch-inner {
    margin: auto;
  }

  .cat-list-vew ul li {
    margin-bottom: 20px;
  }

  .cat-list-vew ul li:last-child {
    margin-bottom: 0;
  }

  .result-content {
    position: relative;
    z-index: 1;
  }

  .category-list-item {
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 15px 20px;
  }

  .category-list-item .category-list-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .category-list-item .category-list-item-inner .cat-item {
    max-width: 285px;
    -webkit-box-flex: 285px;
    -ms-flex: 285px;
    flex: 285px;
  }

  .category-list-item .category-list-item-inner .cat-item .cat-image-frame {
    position: relative;
  }

  .category-list-item .category-list-item-inner .cat-item .cat-image-frame:before {
    content: "";
    /**background: #28335A;*/
    opacity: 0.57;
    position: absolute;
    inset: 0;
    border-radius: 18px;
    z-index: 1;
  }

  .category-list-item .category-list-item-inner .cat-item .cat-image-frame figure img {
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    border-radius: 18px;
    max-height: 245px;
    /**height: 245px;*/
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .category-list-item .category-list-item-inner .cat-content {
    max-width: calc(100% - 285px);
    -webkit-box-flex: calc(100% - 285px);
    -ms-flex: calc(100% - 285px);
    flex: calc(100% - 285px);
    padding-left: 45px;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner h2 {
    color: #5D505F;
    font-size: 32px;
    font-family: "Editor";
    font-weight: 325;
    margin-bottom: 15px;
    line-height: 36px;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner h2 a {
    color: #5D505F;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner h2 a:hover {
    text-decoration: underline !important;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner h4 {
    color: #9C97C8;
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 45px;
    line-height: 15px;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner h4 span {
    font-weight: 400;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner p {
    color: #5D505F;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
    line-height: 22px;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner .cat-bottom-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner .cat-bottom-action .left-action a {
    font-size: 12px;
    font-family: "Montserrat";
    min-width: 200px;
    padding: 4px 20px;
    font-weight: 500;
  }

  .category-list-item .category-list-item-inner .cat-content .cat-content-inner .cat-bottom-action .left-action span {
    color: #5D505F;
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 500;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
  }

  .mobile-button-dropdown {
    display: none;
    width: 100%;
  }

  @media (max-width: 992px) {
    .mobile-button-dropdown {
      display: block;
    }
  }

  .mobile-button-dropdown .button-inner {
    border-radius: 76px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 22px;
    position: relative;
    padding: 27px 35px;
  }

  .mobile-button-dropdown .button-inner:before {
    content: "";
    background: url(images/down-arrow.svg) no-repeat center center/cover;
    width: 12.88px;
    height: 12.88px;
    position: absolute;
    right: 30px;
    top: 30px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }

  .mobile-button-dropdown .button-inner .dropdown-sidebar-btn {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 22px;
    position: relative;
  }

  .mw-760 {
    max-width: 760px;
  }

  .mw-850 {
    max-width: 850px;
  }

  .mw-1250 {
    max-width: 1250px !important;
  }

  .mw-950 {
    max-width: 950px !important;
  }

  .mw-100 {
    max-width: 100% !important;
  }

  .radius-image img {
    border-radius: 12px;
  }

  .fixed-height-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 205px !important;
    width: 205px !important;
  }

  .faq-wrapper {
    padding: 100px 0;
  }

  .faq-wrapper .faq-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .faq-wrapper .faq-inner h3 {
    color: #9C97C8;
    font-family: "Montserrat";
    font-weight: 700;
  }

  .accordian-wrapper .accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    list-style: none;
  }

  .accordian-wrapper .accordion-list .accorian-item {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background: #ffffff;
    border-bottom: solid 1px #9C97C8;
    cursor: pointer;
  }

  .accordian-wrapper .accordion-list .accorian-item.active {
    background-color: #FFF;
  }

  .accordian-wrapper .accordion-list .accorian-item.active .accordian-header h2:after {
    content: "---";
    letter-spacing: -7px;
  }

  .accordian-wrapper .accordion-list .accorian-item .accordian-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 25px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .accordian-wrapper .accordion-list .accorian-item .accordian-header h2 {
    position: relative;
    font-family: "Montserrat";
    color: #5D505F;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    width: 100%;
    padding-left: 50px;
  }

  @media (max-width: 1200px) {
    .accordian-wrapper .accordion-list .accorian-item .accordian-header h2 {
      font-size: 18px;
      line-height: 32px;
    }
  }

  @media (max-width: 768px) {
    .accordian-wrapper .accordion-list .accorian-item .accordian-header h2 {
      padding-left: 40px;
    }
  }

  .accordian-wrapper .accordion-list .accorian-item .accordian-header h2:after {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    color: #5D505F;
    font-size: 32px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
  }

  .accordian-wrapper .accordion-list .accorian-item div.answer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 15px 20px 50px;
    cursor: pointer;
  }

  @media (max-width: 768px) {
    .accordian-wrapper .accordion-list .accorian-item div.answer {
      padding-left: 40px;
    }
  }

  .accordian-wrapper .accordion-list .accorian-item div.answer p {
    color: #9C97C8;
    font-size: 24px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    text-align: justify;
    margin-top: 0;
    margin-bottom: 20px;
  }

  @media (max-width: 1200px) {
    .accordian-wrapper .accordion-list .accorian-item div.answer p {
      font-size: 18px;
      line-height: 26px;
    }
  }

  .accordian-wrapper .accordion-list .accorian-item div.answer a {
    margin-top: 30px;
  }

  @media (max-width: 768px) {
    .chart-form-wrapper .text-sapcing {
      padding: 0 10px;
    }
  }

  .chart-form-wrapper .text-sapcing p {
    margin-bottom: 115px;
  }

  @media (max-width: 768px) {
    .chart-form-wrapper .text-sapcing p {
      margin-bottom: 60px;
      max-width: 280px;
    }
  }

  .reader-detail-item {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.8);

    margin-bottom: 20px;
    padding: 10px;
    max-width: 1024px;
    margin: 10px auto;
  }

  @media (max-width: 768px) {
    .reader-detail-item {
      padding: 0;
      border-radius: 11px 11px 16px 16px;
      margin-bottom: 30px;
    }
  }

  .reader-detail-item .reader-detail-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 768px) {
    .reader-detail-item .reader-detail-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .reader-detail-item .reader-detail-inner .reader-image {
    max-width: 500px;
    position: relative;
    -webkit-box-flex: 500px;
    -ms-flex: 500px;
    flex: 500px;
  }

  @media (max-width: 1200px) {
    .reader-detail-item .reader-detail-inner .reader-image {
      max-width: 500px;
      -webkit-box-flex: 500px;
      -ms-flex: 500px;
      flex: 500px;
    }
  }

  @media (max-width: 1024px) {
    .reader-detail-item .reader-detail-inner .reader-image {
      max-width: 300px;
      -webkit-box-flex: 300px;
      -ms-flex: 300px;
      flex: 300px;
    }
  }

  @media (max-width: 768px) {
    .reader-detail-item .reader-detail-inner .reader-image {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .reader-detail-item .reader-detail-inner .reader-image img {
    border-radius: 11px;
    margin-bottom: 12px;
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .reader-detail-item .reader-detail-inner .reader-image img {
      border-radius: 11px 11px 0 0;
      height: 225px;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  }

  .reader-detail-item .reader-detail-inner .reader-content {
    max-width: calc(100% - 300px);
    -webkit-box-flex: calc(100% - 500px);
    -ms-flex: calc(100% - 500px);
    flex: calc(100% - 500px);
    padding-left: 35px;
  }

  @media (max-width: 1200px) {
    .reader-detail-item .reader-detail-inner .reader-content {
      max-width: calc(100% - 300px);
      -webkit-box-flex: calc(100% - 400px);
      -ms-flex: calc(100% - 400px);
      flex: calc(100% - 400px);
    }
  }

  @media (max-width: 1024px) {
    .reader-detail-item .reader-detail-inner .reader-content {
      max-width: calc(100% - 300px);
      -webkit-box-flex: calc(100% - 300px);
      -ms-flex: calc(100% - 300px);
      flex: calc(100% - 300px);
    }
  }

  @media (max-width: 768px) {
    .reader-detail-item .reader-detail-inner .reader-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 25px 30px 40px;
      text-align: center;
    }
  }

  .reader-detail-item .reader-detail-inner .reader-content h2 {
    color: #5D505F;
    font-size: 35px;
    font-family: "Editor";
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 20px;
  }

  @media (max-width: 1024px) {
    .reader-detail-item .reader-detail-inner .reader-content h2 {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (max-width: 992px) {
    .reader-detail-item .reader-detail-inner .reader-content h2 {
      font-size: 40px;
      line-height: 48px;
    }
  }

  @media (max-width: 768px) {
    .reader-detail-item .reader-detail-inner .reader-content h2 {
      font-size: 36px;
      line-height: 44px;
      margin-bottom: 30px;
    }
  }

  @media (max-width: 600px) {
    .reader-detail-item .reader-detail-inner .reader-content h2 {
      font-size: 32px;
      line-height: 38px;
    }
  }

  .reader-detail-item .reader-detail-inner .reader-content h2 a {
    color: #5D505F;
  }

  .reader-detail-item .reader-detail-inner .reader-content h2 a:hover {
    text-decoration: underline !important;
  }

  .reader-detail-item .reader-detail-inner .reader-content p {

    margin-bottom: 5px;
    line-height: 25px;
  }

  .reader-detail-item .reader-detail-inner .reader-content a.theme-btn {
    font-size: 12px;
    min-width: 200px;
    font-weight: 500;
    padding: 7px 20px;
  }

  .reader-details-listing {
    padding: 70px 0 0;
  }

  @media (max-width: 768px) {
    .reader-details-listing {
      padding: 30px 0 0;
    }
  }

  .about-features {
    padding-top: 95px;
  }

  @media (max-width: 768px) {
    .about-features {
      margin: 0 20px;
      padding-top: 20px;
    }
  }

  .about-features .about-feature-item {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    padding: 20px 20px 20px;
    margin-bottom: 30px;
  }

  @media (max-width: 1024px) {
    .about-features .about-feature-item {
      padding: 60px 60px 30px;
    }
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item {
      border-radius: 8px;
      margin-top: 113px;
      padding: 0 30px 30px 30px;
      margin-bottom: 180px;
    }

    .about-features .about-feature-item:last-child {
      margin-bottom: 0;
    }
  }

  .about-features .about-feature-item .feature-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item .feature-item-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .about-features .about-feature-item .feature-item-inner .feature-image {
    max-width: 410px;
    -webkit-box-flex: 410px;
    -ms-flex: 410px;
    flex: 410px;
  }

  @media (max-width: 1024px) {
    .about-features .about-feature-item .feature-item-inner .feature-image {
      max-width: 320px;
      -webkit-box-flex: 320px;
      -ms-flex: 320px;
      flex: 320px;
    }
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item .feature-item-inner .feature-image {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item .feature-item-inner .feature-image .feature-image-inner {
      margin-top: -113px;
    }
  }

  .about-features .about-feature-item .feature-item-inner .feature-image .feature-image-inner figure img {
    width: 100%;
    height: 410px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  @media (max-width: 1024px) {
    .about-features .about-feature-item .feature-item-inner .feature-image .feature-image-inner figure img {
      height: 320px;
    }
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item .feature-item-inner .feature-image .feature-image-inner figure img {
      height: 226px;
      width: 226px;
      margin: auto;
    }
  }

  .about-features .about-feature-item .feature-item-inner .feature-content {
    max-width: calc(100% - 410px);
    -webkit-box-flex: calc(100% - 410px);
    -ms-flex: calc(100% - 410px);
    flex: calc(100% - 410px);
    padding-left: 50px;
  }

  @media (max-width: 1024px) {
    .about-features .about-feature-item .feature-item-inner .feature-content {
      max-width: calc(100% - 320px);
      -webkit-box-flex: calc(100% - 320px);
      -ms-flex: calc(100% - 320px);
      flex: calc(100% - 320px);
    }
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item .feature-item-inner .feature-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0;
    }
  }

  @media (max-width: 768px) {
    .about-features .about-feature-item .feature-item-inner .feature-content .feature-content-inner {
      text-align: center;
      margin-top: 50px;
    }
  }

  .about-features .about-feature-item .feature-item-inner .feature-content .feature-content-inner h2 {
    margin-bottom: 20px;
  }

  .about-features .about-feature-item .feature-item-inner .feature-content .feature-content-inner p {
    margin-bottom: 20px;
  }

  .profile-detail-widget {
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 60px 0;
  }

  @media (max-width: 992px) {
    .profile-detail-widget {
      padding: 40px 0;
    }
  }

  @media (max-width: 768px) {
    .profile-detail-widget {
      padding: 30px 0;
    }
  }

  @media (max-width: 500px) {
    .profile-detail-widget {
      padding: 30px 10px;
    }
  }

  .profile-detail-widget .profile-widget-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 auto 40px;
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .profile-detail-widget .profile-widget-inner .profile-image {
    max-width: 200px;
    -webkit-box-flex: 200px;
    -ms-flex: 200px;
    flex: 200px;
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner .profile-image {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .profile-detail-widget .profile-widget-inner .profile-image figure img {
    border-radius: 16px;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner .profile-image figure img {
      width: 100%;
      height: 336px;
      -o-object-fit: cover;
      object-fit: cover;
    }
  }

  .profile-detail-widget .profile-widget-inner .profile-content {
    max-width: calc(100% - 200px);
    -webkit-box-flex: calc(100% - 200px);
    -ms-flex: calc(100% - 200px);
    flex: calc(100% - 200px);
    padding-left: 30px;
  }

  @media (max-width: 768px) {
    .profile-detail-widget .profile-widget-inner .profile-content {
      padding-left: 15px;
    }
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner .profile-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-left: 0;
      margin-top: 20px;
    }
  }

  .profile-detail-widget .profile-widget-inner .profile-content h2 {
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 5px;
  }

  @media (max-width: 768px) {
    .profile-detail-widget .profile-widget-inner .profile-content h2 {
      font-size: 32px;
      line-height: 38px;
    }
  }

  .profile-detail-widget .profile-widget-inner .profile-content .profile-details {
    margin-bottom: 8px;
  }

  .profile-detail-widget .profile-widget-inner .profile-content .profile-details .wishlist-list a {
    margin-left: 0;
    margin-right: 30px;
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner .profile-content .profile-details .wishlist-list a {
      margin-right: 15px;
      font-weight: 600;
    }
  }

  .profile-detail-widget .profile-widget-inner .profile-content p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 23px;
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner .profile-content p {
      margin-bottom: 30px;
    }
  }

  @media (max-width: 500px) {
    .profile-detail-widget .profile-widget-inner .profile-content a.theme-btn {
      width: 100%;
    }
  }

  .book-video-frame {
    background: #9C97C8;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    padding: 100px 0;
  }

  @media (max-width: 992px) {
    .book-video-frame {
      padding: 70px 0;
    }
  }

  @media (max-width: 768px) {
    .book-video-frame {
      padding: 40px 0;
    }
  }

  @media (max-width: 500px) {
    .book-video-frame {
      padding: 30px 0;
    }
  }

  .book-video-frame .book-video-inner {
    position: relative;
  }

  .book-video-frame .book-video-inner .playicon img {
    width: 150px;
    height: 150px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  @media (max-width: 1200px) {
    .book-video-frame .book-video-inner .playicon img {
      width: 120px;
      height: 120px;
    }
  }

  @media (max-width: 768px) {
    .book-video-frame .book-video-inner .playicon img {
      width: 60px;
      height: 60px;
    }
  }

  .book-video-frame .book-video-inner h2 {
    font-family: "Editor";
    font-size: 92px;
    line-height: 122px;
    color: #000;
    text-align: center;
  }

  @media (max-width: 1200px) {
    .book-video-frame .book-video-inner h2 {
      font-size: 56px;
      line-height: 64px;
    }
  }

  @media (max-width: 768px) {
    .book-video-frame .book-video-inner h2 {
      font-size: 36px;
      line-height: 50px;
    }
  }

  .book-video-frame .book-video-inner h2 span {
    display: block;
  }

  .testimonial-wrapper {
    background: #F9F4EF;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    padding: 100px 0;
  }

  @media (max-width: 992px) {
    .testimonial-wrapper {
      padding: 70px 0;
    }
  }

  @media (max-width: 768px) {
    .testimonial-wrapper {
      padding: 40px 0;
    }
  }

  @media (max-width: 500px) {
    .testimonial-wrapper {
      padding: 30px 0;
    }
  }

  .testimonial-wrapper .testimonial-inner {
    margin-bottom: 30px;
  }

  @media (max-width: 768px) {
    .testimonial-wrapper .testimonial-inner {
      padding: 0 10px;
    }
  }

  .testimonial-wrapper .testimonial-inner h3 {
    max-width: 950px;
    margin: 0 auto 40px;
  }

  @media (max-width: 768px) {
    .testimonial-wrapper .testimonial-inner h3 {
      margin: 0 auto 20px;
    }
  }

  .testimonial-wrapper .testimonial-inner .testimonial-slider {
    padding: 0 40px;
    max-width: 1030px;
    margin: auto;
  }

  @media (max-width: 768px) {
    .testimonial-wrapper .testimonial-inner .testimonial-slider {
      padding: 0;
    }
  }

  .testimonial-wrapper .testimonial-inner .testimonial-slider .right-arrow {
    background: url(images/arrow-light.svg) no-repeat center center/contain;
    width: 22px;
    height: 22px;
  }

  .testimonial-wrapper .testimonial-inner .testimonial-slider .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
  }

  @media (max-width: 768px) {
    .testimonial-wrapper .testimonial-inner .testimonial-slider .owl-nav .owl-next {
      margin-top: 15px;
      position: static;
    }
  }

  .testimonial-wrapper .testimonial-inner .testimonial-slider .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
  }

  @media (max-width: 768px) {
    .testimonial-wrapper .testimonial-inner .testimonial-slider .owl-nav .owl-prev {
      margin-top: 15px;
      position: static;
    }
  }

  .related-reader {
    background: #FFF;
    -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    padding: 100px 0;
  }

  @media (max-width: 992px) {
    .related-reader {
      padding: 70px 0;
    }
  }

  @media (max-width: 768px) {
    .related-reader {
      padding: 40px 0;
    }
  }

  @media (max-width: 500px) {
    .related-reader {
      padding: 30px 0;
    }
  }

  .related-reader .related-reader-inner {
    margin-bottom: 30px;
  }

  @media (max-width: 768px) {
    .related-reader .related-reader-inner {
      padding: 0 10px;
    }
  }

  .related-reader .related-reader-inner h3 {
    max-width: 950px;
    margin: 0 auto 40px;
  }

  @media (max-width: 768px) {
    .related-reader .related-reader-inner h3 {
      margin: 0 auto 20px;
    }
  }

  .related-reader .related-reader-inner .related-reader-slider {
    padding: 0 40px;
    max-width: 1030px;
    margin: auto;
  }

  @media (max-width: 768px) {
    .related-reader .related-reader-inner .related-reader-slider {
      padding: 0 0;
    }
  }

  .related-reader .related-reader-inner .related-reader-slider .right-arrow {
    width: 22px;
    height: 22px;
  }

  .related-reader .related-reader-inner .related-reader-slider .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 35%;
    margin-top: -11px;
  }

  @media (max-width: 768px) {
    .related-reader .related-reader-inner .related-reader-slider .owl-nav .owl-next {
      right: -20px;
    }
  }

  .related-reader .related-reader-inner .related-reader-slider .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 35%;
    margin-top: -11px;
  }

  @media (max-width: 768px) {
    .related-reader .related-reader-inner .related-reader-slider .owl-nav .owl-prev {
      left: -20px;
    }
  }

  .testimonial-item blockquote {
    color: #9C97C8;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 24px;
  }

  .reader-desctiption-wrapper {
    padding: 90px 0;
    position: relative;
  }

  @media (max-width: 992px) {
    .reader-desctiption-wrapper {
      padding: 70px 0;
    }
  }

  @media (max-width: 768px) {
    .reader-desctiption-wrapper {
      padding: 60px 0;
    }
  }

  .reader-desctiption-wrapper:after {
    content: "";
    background: url(images/inner-clouds.png) no-repeat center center/cover;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: -1;
  }

  .reader-desctiption-wrapper .reader-content-inner {
    max-width: 1220px;
    margin-left: auto;
    position: relative;
    z-index: 1;
  }

  @media (max-width: 992px) {
    .reader-desctiption-wrapper .reader-content-inner {
      padding: 0 10px;
    }
  }

  .reader-desctiption-wrapper .reader-content-inner .content-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 992px) {
    .reader-desctiption-wrapper .reader-content-inner .content-grid {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .reader-desctiption-wrapper .reader-content-inner .content-grid .content-wrap {
    max-width: calc(100% - 340px);
    -webkit-box-flex: calc(100% - 340px);
    -ms-flex: calc(100% - 340px);
    flex: calc(100% - 340px);
    padding: 0 40px 0 60px;
  }

  @media (max-width: 992px) {
    .reader-desctiption-wrapper .reader-content-inner .content-grid .content-wrap {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0 0;
    }
  }

  .reader-desctiption-wrapper .reader-content-inner .content-grid .content-wrap p {
    margin-bottom: 20px;
  }

  @media (max-width: 600px) {
    .reader-desctiption-wrapper .reader-content-inner .content-grid .content-wrap p {
      line-height: 24px;
    }
  }

  .reader-desctiption-wrapper .reader-content-inner .content-grid .sidebar-wrap {
    max-width: 340px;
    -webkit-box-flex: 340px;
    -ms-flex: 340px;
    flex: 340px;
  }

  @media (max-width: 992px) {
    .reader-desctiption-wrapper .reader-content-inner .content-grid .sidebar-wrap {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .reader-desctiption-wrapper .reader-content-inner .content-grid .sidebar-wrap .wishlist-list a {
    margin-left: 0;
    margin-right: 30px;
    display: block;
    font-weight: 600;
  }

  .button-reader {
    margin-bottom: 30px;
  }

  @media (max-width: 768px) {
    .button-reader {
      text-align: center;
    }
  }

  .button-reader a {
    margin-right: 20px;
  }

  @media (max-width: 768px) {
    .button-reader a {
      margin: 0;
    }
  }

  .button-reader span {
    font-size: 18px;
  }

  @media (max-width: 768px) {
    .button-reader span {
      display: block;
      margin-top: 5px;
    }
  }

  .w-auto {
    width: auto !important;
  }

  .myaccount-wrapper .myaccount-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 768px) {
    .myaccount-wrapper .myaccount-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .myaccount-wrapper .myaccount-inner .account-sidebar {
    max-width: 420px;
    -webkit-box-flex: 420px;
    -ms-flex: 420px;
    flex: 420px;
  }

  @media (max-width: 1100px) {
    .myaccount-wrapper .myaccount-inner .account-sidebar {
      max-width: 320px;
      -webkit-box-flex: 320px;
      -ms-flex: 320px;
      flex: 320px;
    }
  }

  @media (max-width: 768px) {
    .myaccount-wrapper .myaccount-inner .account-sidebar {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      background: #eee8f0;
      position: fixed;
      left: -100%;
      top: 0;
      bottom: 0;
      height: 100vh;
      z-index: 101;
      width: 80%;
      -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
      filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.161));
    }

    .myaccount-wrapper .myaccount-inner .account-sidebar .account-sidebar-links {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      filter: none;
      -webkit-filter: none;
    }
  }

  .myaccount-wrapper .myaccount-inner .account-content {
    max-width: calc(100% - 420px);
    -webkit-box-flex: calc(100% - 420px);
    -ms-flex: calc(100% - 420px);
    flex: calc(100% - 420px);
  }

  @media (max-width: 1100px) {
    .myaccount-wrapper .myaccount-inner .account-content {
      max-width: calc(100% - 320px);
      -webkit-box-flex: calc(100% - 320px);
      -ms-flex: calc(100% - 320px);
      flex: calc(100% - 320px);
    }
  }

  @media (max-width: 768px) {
    .myaccount-wrapper .myaccount-inner .account-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .account-sidebar-links {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 20px;
  }

  @media (max-width: 1100px) {
    .account-sidebar-links {
      padding: 30px;
    }
  }

  .account-sidebar-links ul li {
    padding: 2px 0;
    font-size: 12px;
  }

  @media (max-width: 1024px) {
    .account-sidebar-links ul li {
      padding: 5px 0;
    }
  }

  .account-sidebar-links ul li a {
    color: #5D505F;
    font-size: 20px;
    font-family: "Montserrat";
    /* font-weight: 500; */
    line-height: 19px;
  }

  @media (max-width: 1024px) {
    .account-sidebar-links ul li a {
      font-size: 20px;
      line-height: 25px;
    }
  }

  .account-sidebar-links ul li a:hover,
  .account-sidebar-links ul li a.active {
    text-decoration: underline !important;
  }

  .font-weight-600 {
    font-weight: 600 !important;
  }

  .font-weight-500 {
    font-weight: 500 !important;
  }

  .myaccount-wrapper {
    margin-top: 60px;
  }

  @media (max-width: 768px) {
    .myaccount-wrapper {
      margin-top: 20px;
    }
  }

  .account-form-wrapper {
    max-width: 820px;
    margin: auto;
    padding: 0 20px;
  }

  @media (max-width: 768px) {
    .account-form-wrapper {
      padding: 0;
    }
  }

  .account-form-wrapper .input-field {
    margin-bottom: 20px;
  }

  .submit-account-button input,
  .submit-account-button button,
  .submit-account-button a {
    width: 100%;
    line-height: 27px;
    padding: 5px 20px;
  }

  @media (max-width: 768px) {

    .submit-account-button input,
    .submit-account-button a {
      padding: 9px 20px;
    }
  }

  .account-table {
    overflow-x: auto;
  }

  .account-table table {
    background: transparent;
    border-collapse: collapse;
    width: 100%;
  }

  .account-table th {
    background: transparent;
    padding: 10px;
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 22px;
    text-align: left;
  }

  .account-table td {
    padding: 10px;
    background: transparent;
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
  }

  .table-button a {
    font-size: 12px;
    font-family: "Montserrat";
    line-height: 15px;
    font-weight: 600;
    padding: 5px 20px;
    min-width: auto;
  }

  .d-flex-justify-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .top-social-btn a {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 20px;
    min-width: auto;
    line-height: 26px;
    margin-left: 10px;
  }

  .account-content-cms {
    margin-bottom: 60px;
    max-width: 320px;
  }

  .account-content-cms h3 {
    color: #9C97C8;
    font-size: 36px;
    font-family: "Editor";
    font-weight: 325;
    line-height: 43px;
    margin-bottom: 20px;
  }

  .account-content-cms p {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 26px;
  }

  .account-content-cms p a {
    text-decoration: underline !important;
  }

  .login-form-wrapper .login-form-inner {
    max-width: 780px;
    margin: auto;
  }

  .login-frame.login-form-wrapper .login-form-inner {
    max-width: 400px;
  }

  .login-form-wrapper .login-form-inner .input-field {
    margin-bottom: 20px;
  }

  .login-form-wrapper .login-form-inner .input-field input {
    text-align: center;
  }

  .login-form-wrapper .login-form-inner .input-field input::-webkit-input-placeholder {
    /* Edge */
    text-align: center;
  }

  .login-form-wrapper .login-form-inner .input-field input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    text-align: center;
  }

  .login-form-wrapper .login-form-inner .input-field input::-moz-placeholder {
    text-align: center;
  }

  .login-form-wrapper .login-form-inner .input-field input::-ms-input-placeholder {
    text-align: center;
  }

  .login-form-wrapper .login-form-inner .input-field input::placeholder {
    text-align: center;
  }

  .other-details-login {
    text-align: center;
    margin-top: 35px;
  }

  .other-details-login p {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 35px;
  }

  .other-details-login p a {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: underline;
  }

  .other-details-login p a:hover {
    text-decoration: none !important;
  }

  .activities-list ul {
    max-width: 600px;
    margin: auto;
  }

  .activities-list ul li {
    margin-bottom: 20px;
  }

  .activity-item {
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 25px;
  }

  @media (max-width: 600px) {
    .activity-item {
      padding: 0;
    }
  }

  .activity-item .activity-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 600px) {
    .activity-item .activity-item-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .activity-item .activity-item-inner .activity-image {
    max-width: 235px;
    -webkit-box-flex: 235px;
    -ms-flex: 235px;
    flex: 235px;
  }

  @media (max-width: 600px) {
    .activity-item .activity-item-inner .activity-image {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .activity-item .activity-item-inner .activity-image img {
    border-radius: 16px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }

  @media (max-width: 600px) {
    .activity-item .activity-item-inner .activity-image img {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      width: 100%;
      height: 250px;
      -o-object-fit: cover;
      object-fit: cover;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
  }

  .activity-item .activity-item-inner .activity-content {
    max-width: calc(100% - 235px);
    -webkit-box-flex: calc(100% - 235px);
    -ms-flex: calc(100% - 235px);
    flex: calc(100% - 235px);
    padding-left: 25px;
  }

  @media (max-width: 600px) {
    .activity-item .activity-item-inner .activity-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 20px;
    }
  }

  .activity-item .activity-item-inner .activity-content .activity-content-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .activity-item .activity-item-inner .activity-content h2 {
    color: #5D505F;
    font-size: 32px;
    font-family: "Editor";
    font-weight: 325;
    line-height: 38px;
    margin-bottom: 6px;
  }

  .activity-item .activity-item-inner .activity-content span {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 34px;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  .activity-item .activity-item-inner .activity-content .action-button {
    margin-top: auto;
  }

  .activity-item .activity-item-inner .activity-content .action-button a {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
  }

  .activity-features .activity-feature-item {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
  }

  .mobile-account-filter a {
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat";
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: underline !important;
  }

  .mobile-account-filter a:hover {
    text-decoration: none !important;
  }

  .account-mychart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 992px) {
    .account-mychart {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .account-mychart .mychart-sidebar {
    max-width: 300px;
    -webkit-box-flex: 300px;
    -ms-flex: 300px;
    flex: 300px;
  }

  @media (max-width: 1200px) {
    .account-mychart .mychart-sidebar {
      display: none;
    }
  }

  .account-mychart .mychart-chart {
    max-width: calc(100% - 590px);
    -webkit-box-flex: calc(100% - 590px);
    -ms-flex: calc(100% - 590px);
    flex: calc(100% - 590px);
    padding: 0 30px;
  }

  @media (max-width: 1200px) {
    .account-mychart .mychart-chart {
      max-width: calc(100% - 290px);
      -webkit-box-flex: calc(100% - 290px);
      -ms-flex: calc(100% - 290px);
      flex: calc(100% - 290px);
    }
  }

  @media (max-width: 992px) {
    .account-mychart .mychart-chart {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }
  }

  .account-mychart .mychart-chart .chart-frame .chart-frame-inner .chart-left h4,
  .account-mychart .mychart-chart .chart-frame .chart-frame-inner .chart-right h4 {
    margin-bottom: 40px;
  }

  @media (max-width: 992px) {

    .account-mychart .mychart-chart .chart-frame .chart-frame-inner .chart-left h4,
    .account-mychart .mychart-chart .chart-frame .chart-frame-inner .chart-right h4 {
      margin-bottom: 15px;
    }
  }

  .account-mychart .mychart-details {
    max-width: 290px;
    -webkit-box-flex: 290px;
    -ms-flex: 290px;
    flex: 290px;
  }

  @media (max-width: 992px) {
    .account-mychart .mychart-details {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-top: 30px;
    }
  }

  .mychart-detail-content h3 {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 40px;
  }

  @media (max-width: 992px) {
    .mychart-detail-content h3 {
      margin-bottom: 15px;
    }
  }

  .mychart-detail-content .share-social {
    margin-bottom: 60px;
    text-align: left;
  }

  .mychart-detail-content p {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 25px;
  }

  .mychart-detail-content p span {
    font-weight: 600;
  }

  .my-chart-sidebar {
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 55px 30px;
  }

  .my-chart-sidebar .sidebar-inner h3 {
    color: #9C97C8;
    font-size: 24px;
    font-family: "Editor";
    font-style: normal;
    font-weight: 325;
    line-height: 29px;
    margin-bottom: 15px;
  }

  .my-chart-sidebar .sidebar-inner .suggested-list {
    margin-top: 30px;
    padding-left: 25px;
  }

  .my-chart-sidebar .sidebar-inner .suggested-list ul li {
    padding: 6px 0;
  }

  .my-chart-sidebar .sidebar-inner .suggested-list ul li a {
    color: #5D505F;
    font-size: 24px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
  }

  .my-chart-sidebar .sidebar-inner .suggested-list ul li a:hover,
  .my-chart-sidebar .sidebar-inner .suggested-list ul li a.active {
    font-weight: 600;
    text-decoration-line: underline !important;
  }

  .create-chart {
    margin-bottom: 40px;
  }

  .create-chart a {
    text-transform: uppercase;
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    display: block;
  }

  .create-chart a:hover {
    text-decoration-line: underline !important;
  }

  .button-stack-chart a {
    padding: 4px 20px;
    width: 100%;
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px;
  }

  .button-stack-chart a svg {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 9px;
  }

  .button-stack-chart a:hover svg path {
    fill: #ffffff !important;
  }

  .cart-table {
    max-width: 780px;
    margin: 0 auto 30px;
  }

  @media (max-width: 600px) {
    .cart-table .submit-account-button.text-right {
      text-align: center !important;
    }
  }

  .cart-item {
    margin-bottom: 20px;
  }

  .cart-item .cart-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cart-item .cart-item-inner .cart-close {
    max-width: 60px;
    -webkit-box-flex: 60px;
    -ms-flex: 60px;
    flex: 60px;
  }

  @media (max-width: 600px) {
    .cart-item .cart-item-inner .cart-close {
      max-width: 25px;
      -webkit-box-flex: 25px;
      -ms-flex: 25px;
      flex: 25px;
    }

    .cart-item .cart-item-inner .cart-close img {
      height: 16px;
    }
  }

  .cart-item .cart-item-inner .cart-content {
    max-width: calc(100% - 150px);
    -webkit-box-flex: calc(100% - 150px);
    -ms-flex: calc(100% - 150px);
    flex: calc(100% - 150px);
  }

  @media (max-width: 600px) {
    .cart-item .cart-item-inner .cart-content {
      max-width: calc(100% - 95px);
      -webkit-box-flex: calc(100% - 95px);
      -ms-flex: calc(100% - 95px);
      flex: calc(100% - 95px);
    }
  }

  .cart-item .cart-item-inner .cart-content figure {
    display: inline-block;
    vertical-align: middle;
  }

  .cart-item .cart-item-inner .cart-content figure img {
    width: 64px;
    height: 64px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    max-width: 100%;
  }

  .cart-item .cart-item-inner .cart-content h3 {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 120px);
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 22px;
    padding-left: 22px;
  }

  @media (max-width: 600px) {
    .cart-item .cart-item-inner .cart-content h3 {
      max-width: calc(100% - 75px);
      font-size: 16px;
      padding-left: 15px;
    }
  }

  .cart-item .cart-item-inner .cart-price {
    max-width: 90px;
    -webkit-box-flex: 90px;
    -ms-flex: 90px;
    flex: 90px;
  }

  @media (max-width: 600px) {
    .cart-item .cart-item-inner .cart-price {
      max-width: 70px;
      -webkit-box-flex: 70px;
      -ms-flex: 70px;
      flex: 70px;
    }
  }

  .cart-item .cart-item-inner .cart-price p {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 600;
    line-height: 22px;
    text-align: right;
  }

  .cart-item .cart-item-inner .cart-price p span {
    font-weight: 500;
  }

  @media (max-width: 600px) {
    .cart-bottom .cart-item .cart-item-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .cart-bottom .cart-item .cart-item-inner .cart-price {
    max-width: 150px;
    -webkit-box-flex: 150px;
    -ms-flex: 150px;
    flex: 150px;
  }

  @media (max-width: 600px) {
    .cart-bottom .cart-item .cart-item-inner .cart-price {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-top: 20px;
    }
  }

  .couponcode-wrapper h4 {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .couponcode-wrapper .coupon-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }

  .couponcode-wrapper .coupon-inner .input-field {
    margin: 0;
  }

  .couponcode-wrapper .coupon-inner .input-field input {
    height: 35px;
    padding: 6px 11px;
    margin: 0;
    width: 180px;
  }

  .couponcode-wrapper .coupon-inner .submit-account-button input,
  .couponcode-wrapper .coupon-inner .submit-account-button button {
    font-size: 12px;
    line-height: 15px;
    padding: 9px 26px;
    min-width: auto;
  }

  footer .footer-inner {
    background: #5D505F;
    padding: 50px 0;
  }

  @media (max-width: 1200px) {
    footer .footer-inner {
      padding: 60px 0;
    }
  }

  @media (max-width: 768px) {
    footer .footer-inner {
      padding: 100px 0;
    }
  }

  footer .footer-inner .footer-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  footer .footer-inner .footer-grid .left-grid {
    max-width: 400px;
    -webkit-box-flex: 400px;
    -ms-flex: 400px;
    flex: 400px;
  }

  @media (max-width: 768px) {
    footer .footer-inner .footer-grid .left-grid {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      text-align: center;
    }
  }

  footer .footer-inner .footer-grid .left-grid .footer-logo {
    margin-bottom: 70px;
  }

  @media (max-width: 768px) {
    footer .footer-inner .footer-grid .left-grid .footer-logo a img {
      margin: auto;
    }
  }

  footer .footer-inner .footer-grid .left-grid .footer-links ul li {
    padding: 12px 0;
  }

  footer .footer-inner .footer-grid .left-grid .footer-links ul li a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #F9F4EF;
    text-transform: uppercase;
  }

  footer .footer-inner .footer-grid .left-grid .footer-links ul li a:hover {
    text-decoration: underline !important;
  }

  footer .footer-inner .footer-grid .right-grid {
    max-width: calc(100% - 400px);
    -webkit-box-flex: calc(100% - 400px);
    -ms-flex: calc(100% - 400px);
    flex: calc(100% - 400px);
  }

  @media (max-width: 768px) {
    footer .footer-inner .footer-grid .right-grid {
      display: none;
    }
  }

  footer .footer-inner .footer-grid .right-grid .right-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }

  footer .footer-inner .footer-grid .right-grid .right-inner .blockquote-owner {
    margin-top: auto;
  }

  .back-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .back-top a {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #F9F4EF;
  }

  .back-top a span {
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    margin: 20px auto 0;
    color: #F9F4EF;
  }

  .blockquote-owner {
    max-width: 980px;
    margin-left: auto;
    text-align: right;
  }

  .blockquote-owner blockquote {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: right;
    color: #ffffff;
    margin-bottom: 35px;
  }

  .blockquote-owner figcaption {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
  }

  .mobile-show {
    display: none;
  }

  @media (max-width: 768px) {
    .mobile-order {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .mobile-order .order-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }

    .mobile-order .order-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }

    .mobile-hide {
      display: none;
    }

    .mobile-show {
      display: block;
    }
  }


  .woocommerce form .form-row label {
    font-weight: 500;
  }


  .woocommercheckout-wrapper .select2-container .select2-selection--single {
    border-radius: 30px;
    border: 0;
    background: #fff;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    padding: 12px 20px;
    height: 55px;
  }

  .woocommercheckout-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 16px;
    right: 11px;
    width: 20px;
  }

  .woocommercheckout-wrapper .woocommerce-checkout-payment ul.wc_payment_methods {
    padding: 20px !important;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    background: linear-gradient(135.9deg, #F4EBE2 2.09%, #EDE8F3 98.11%);
    border-radius: 18px;
    border: 0 !important;
    margin-bottom: 20px !important;
  }


  .woocommercheckout-wrapper #add_payment_method #payment,
  .woocommercheckout-wrapper .woocommerce-cart #payment,
  .woocommercheckout-wrapper .woocommerce-checkout #payment {
    background: transparent !important;
  }


  .woocommercheckout-wrapper .terms-payment-wrapper p {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5D505F;
    margin: 20px 0;
  }

  .woocommercheckout-wrapper .terms-payment-wrapper .checkbox-item label {
    font-size: 18px;
    font-weight: 500;
  }

  .woocommercheckout-wrapper .woocommercheckout-wrapper .terms-payment-wrapper .checkbox-item label {
    font-size: 18px;
    font-weight: 500;
  }

  .woocommercheckout-wrapper .woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 17px;
    font-weight: 500;
  }

  .woocommercheckout-wrapper .wc-stripe-elements-field {
    padding: 10px 10px;
  }



  .order-table-woo table td {
    padding: 10px;
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 600 !important;
    line-height: 22px;
    border: 0 !important;
  }

  .order-table-woo table th {
    padding: 10px;
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 500 !important;
    line-height: 22px;
    border: 0 !important;
  }

  .order-table-woo table tfoot .order-total th,
  .order-table-woo table tfoot .cart-subtotal th {
    font-weight: 700;
    text-align: right;
  }

  .order-table-woo table {
    border: 0 !important;
    border-collapse: collapse !important;
  }

  .order-table-woo table th.product-total {
    text-align: right;
  }

  .order-table-woo table td.product-total {
    text-align: right;
  }

  .order-table-woo table tfoot .order-total td,
  .order-table-woo table tfoot .cart-subtotal td {
    text-align: right;
  }



  .terms-payment-wrapper div#pwgc-redeem-gift-card-form label {
    color: #5D505F;
    font-size: 18px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
  }

  .terms-payment-wrapper div#pwgc-redeem-gift-card-form form {
    /* background: orange; */
  }

  .terms-payment-wrapper div#pwgc-redeem-gift-card-form div#pwgc-redeem-error {
    display: none;
    width: 100%;
  }

  .terms-payment-wrapper div#pwgc-redeem-gift-card-form #pwgc-redeem-gift-card-number {
    border-radius: 30px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5D505F;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    height: 35px;
    padding: 6px 11px;
    margin: 0;
    width: 230px;
    display: inline-block;
    vertical-align: middle;
  }

  .terms-payment-wrapper div#pwgc-redeem-gift-card-form input#pwgc-redeem-button {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    color: #F5F0E5;
    text-align: center;
    border: 0;
    background: #9C97C8;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    font-size: 12px;
    line-height: 15px;
    padding: 10px 26px;
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 !important;
  }

  .terms-payment-wrapper div#pwgc-redeem-gift-card-form input#pwgc-redeem-button:hover {
    color: #5D505F;
    border-color: #5D505F;
    background: #F2F2F2;
  }

  .woocommerce .woocommercheckout-wrapper #respond input#submit,
  .woocommerce .woocommercheckout-wrapper a.button,
  .woocommerce .woocommercheckout-wrapper button.button,
  .woocommerce .woocommercheckout-wrapper input.button {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #F5F0E5;
    text-align: center;
    border: 0;
    background: #9C97C8 !important;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    line-height: 27px;
    padding: 14px 40px;
    text-decoration: none !important;
    ;
  }


  .woocommerce .woocommercheckout-wrapper #respond input#submit:hover,
  .woocommerce .woocommercheckout-wrapper a.button:hover,
  .woocommerce .woocommercheckout-wrapper button.button:hover,
  .woocommerce .woocommercheckout-wrapper input.button:hover {
    color: #5D505F !important;
    border-color: #5D505F !important;
    background: #F2F2F2 !important;
  }

  .couponcode-wrapper form.checkout_coupon {
    border: 0 !important;
    padding: 0 30px !important;
    margin: 20px 0 !important;
  }

  div.woocommerce-error,
  div.woocommerce-info,
  div.woocommerce-message {
    padding: 10px 10px 10px 3.5em;
    margin: 0 0;
    font-size: 17px;
  }

  div.woocommerce-error a,
  div.woocommerce-info a,
  div.woocommerce-message a {
    text-decoration: underline !important;
    font-weight: 500;
  }



  div.woocommerce-error::before,
  div.woocommerce-info::before,
  div.woocommerce-message::before {
    top: 8px;
  }

  .thankyou-details-wrapper {
    margin-top: 15px;
  }

  .woocommerce .thankyou-details-wrapper ul.order_details {
    border-radius: 16px;
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: nowrap;
  }

  .woocommerce .thankyou-details-wrapper ul.order_details li {
    padding: 15px;
    margin: 0;
    border-right: solid 1px #c1c1c1;
    max-width: 25%;
    flex: 25%;
  }

  .woocommerce .thankyou-details-wrapper ul.order_details li:last-child {
    border: 0;
  }

  .woocommerce .thankyou-details-wrapper ul.order_details li strong {
    font-size: 18px;
    margin-top: 7px;
    font-weight: 600;
    word-wrap: break-word;
  }

  .order-table-woo h2 {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    color: #5D505F;
  }

  .location-field span {
    width: 100%;
  }

  .location-dropdown-list .tt-menu {
    background: #fff;
    width: 100%;
    text-align: left;
    padding-top: 9px;
    top: 34px !important;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 16px 16px;
    z-index: 1 !important;
  }

  .location-dropdown-list .tt-menu .tt-suggestion {
    text-align: left;
    margin: 0;
    font-size: 16px;
    color: #000;
    padding: 3px 10px;
    cursor: pointer;
  }

  .location-dropdown-list .tt-menu .tt-dataset.tt-dataset-city::-webkit-scrollbar {
    width: 4px;
    border-radius: 10px;
  }

  .location-dropdown-list .tt-menu .tt-dataset.tt-dataset-city::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d8d8d8;
  }

  .location-dropdown-list .tt-menu .tt-dataset.tt-dataset-city::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  .location-dropdown-list .tt-menu .tt-dataset.tt-dataset-city {
    height: 180px;
    overflow-y: auto;
    margin-right: 10px;
    margin-bottom: 15px;
  }

  .location-dropdown-list.input-field input {
    padding-bottom: 0;
    padding-top: 0;
  }

  .location-dropdown-list {
    margin-top: 20px;
  }

  .calendar-wrapper-design {
    max-width: 780px;
    margin: auto;
  }

  .calendar-wrapper-design .booked-calendar-wrap {
    max-width: 530px !important;
    margin: auto;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar thead tr th {
    background: #5D505F !important;
    border: 0;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar thead tr.days th {
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%) !important;
    color: #5D505F !important;
    font-size: 15px;
    font-weight: 500;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr td>span {
    line-height: 50px !important;
    font-size: 17px;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr td {
    height: auto !important;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr td.today .date span {
    border-color: #5D505F !important;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr td .date span {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr td:hover .date span {
    background: #5D505F !important;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr td.active span.date.tooltipster {
    background: #5D505F;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr.entryBlock td {
    padding: 0 !important;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr.entryBlock td .booked-appt-list {
    background: linear-gradient(128deg, #F4EBE2 0%, #EDE8F3 100%);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr.entryBlock td .booked-appt-list span.timeslot-people button {
    font-family: "Montserrat";
    font-style: normal;
    line-height: 24px;
    color: #F5F0E5;
    text-align: center;
    border: 0;
    background: #9C97C8;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    font-size: 12px;
    font-weight: 500;
    padding: 4px 20px;
  }

  .calendar-wrapper-design .booked-calendar-wrap table.booked-calendar tbody tr.entryBlock td .booked-appt-list span.timeslot-people button:hover {
    color: #5D505F !important;
    border-color: #5D505F !important;
    background: #F2F2F2 !important;
  }

  h3.watch-time {
    font-size: 20px;
  }

  /*default page style*/
  .cms-wrapper p {
    margin-bottom: 15px;
  }


  .cms-wrapper ol li,
  .cms-wrapper ul li {
    font-family: "Montserrat";
    color: #5D505F;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    list-style: disc;
    list-style-position: outside;
    margin-bottom: 10px;
  }

  .cms-wrapper ol,
  .cms-wrapper ul {
    padding-left: 40px;
  }

  .cms-wrapper p a i {
    font-size: 24px;
    line-height: 32px;
    font-family: "Montserrat";
    display: inline-block;
    font-weight: 500;
    text-decoration: underline !important;
  }

  .cms-wrapper p a:hover i {
    text-decoration: none !important;
  }

  .cms-wrapper p b span {
    font-family: "Editor";
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #5D505F;
    margin-top: 30px;
    display: inline-block;
    margin-bottom: 0px;
  }

  .cms-wrapper h1,
  .cms-wrapper h2,
  .cms-wrapper h3,
  .cms-wrapper h4,
  .cms-wrapper h5,
  .cms-wrapper h6 {
    margin-bottom: 20px;
  }

  .woocommerce form .input-field .form-row-first,
  .woocommerce form .input-field .form-row-last {
    width: 49%;
  }

  .woocommerce form .input-field .form-row {
    padding: 0;
    margin: 0 0 20px;
  }

  .cartbasket svg {
    height: 30px;
	width:32px;
	fill:#5D505F;
  }

  .cartbasket .counter-cart {
    background-color: #5D505F;
    -webkit-border-radius: 8.5px;
    border-radius: 30px;
    font-weight: 400;
    color: #fff;
	text-align:center;
    font-size: 11px;
    height: 20px;
	width:20px;
    line-height: 20px;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -10px;
  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta {
    display: inline-block;
    vertical-align: middle;
	float:right;
	margin-top:-5px !important;
	margin-right:-10px !important;
  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta .name-initials {
    border: 0;
    display: inline-block;
    padding: 0;
    color: #5D505F;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: 500 !important;
  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta .name-initials img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
	 display:none !important;
  }
  
 header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta .name-initials span {
    display: inline-block;
    vertical-align: middle;
  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta a.round-theme-btn {
    font-size: 14px !important;
	  letter-spacing:0.05em !important;
	  text-transform:uppercase !important;
     padding: 5px 15px !important;
	 margin-bottom:-5px;
	 font-weight:500 !important;
  }
header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta svg {
		color: #5D505F !important;
		fill: #5D505F !important;
	  }
@media (max-width: 989px) {
  header.custom-header a[data-button="mobileMenu"] {
    display: inline-block;
  }
	
	header.custom-header a[data-button="mobileMenu"] svg#hamburger {
	width:28px;
   	color: #5D505F !important;
	fill: #5D505F !important;
    margin-top:8px !important;
}
	header.custom-header nav[itemprop="topNav"] {
		display:none !important;
	}
	header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta {
	margin-top:-5px !important;
	margin-right:-10px !important;
  }
	.sidebar-inner-menu {
		opacity:1 !important;
	}
	.sidebar-inner-menu a {
	    color: #5D505F !important;	
	}
}

  @media (max-width: 768px) {
    header .header-inner .header-grid .menu-header .header-cta a {
      font-size: 13px;
      margin: 0;
    }
	header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta {
	margin-top:0px !important;
	margin-right:-10px !important;
  }
    header .header-inner .header-grid .menu-header .header-cta .name-initials img {
      vertical-align: initial;
      margin-right: 0px;
    }

  }

  .inner-top-content.interview-wrapper-detail .listen-p {
    max-width: 900px;
    margin: auto;
  }

  .inner-top-content.interview-wrapper-detail .back-btn {
    padding: 10px;
    border-radius: 5px;
    font-size: 22px;
    float: left;
    font-weight: 600;
  }

  .inner-top-content.interview-wrapper-detail .back-btn img {
    display: inline-block;
    margin-right: 10px;
    height: 20px;
    position: relative;
    top: 1px;
  }

  .inner-top-content.interview-wrapper-detail .back-btn:hover {
    text-decoration: underline !important;
  }

  .inner-top-content.interview-wrapper-detail .listen-p h1 {
    font-size: 56px;
    line-height: 72px;
  }


  @media (max-width: 1024px) {
    .inner-top-content.interview-wrapper-detail .listen-p h1 {
      font-size: 48px;
      line-height: 56px;
    }
  }

  @media (max-width: 992px) {
    .inner-top-content.interview-wrapper-detail .listen-p h1 {
      font-size: 40px;
      line-height: 48px;
    }
  }

  @media (max-width: 768px) {
    .inner-top-content.interview-wrapper-detail .listen-p h1 {
      font-size: 36px;
      line-height: 44px;
    }
  }

  @media (max-width: 600px) {
    .inner-top-content.interview-wrapper-detail .listen-p h1 {
      font-size: 32px;
      line-height: 38px;
      clear: both;
    }
  }

  .chart-frame .chart-frame-inner .chart-left ul li span {
    position: absolute;
    left: 10px;
    right: auto;
    top: 10px;
  }

  .chart-frame .chart-frame-inner .chart-right ul li span {
    position: absolute;
    left: auto;
    right: 0px;
    top: 10px;
  }

  .chart-frame .chart-frame-inner .chart-right ul li {
    text-align: right;
    padding-right: 38px;

  }

  .chart-frame .chart-frame-inner .chart-left ul li {
    text-align: left;
    padding-left: 38px;

  }


  .custom-videos .download-app {
    display: none;
  }


  .pdf-print {
    top: -550px !important;
    background: #000 !important;
    position: fixed;

  }

  .pdf-print .chart-feature-item .chart-feature-content .chart-inner-item {

    margin-bottom: 0px !important;

  }

  .pdf-print .chart-feature-item {
    min-height: auto !important;

  }

  .pdf-print .chart-features-list ul li {
    margin-bottom: 0px !important;
  }

  a.menuClose {
    position: relative;
    top: -10px;
    right: -20px;
  }

  .course-content-wrapper.no-video .sidebar-wrap {
    display: none;
  }

  .course-content-wrapper.no-video .content-courser-grid .button-wrap {
    max-width: inherit;
  }

  .course-content-wrapper.no-video .content-courser-grid .content-wrap {
    max-width: inherit;
  }

  .course-content-wrapper.no-video:before {
    top: 0px;
    height: 857px;
  }

  @media (max-width: 1468px) {
    .course-content-wrapper.no-video:before {
      top: 0;
      height: 886px;
    }
  }

  @media (max-width: 1132px) {
    .course-content-wrapper.no-video:before {
      top: 75px;
      height: 840px;
    }
  }

  @media (max-width: 920px) {
    .course-content-wrapper.no-video:before {
      top: 101px;
      height: 840px;
    }
  }

  .course-content-wrapper.no-video .course-content-inner .course-detail-video {
    margin-bottom: 0px;
  }

  .course-content-wrapper.no-video .course-content-inner .course-detail-video .detail-video-inner h1 {
    margin-bottom: 0px;
  }

  @media (max-width: 992px) {
    .course-content-wrapper.no-video a.reset_variations {
      color: #fff;
    }

  }

  /*Gift Card*/
  #pwgc-purchase-container input[type="text"] {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    vertical-align: top;
    height: 45px;
    padding: 0 15px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #2B2925;
  }

  #pwgc-message {

    width: 100%;
    max-width: 100%;
    min-width: 100%;
    vertical-align: top;
    height: 45px;
    padding: 15px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #2B2925;
    font-family: 'Montserrat', sans-serif;
  }

  #pwgc-purchase-container a.reset_variations {
    display: inline-block;
    padding: 10px;

  }

  #pwgc-purchase-container label {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
  }

  #pwgc-purchase-container {
    padding-bottom: 50px;
  }



  @media (max-width: 1410px) {
    .course-item .icon-frame h2 {
      font-size: 43px;
      line-height: 67px;
    }

  }

  @media (max-width: 480px) {
    .short-videos-links a.round-theme-btn {
      margin-top: 10px;
      margin-bottom: 120px;
    }

    .main-banner .short-videos-links a.round-theme-btn {
      margin-bottom: 0px;
    }

    .course-item .icon-frame h2 {
      font-size: 36px;
      line-height: 37px;
    }

    .main-banner .banner-content .banner-content-inner .more-description {
      margin-bottom: 42px;
    }

  }


  /*================================== new modification for individual page ==========================================*/


  .course-top-details {
    padding: 100px 0 70px;
  }

  .course-top-details .course-top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }

  .course-top-details .course-top-inner .course-content-left {
    max-width: 50%;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-content-left {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin-top: 25px;
    }
  }

  .course-top-details .course-top-inner .course-content-left h1 {
    color: #F9F4EF;
    margin: 0 0 15px;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-content-left h1 {
      color: #5D505F;
    }
  }

  .course-top-details .course-top-inner .course-content-left h4 {
    color: #F5F0E5;
    font-family: "Montserrat";
    font-size: 32px;
    font-weight: 500;
    margin: 0 0 15px;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-content-left h4 {
      color: #5D505F;
    }
  }

  .course-top-details .course-top-inner .course-content-left p {
    color: #F5F0E5;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
  }

  .course-top-details .course-top-inner .course-content-left p span {
    font-weight: 700;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-content-left p {
      color: #5D505F;
    }
  }

  .course-top-details .course-top-inner .course-content-left .wishlist-list {
    margin-bottom: 40px;
  }

  .course-top-details .course-top-inner .course-content-left .wishlist-list a {
    color: #FFF;
    font-size: 16px;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-content-left .wishlist-list a {
      color: #5D505F;
    }
  }

  .course-top-details .course-top-inner .course-content-left .wishlist-list a svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-content-left .wishlist-list a svg {
      fill: #5D505F;
    }

    .course-top-details .course-top-inner .course-content-left .wishlist-list a svg path {
      fill: #5D505F;
    }
  }

  .course-top-details .course-top-inner .course-video-right {
    max-width: 50%;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-video-right {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
  }

  .course-top-details .course-top-inner .course-video-right .course-video-item .course-image:before {
    display: none;
  }

  .course-top-details .course-top-inner .course-video-right .course-video-item .course-image img {
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-video-right .course-video-item .course-image img {
      width: 100%;
      height: 260px;
      margin: auto;
    }
  }

  .course-top-details .course-top-inner .course-video-right .course-video-item .play-icon a {
    width: 100%;
    margin: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .course-top-details .course-top-inner .course-video-right .course-video-item .play-icon a img {
    width: 160px;
    height: 160px;
    margin: auto;
  }

  @media (max-width: 768px) {
    .course-top-details .course-top-inner .course-video-right .course-video-item .play-icon a img {
      width: 90px;
      height: 90px;
    }
  }

  /*.searchbar-wrapper .searchbar-inner .searchbar-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 25px;
  max-width: 650px;
  
}
.searchbar-wrapper .searchbar-inner .input {
  max-width: calc(100% - 220px);
  -webkit-box-flex: calc(100% - 220px);
      -ms-flex: calc(100% - 220px);
          flex: calc(100% - 220px);
  padding-right: 20px;
}
.searchbar-wrapper .searchbar-inner .input input {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  color: #5D505F;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  border-radius: 30px;
  height: 54px;
  padding: 0 15px;
}
.searchbar-wrapper .searchbar-inner .button {
  max-width: 220px;
  -webkit-box-flex: 220px;
      -ms-flex: 220px;
          flex: 220px;
}
.searchbar-wrapper .searchbar-inner .button input, .searchbar-wrapper .searchbar-inner .button a {
  min-width: 220px;
  padding: 15px 20px;
}
*/


  .searchbar-wrapper .searchbar-inner .searchbar-form {
    margin: 0 auto 25px;
    max-width: 550px;
    position: relative;
  }

  .searchbar-wrapper .searchbar-inner .input input {
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    color: #5D505F;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-radius: 30px;
    height: 54px;
    padding: 0 60px 0 15px;
  }

  .searchbar-wrapper .searchbar-inner .button {
    position: absolute;
    right: 15px;
    top: 13px;
  }

  .searchbar-wrapper .searchbar-inner .button button {
    outline: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .searchbar-wrapper .searchbar-inner .button button svg {
    height: 26px;
    width: 26px;
  }

  /*.searchbar-wrapper .searchbar-inner .button input, .searchbar-wrapper .searchbar-inner .button a {
  min-width: 220px;
  padding: 15px 20px;
}*/

  .search-result-wrapper {
    padding-top: 60px;
  }

  .charts-modal-list .input-field {
    position: relative;
  }

  .charts-modal-list .input-field .icon-search {
    position: absolute;
    top: 6px;
    left: 15px;
  }

  .charts-modal-list .input-field input {
    padding-left: 45px;
  }

  .charts-modal-list .input-field {
    position: relative;
  }

  .charts-modal-list .input-field .icon-search {
    position: absolute;
    top: 6px;
    left: 15px;
  }

  .charts-modal-list .input-field input {
    padding-left: 45px;
  }

  .search-result-wrapper .find-title {
    color: #5D505F;
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 15px;
  }



  .gift-card-cont form.variations_form label {
    font-size: 16px;
    color: #5D505F;
    padding: 0;
    margin: 0 !important;
    font-weight: 500 !important;
  }

  .gift-card-cont form.variations_form {
    max-width: 520px;
  }

  .gift-card-cont form.variations_form a.reset_variations {
    margin: 0 0 0 10px;
    font-size: 15px;
    text-decoration: underline !Important;
    color: #fff;
    min-width: auto;
  }


  .gift-card-cont form.variations_form .single_variation_wrap #pwgc-purchase-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-bottom: 0;
  }

  .gift-card-cont form.variations_form .single_variation_wrap #pwgc-purchase-container .pwgc-field-container {

    max-width: 50%;
    flex: 50%;
    padding: 0px 5px;
    margin: 0 0 15px;
  }

  .gift-card-cont form.variations_form .single_variation_wrap #pwgc-purchase-container .pwgc-field-container .pwgc-subtitle {
    color: #5D505F;
  }

  .gift-card-cont form.variations_form .variations .value {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
  }

  .gift-card-cont form.variations_form .variations .value select {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }

  .gift-card-cont form.variations_form .single_variation_wrap #pwgc-purchase-container .pwgc-field-container .pwgc-subtitle {
    font-size: 14px;
  }

  .gift-card-cont form.variations_form .single_variation_wrap #pwgc-purchase-container div#pwgc-form-message,
  .gift-card-cont form.variations_form .single_variation_wrap #pwgc-purchase-container div#pwgc-form-delivery-date {
    max-width: 100%;
    flex: 100%;
  }

  .gift-card-cont form.variations_form .variations {
    margin-bottom: 15px;
  }

  .my-videos .course-video-item .course-image figure img {
    -webkit-filter: none;
    filter: none;
  }

  @media (max-width: 600px) {
    .my-videos .play-icon img {
      width: 80px !important;
      height: 80px !important;
    }

 
    .custom-videos .item a h2 {
      font-size: 13px;
      line-height: 17px;
      -webkit-text-size-adjust: none;
    }
  }

  .grecaptcha-badge {
    display: none;
  }

  .typeahead.tt-input {
    filter: none;
  }

  /*My Orders*/
  .woocommerce table.shop_table,
  .woocommerce table.shop_table {
    border: 0px !important;
  }

  .woocommerce table.shop_table td {
    border-top: 0px !important;
    padding: 9px 12px;
    font-size: 18px !important;
    background: #ebe9eb !important;
    font-weight: 300 !important;
  }

  p.order-again {
    display: none;
  }

  .woocommerce-table__product-name p {
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: inherit !important;
  }

  h2.woocommerce-column__title,
  h2.woocommerce-order-details__title {
    font-size: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 44px;
  }

  .woocommerce .woocommerce-customer-details address,
  .woocommerce .woocommerce-customer-details address p {
    background: #f4ebe3;
    font-size: 18px;
    border: 0px !important;
  }

  mark {
    background: none !important;
    color: #5D505F;
  }

  .woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    background: #f0f0f0;
  }

  .show-mobile {
    display: none;
  }

  @media (max-width: 600px) {
    .show-desktop {
      display: none;
    }

    .show-mobile {
      display: block;
      width: 100%;
      text-align: center;
    }

    .show-mobile .mobile-closeaccount {
      display: none;
    }
  }

  @media (max-width: 500px) {
    .chart-wrapper-inner .chart-main-image.chart-graph svg {
      width: 298px;
      height: auto;
      margin-bottom: 30px !important;
    }

  }

  @media (max-width: 600px) {
    .chart-wrapper-inner .chart-feature-image .play-icon img {
      width: 30px;
      height: 30px;
      min-height: inherit;
    }


  }

  .mobile-index {
    position: relative;
    z-index: 99999;
  }

  .charts-modal-list .input-field {
    position: relative;
  }

  .charts-modal-list .input-field .icon-search {
    position: absolute;
    top: 6px;
    left: 15px;
  }

  .charts-modal-list .input-field input {
    padding-left: 45px;
  }

  /*scaled css*/
  @media (max-width: 5120px) {
    .round-theme-btn,
    header .header-inner .header-grid .menu-header .header-cta a,
    header .header-inner .header-grid .cta-header a {
      font-size: 13px;
      /*padding: 3px 22px;
  border: 2px solid #5D505F;*/
      padding: 5px 22px;
      border: 0px solid #5D505F;
      background: rgb(210, 178, 129);
      background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    }

    .main-banner {
      padding-top: 125px;
    }

    h1 {
      font-size: 45px;
      line-height: 50px;
    }

    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 36px;
      line-height: 35px;
      margin-bottom: 60px;
    }

    .main-banner .banner-content .banner-content-inner .more-description p {
      font-weight: 400;
      font-size: 19px;
      line-height: 30px;
      margin-bottom: 20px;
    }

    .main-banner .banner-content .banner-content-inner .top-content a {
      margin-bottom: 157px;
    }

    .course-video-item .price-tag {
      display: done;
    }

    .menu-sidebar {
      -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.161));
      filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.161));
    }

    header .header-inner .header-grid .menu-header a img {
      margin-left: auto;
      width: 25px;
      height: 25px;
    }

    .course-item .icon-frame h2 {
      font-size: 27px;
      line-height: 53px;
    }

    .course-item .icon-frame {
      gap: 13px;
    }

    .icon-frame img {
      width: 100px;
    }

    .short-videos-links a.round-theme-btn {
      margin-top: 50px;
    }

    .main-banner .short-videos-links {
      padding-bottom: 80px;
    }

    .features-wrapper .features-inner-wraper .features-widgt h3,
    .content-inner-general h3 {
      font-family: "Editor";
      font-weight: 500;
      margin-bottom: 10px;
    }

    p {
      font-family: "Montserrat";
      font-weight: 400;
      margin: 0;
    }

    .features-wrapper .features-inner-wraper .features-widgt {
      padding: 50px;
    }

    .features-items .feature-item h4 {
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 0px;
    }

    .feature-item p {
      font-size: 12px;
    }

    .features-items ul li {
      max-width: 20%;
      -webkit-box-flex: 23%;
      -ms-flex: 33.33%;
      flex: 20;
      padding: 0 8px;
      margin-bottom: 1px;
    }

    .feature-item figure img {
      display: block;
      margin: 0 auto 27px;
      width: 84px;
      height: 84px;
    }

    .feature-item {
      padding: 50px 20px 30px;

      min-height: 266px;

    }

    .features-wrapper .features-inner-wraper .general-content {
      padding-top: 100px;
    }

    .general-content .content-inner-general p {
      margin-bottom: 25px;
      font-size: 19px;
      line-height: 30px;
    }

    .general-content .content-inner-general img {
      width: 100%;
      height: auto;
      max-width: 650px;
    }

    .features-wrapper {
      position: relative;
      padding-bottom: 68px;
    }

    .about-wrapper .wrap-about-content {
      padding: 50px;
    }

    .about-wrapper .wrap-about-content .about-image {
      max-width: 260px;
      -webkit-box-flex: 260px;
      -ms-flex: 410px;
      flex: 260px;
    }

    .about-wrapper .wrap-about-content .about-content p {
      margin-bottom: 31px;
      margin-top: 0;
    }


    .about-wrapper .wrap-about-content .about-image .image-frame img {
      border-radius: 50%;
      height: 250px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
    }

    .anchor-link {
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      text-decoration: underline !important;
      color: #5D505F;
    }

    
    .about-wrapper .wrap-about-content .about-content i {
      margin-bottom: 0px;
    }

    h2 {
      font-family: "Editor";
      font-style: normal;
      font-weight: normal;
      color: #5D505F;
    }

    .back-top img {
      width: 50px;
    }

    .blockquote-owner blockquote {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 27px;
      text-align: right;
      color: #ffffff;
      margin-bottom: 35px;
    }

    .menu-sidebar .sidebar-inner-menu .menu-links ul li a {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 17px;
      line-height: 18px;
      color: #5D505F;
    }

    .menu-sidebar .sidebar-inner-menu .menu-links ul li {
      padding: 3px 0;
    }


    .input-field select,
    .input-field input {
      display: block;
      height: 38px;
      border-radius: 40px;
      background: #ffffff;
      width: 100%;
      padding: 10px 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 0;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 16px;
      color: #5D505F;
      -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.161));
      filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.161));
    }

    .chart-form-wrapper .chart-form-inner p {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 19px;
      line-height: 29px;
      text-align: center;
      color: #9C97C8;
      margin-bottom: 33px;
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
    }

    .input-field {
      margin-bottom: 20px;
    }

    .chart-form-wrapper .chart-form-inner .para-text p {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      text-align: center;
      color: #5D505F;
      margin-bottom: 12px;
    }

    .chart-form-wrapper {
      text-align: center;
      padding: 30px 0 40px;
      position: relative;
    }

    .top-content h1 {
      font-size: 62px;
      line-height: 65px;
    }

    .form-wrapper .submit-form input {
      background: transparent;
      margin: auto;
      padding: 6px 35px;
      background: rgb(210, 178, 129);
      background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%)
    }

    .chart-frame .chart-frame-inner .chart-center .chart-main-image figure img,
    .chart-frame .chart-frame-inner .chart-center .chart-main-image figure svg {
      margin: 0 auto;
      display: block;
      height: 511px;
      width: 300px;
    }

    p.mhd-copy {
      text-align: center;
      margin-top: -59px;
      font-size: 13px;
    }

    .chart-frame .chart-frame-inner .chart-left ul li {
      text-align: left;
      padding-left: 32px;
    }

    .chart-frame .chart-frame-inner .chart-right ul li {
      text-align: right;
      padding-right: 32px;
    }

    .chart-frame .chart-frame-inner .chart-left ul li,
    .chart-frame .chart-frame-inner .chart-right ul li {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 13px;
      margin-bottom: 2px;


    }

    .chart-frame .chart-frame-inner .chart-left h4,
    .chart-frame .chart-frame-inner .chart-right h4 {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 9px;
      margin-bottom: 11px;
      text-align: center;
      color: #5D505F;
    }

    .chart-feature-image .play-icon img {
      width: 35px;
    }

    .chart-wrapper .chart-information h1 {
      font-size: 37px;
      line-height: 37px;
    }

    .name-bod {
      padding: 10px;
      margin-bottom: 10px;
      border-radius: 18px;
      position: relative !important;
      /* background: linear-gradient(135.9deg, #f4ebe27a 1.09%, #ede8f370 48.11%); */
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame .chart-bottom-actions .download-chart {
      font-size: 13px;
    }

    .share-social .share-social-inner label {
      font-family: "Editor";
      font-style: normal;
      font-weight: normal;
      font-size: 19px;
      line-height: 29px;
      color: #5D505F;
    }

    .chart-feature-item .chart-feature-content .chart-inner-item h2 {
      font-family: "Editor";
      font-style: normal;
      font-weight: 325;
      font-size: 20px;
      line-height: 22px;
      margin-bottom: 11px;
      color: #5D505F;
    }

    .chart-feature-item .chart-feature-content .chart-inner-item p {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 17px;
      color: #9C97C8;
    }

    .chart-feature-item .chart-feature-content span {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 19px;
      display: block;
      margin-bottom: 5px;
      color: #B0B6DB;
    }

    .chart-feature-image .play-icon {
      position: relative;
      left: calc(50% - 15px);
      bottom: 74px;
      width: 37px;
    }

    .form-el-field-error {
      font-size: 13px;
      line-height: 23px;
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame {
      max-width: 50%;
      -webkit-box-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;
    }

    .chart-wrapper {
      position: relative;
      padding: 15px 0;
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-features {
      max-width: 50%;
      -webkit-box-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;

    }

    .course-top-details {
      padding: 0px 0 50px;
    }

    .course-top-details .course-top-inner .course-video-right .course-video-item .play-icon a img {
      width: 100px;
      height: 100px;
      margin: auto;
    }

    .course-top-details .course-top-inner .course-video-right .course-video-item .play-icon a {
      width: 100%;
      margin: auto;
      height: 350px;
    }

    .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap p,
    .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap li {
      font-weight: 400;
      font-size: 18px;
      line-height: 29px;
      color: #5D505F;
    }

    .course-top-details .course-top-inner .course-video-right .course-video-item .course-image img {
      height: 350px;
    }

    .sidebar-widget ul li {
      list-style-type: disc;
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 21px;
      color: #5D505F;
      margin-bottom: 10px;
    }

    .menu-sidebar {

      width: 350px;
    }

    .course-content-wrapper {
      position: relative;
      padding: 50px 0 21px;
    }

    .reader-details-listing {
      padding: 30px 0 0;
    }

    .inner-top-content h4 {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 29px;
      margin-bottom: 30px;
      color: #9C97C8;
    }

    .reader-detail-item .reader-detail-inner .reader-content h2 {
      color: #5D505F;
      font-size: 35px;
      font-family: "Editor";
      font-weight: 500;
      line-height: 37px;
      margin-bottom: 20px;
    }

    .heading-block p {
      font-weight: 500;
      font-size: 17px;
      line-height: 24px;
      color: #5D505F;
    }

    .custom-videos .course-video-item h2 a {
      font-weight: 500;
      font-size: 21px;
      line-height: 25px;
    }

    .custom-videos .inner-top-content p {
      margin-bottom: 25px;
    }

    .reader-detail-item .reader-detail-inner .reader-content p {
      line-height: 25px;
      font-size: 17px;
      max-width: 400px;
      margin-bottom: 20px;
    }

    .searchbar-wrapper .searchbar-inner .input input {
      background: #ffffff;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    }



    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
      background: none;
      color: inherit;
      border: none;
      padding: 0 !important;
      font: inherit;
    }


    .course-video-item .course-image figure img {
      -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.161));
      filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.161));

    }

    .heading-block h2 {

      font-size: 38px;
    }

    .theme-btn {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 20px;
      color: #5D505F;
      text-align: center;
      border: 0;
      background: #9C97C8;
      padding: 7px 10px;
      cursor: pointer;
      text-transform: uppercase;
      display: inline-block;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.161));
      filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.161));
      min-width: 203px;
      text-decoration: none !important;
      background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    }

    .course-content-wrapper:before {
      top: 159px;
      height: 783px;
    }

  }


  /*FE Responsive Styling*/
  .mce_inline_error {
    font-size: 16px;
  }

  header .header-inner .header-grid .menu-header .header-cta .name-initials {
    font-size: 19px;
    font-family: "Editor";
  }

  .course-video-item .price-tag {
    display: none;
  }

  @media (max-width: 1366px) {
    .main-banner .banner-content .banner-content-inner .top-content a {
      margin-bottom: 100px;
    }
  }

  @media (max-width: 1024px) {
    .features-wrapper .features-inner-wraper .features-widgt {
      padding: 25px;
    }

    .feature-item {
      padding: 30px 10px 20px;
      min-height: 236px;
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-features {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }

    .chart-frame .chart-frame-inner .chart-center .chart-main-image figure img,
    .chart-frame .chart-frame-inner .chart-center .chart-main-image figure svg {

      width: auto;
    }
  }

  @media (max-width: 1024px) {
    .top-content h1 {
      font-size: 48px;
      line-height: 52px;
    }

    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 28px;
      line-height: 32px;
      margin-bottom: 40px;
    }

    .main-banner .banner-content .banner-content-inner .more-description p {
      font-size: 14px;
      line-height: 24px;
    }

    .features-wrapper .features-inner-wraper .features-widgt {
      padding: 15px;
    }

    .features-wrapper .features-inner-wraper .features-items {
      margin-bottom: 20px;
    }

    .main-banner {
      padding-top: 55px;
    }

  }

  @media (max-width: 992px) {
    .features-items ul li {
      padding: 0 4px;
    }

    .feature-item p {
      font-size: 10px;
    }

    .feature-item {
      min-height: 200px;
      text-align: center;
    }

    .feature-item a {
      padding-left: 0;
    }

    .feature-item figure {
      position: static;
      left: 0;
    }

    .feature-item figure img {
      width: 60px;
      height: 60px;
    }

    .short-videos-links .course-item-list ul {
      gap: 20px;
    }

    .short-videos-links .course-item-list ul li {
      max-width: calc(50% - 10px);
      -webkit-box-flex: calc(50% - 10px);
      -ms-flex: calc(50% - 10px);
      flex: calc(50% - 10px);
    }

    .main-banner .banner-content .banner-content-inner .more-description {
      margin-bottom: 45px;
    }

    .wishlist-list a {

      margin-left: 10px;
    }

    .category-list-item .category-list-item-inner .cat-content .cat-content-inner .cat-bottom-action .left-action span {

      padding-left: 10px;
    }
  }

  @media (max-width: 768px) {

    footer .footer-inner {
      padding: 40px 0 20px;
    }

    footer .footer-inner .footer-grid .left-grid .footer-logo {
      margin-bottom: 20px;
    }

    .top-content h1 {
      font-size: 38px;
      line-height: 44px;
    }

    h1 {
      font-size: 38px;
      line-height: 44px;
    }

    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 30px;
    }

    .about-features {
      margin: 0;
    }

    .main-banner .banner-content .banner-content-inner .top-content a {
      margin-bottom: 70px;
    }

    .short-videos-links a.round-theme-btn {
      margin-bottom: 50px;
    }

    .features-items ul {
      max-width: inherit;
    }

    .about-wrapper .wrap-about-content {
      padding: 30px;
    }

    .heading-block h2 {
      font-size: 22px;
    }

    .chart-form-wrapper .chart-form-inner p {
      font-size: 18px;
      line-height: 24px;
    }

    .heading-block p {
      font-size: 14px;
      line-height: 24px;
    }

    .courses-carousel2 h2,
    .courses-carousel2 .owl-item h2 a {
      font-size: 15px;
      line-height: 22px;
    }

    .course-video-item h2,
    .custom-videos .course-video-item h2 a {
      font-size: 16px;
      line-height: 16px;
    }

    .general-content .content-inner-general p {
      font-size: 18px;
      line-height: 24px;
    }

    .course-top-details .course-top-inner .course-content-left h4 {
      font-size: 20px;
      margin: 0 0 0;
    }

    .course-top-details .course-top-inner .course-content-left p {
      font-size: 16px;
      margin-bottom: 5px;
    }

    .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap p,
    .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap li {
      font-size: 14px;
      line-height: 24px;
    }

    .course-item .icon-frame h2 {
      font-size: 16px;
      line-height: 24px;
    }

    .course-top-details .course-top-inner .course-content-left .wishlist-list a {
      font-size: 14px;
    }

    .inner-top-content h4 {
      margin-bottom: 10px;
      font-size: 16px;
      line-height: 24px;
    }

    .accordian-wrapper .accordion-list .accorian-item div.answer p {
      font-size: 14px;
      line-height: 24px;
    }

    .category-list-item .category-list-item-inner {
      flex-wrap: wrap;
    }

    .category-list-item .category-list-item-inner .cat-item {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      margin-bottom: 30px;
    }

    .category-list-item .category-list-item-inner .cat-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-left: 0;
    }

    .category-list-item .category-list-item-inner .cat-content .cat-content-inner p {
      font-size: 14px;
      line-height: 24px;
    }

    .category-list-item .category-list-item-inner .cat-content .cat-content-inner h4 {

      margin-bottom: 15px;
    }

    .category-list-item .category-list-item-inner .cat-content .cat-content-inner .cat-bottom-action {

      flex-wrap: wrap;
      gap: 10px;
    }

    .category-list-item .category-list-item-inner .cat-content .cat-content-inner h2 {

      font-size: 32px;

      line-height: 38px;
    }
  }

  .variations {
    max-width: 200px;
  }


  .slider-courses .courses-carousel .owl-nav .owl-next,
  .slider-courses .courses-carousel2 .owl-nav .owl-next {
    margin-left: auto;
    margin-right: 0;
    position: absolute;
    right: -30px;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -35px;
  }

  @media (max-width: 600px) {

    .features-items .feature-item h4 {
      font-size: 16px;
      line-height: 20px;
    }

    .main-banner {
      padding-top: 24px;
    }

    .main-banner .banner-content .banner-content-inner .top-content a {
      margin-bottom: 25px;
    }

    .main-banner .banner-content .banner-content-inner .top-content h1 {
      margin-bottom: 15px;
    }

    .about-wrapper .wrap-about-content .about-image .image-frame img {
      height: auto;

    }

    .about-wrapper .wrap-about-content .about-image {
      margin: auto;
    }

    .menu-sidebar {
      max-width: 450px;
      right: -450px;
      width: 320px;
    }

    .menu-sidebar .sidebar-inner-menu .menu-close {
      right: 10px;
      top: 0px;
    }

    .top-content h1 {
      font-size: 32px;
      line-height: 38px;
    }

    .app-wrapper .inner-top-content h1 {
      font-size: 32px;
      line-height: 38px;
    }

    .reader-detail-item .reader-detail-inner .reader-content h2 {
      font-size: 32px;
      line-height: 38px;
    }

    .reader-detail-item .reader-detail-inner .reader-content p {
      font-size: 14px;
      line-height: 24px;
    }


    .main-banner .banner-content .banner-content-inner .top-content h4 {
      font-size: 18px;
      line-height: 24px;
    }

    .feature-item {
      min-height: auto;
      padding: 20px;
      text-align: left;
    }

    .feature-item a {
      position: relative;
      padding-left: 70px;
      display: block;
    }

    .feature-item figure {
      position: absolute;
      left: 0;
    }

    .feature-item figure img {
      height: 45px;
      margin: 0;
      width: auto;
    }

    .features-items ul {
      max-width: 440px;
    }

    .features-items ul li {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding: 0 0;
      margin-bottom: 20px;
    }

    .short-videos-links .course-item-list ul {
      gap: 0;
    }

    .short-videos-links .course-item-list ul li {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
    }

    .main-banner:before {
      display: none;
    }

    .main-banner:after {
      height: 100%;
    }

    .slider-courses {
      padding-top: 50px;
    }


    .feature-item p {
      font-size: 14px;
    }

    .reader-detail-item .reader-detail-inner .reader-content {
      padding: 24px 20px 40px;
    }

    .record-item .record-item-inner h3 {
      font-size: 16px;
      line-height: 16px;
    }

    .chart-feature-item {
      flex-wrap: wrap;
    }

    .chart-feature-item .chart-feature-content {
      max-width: 100%;
      -webkit-box-flex: 100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-right: 0;
      order: 2;
    }

    .chart-feature-item .chart-feature-image img {
      max-height: 200px;
      border-radius: 8px;

    }

    .feature-item a {
      padding-left: 55px;
    }

    .features-items ul li {
      margin-bottom: 5px;
    }

    .features-wrapper .features-inner-wraper .general-content {
      padding-top: 50px;
    }

    .general-content .content-inner-general p {
      font-size: 14px;
      line-height: 24px;
    }

    .section-bottpm-space-110 {
      padding-bottom: 49px;
    }

    footer .footer-inner .footer-grid .left-grid .footer-logo {
      margin-bottom: 0px;
    }

    .menu-sidebar .sidebar-inner-menu .menu-cta a {
      padding: 3px 15px;

    }

    .form-wrapper .submit-form input {

      padding: 10px 35px;

    }

    .chart-form-wrapper .chart-form-inner .para-text p {
      font-size: 12px;
      line-height: 18px;
    }

    header {
      padding: 10px 0;
    }

    header .header-inner .header-grid .logo-header a figure img {
      margin-left: 0px;
      height: 36px;
    }

    .input-field {
      margin-bottom: 10px;
    }

    header .header-inner .header-grid .menu-header {
      max-width: 200px;
      -webkit-box-flex: 200px;
      -ms-flex: 200px;
      flex: 200px;

    }

    header .header-inner .header-grid .menu-header a {
      margin-left: 14px;
    }


    .chart-feature-image .play-icon {
      bottom: 9px;
      left: calc(50% - 16px);
    }

    header .header-inner .header-grid .menu-header .header-cta {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      left: 20px;
    }

    .name-initials img {
      margin-right: 10px;
    }

    .mobile-button-dropdown .button-inner {
      padding: 10px 35px;
    }

    .mobile-button-dropdown .button-inner:before {
      right: 20px;
      top: 15px;

    }

    .inner-top-content p {
      max-width: inherit;
      margin: 0 auto 20px;
      font-size: 18px;
    }

    .inner-top-content.mobile-responsive h1 {
      max-width: inherit;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
    }

    .button-reader span.woocommerce-Price-amount,
    .button-reader span.woocommerce-Price-currencySymbol {
      display: inline-block;
    }
  }

  @media (max-width: 480px) {
    .reader-records .records-listing-grid {
      max-width: 100%;
    }

    .reader-records .records-listing-grid ul li {
      max-width: 50%;
      -webkit-box-flex: 50%;
      -ms-flex: 50%;
      flex: 50%;
      padding: 0 4px;
      margin-bottom: 10px;
    }


  }

  @media (max-width: 400px) {
    .main-banner .banner-content .banner-content-inner {
      max-width: 290px;
    }
  }

  @media (max-width: 375px) {}

  #gifts .load-more {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
  }

  .toggle-arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 5px;
    margin-bottom: 1px;
  }

  .toggle-arrow.up {
    margin-bottom: -3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .toggle-arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /*Homepage with header image of Jenna Zoe*/

  .b-preview {
    background-image: url(images/jenna-zoe-my-human-design.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 135px;
    padding-bottom: 155px;
  }

  .b-preview-info {
    width: 50%;
    float: left;
    text-align: center;
  }


  /*Filter*/
  .aside-filter {
    width: 230px;
    position: relative;
    z-index: 5;


    padding: 20px 5px;

    background: #C2D1DD;
    border-radius: 10px;
    float: left;
  }

  .course-video-bg {
    width: calc(100% - 260px);
    float: right;
  }


  .aside-filter-sector {
    margin-bottom: 20px;
  }

  .aside-filter-list {
    font-size: 12px;
    margin-left: 10px;
    line-height: 15px;
  }

  .aside-filter-list>li {
    margin-bottom: 10px;
    letter-spacing: 0.02em;
  }

  .aside-filter-list>li>a {
    position: relative;
  }

  .aside-filter-list li a {
    font-weight: 400;
  }

  .aside-filter a:hover {
    text-decoration: underline !important;
    font-weight: 500 !important;
  }

  .tac {
    text-align: center;
  }

  .filter-btn {
    line-height: 24px;
    font-size: 13px;
    padding: 5px 22px;
    border: 0px solid #5D505F;
    background: rgb(210, 178, 129);
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    font-family: "Montserrat";
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50px;
    color: #5D505F;
    cursor: pointer;

  }

  .aside-filter-close {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 18px;
    top: 12px;
    background-image: url(//web.archive.org/web/20230201150310im_/https://www.myhumandesign.com/wp-content/themes/myhumandesign/images/light-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
  }

  .sm-visible {
    display: none;
  }

  @media only screen and (max-width: 767px) {
    .sm-visible {
      display: block;
    }

    .result-content.result-content-cv {
      padding-left: 0px !important;
    }

    .aside-filter {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border: none;
      overflow-y: auto;
      width: auto;

      z-index: 300;
      padding-right: 60px;
    }

    .course-video-bg {
      width: 100%;
      float: right;
    }
  }

  .clear {
    clear: both;
  }

  .b-preview-info h1 {
    margin-bottom: 32px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    font-size: 62px;
    line-height: 65px;
  }

  .b-preview-info h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 55px;
    color: #9C97C8;
  }

  .second-bg-image {
    background-image: url(images/05-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 300px;
    padding-bottom: 50px;
  }

  .second-bg-image .b-preview-info {
    width: 80%;
    float: none;
    text-align: center;
  }

  @media (max-width: 1920px) {
    .b-preview-info h1 {
      margin-bottom: 32px;
      max-width: 950px;
      margin-left: auto;
      margin-right: auto;
    }

  }

  @media (max-width: 900px) {
    .b-preview-info h1 {
      font-size: 38px;
      line-height: 44px;
    }

    .b-preview-info h4 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 30px;
    }

  }

  @media (max-width: 650px) {
    .b-preview {
      background-image: url(images/jenna-zoe-bg-human-design-mobile.jpg);
      background-repeat: no-repeat;
      background-position: center;
      -webkit-background-size: cover;
      background-size: cover;
      padding-top: 135px;
      padding-bottom: 155px;
    }

    .main-banner {
      padding-top: 55px;
    }

    .b-preview-info {
      width: 100%;
      float: left;
      text-align: center;
    }

  }

  .ampm .col-inner .radio-item {
    width: 50%;
    float: left;
  }

  .dob-title {
    text-align: left;
    font-size: 16px;
  }

  .aside-filter-list>li.current-menu-item {
    text-decoration: underline;
  }

  /**======================================= new ==================================================*/
  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta ul.profile-menu {
    display: none;
  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta:hover ul {
    display: block;

  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta {
    position: relative;
  }

  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta ul.profile-menu {
    position: absolute;
    right: 0;
	top:35px !important;
    width: 200px;
    z-index: 10;
    border-radius: 12px;
    background: #fff;
    box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, .5);
    padding: 15px;
    text-align: left;
  }


   header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta ul.profile-menu li a {
    margin: 0;
    border: 0;
    padding: 5px 0;
    display: inline-block;
    line-height: 32px;
    font-size: 15px;
  }

    header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta ul.profile-menu li a:hover {
    text-decoration: none !important;
  }


  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta ul.profile-menu li a,
  header .header-inner .header-grid .menu-header .header-cta .name-initials,
  header .header-inner .header-grid .menu-header .header-cta .name-initials {
    background: none;
  }
   header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta  svg {
	   display:none !important;
}
@media (max-width:768px) {
	  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta  svg {
	   display:block !important;
}
	header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta span.initials-letter{
	 display:none !important;	
	}
	  header.custom-header .header-inner .hd-header-grid .hd-menu-header .header-cta ul.profile-menu {
    position: absolute;
    right: 0;
	top:25px !important;
  }
}
  .woocommerce form .show-password-input,
  .woocommerce-page form .show-password-input {
    position: absolute;
    right: 0.7em;
    top: 6px !important;
    cursor: pointer;
  }


  .variations {
    max-width: 200px;
  }

  /* Makes the scrollbar always visible */
  .chart-features .chart-features-list ul {
    overflow-y: scroll;
    height: 541px;
    padding-right: 10px;
  }

  /* Customizing the scrollbar for WebKit-based browsers */
  .chart-features .chart-features-list ul::-webkit-scrollbar {
    width: 5px;
  }

  .chart-features .chart-features-list ul::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }

  .chart-features .chart-features-list ul::-webkit-scrollbar-thumb {
    background-color: #5D505F;
    border-radius: 10px;
    border: 3px solid #5D505F;
  }

  .chart-features .chart-features-list ul::-webkit-scrollbar-thumb:hover {
    background-color: #5D505F;
    /* Color of the scrollbar thumb on hover */
  }

  .chart-features .chart-features-list ul {
    scrollbar-width: auto;
    scrollbar-color: #5D505F #ffffff;
  }

  @media (max-width: 1320px) {
    .chart-frame .chart-frame-inner .chart-center {
      max-width: calc(100% - 145px);
      -webkit-box-flex: calc(100% - 145px);
      -ms-flex: calc(100% - 145px);
      flex: calc(100% - 145px);
    }
  }

  @media (max-width: 1024px) {
    .chart-wrapper .chart-listing-wrapper .chart-listing-grid {
      display: block;
    }

    .chart-frame .chart-frame-inner .chart-left,
    .chart-frame .chart-frame-inner .chart-right {
      max-width: 70px;
      -webkit-box-flex: 70px;
      -ms-flex: 70px;
      flex: 70px;
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame {
      padding: 0px;
      margin: auto;
      width: 414px;
      max-width: inherit;
    }

    .chart-features .chart-features-list ul {
      height: auto;
      padding: 0px;
    }

    .chart-features .chart-features-list ul::-webkit-scrollbar {
      display: none;
    }
  }

  .download-app a.round-theme-btn {
    width: max-content;
    /*   float: inline-end; */
    margin-right: -20px;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 24px;
  }

  .bottom-fixed-button .round-theme-btn {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 24px;
  }

  .button-top .round-theme-btn {
    font-size: 16px;
    color: #fff;
    padding: 7px 24px;
    border-radius: 16px;
  }

  .chart-feature-image.download-app {
    /*float: 100%; 
   order:2;*/
    max-width: max-content;
    margin-top: 10px;
    position: relative;
    height: 30px;
    top: auto;
    right: 10px;
  }

  .chart-feature-item .chart-feature-content {
    order: 1;
  }

  @media (max-width: 450px) {

    .chart-frame .chart-frame-inner .chart-left ul li,
    .chart-frame .chart-frame-inner .chart-right ul li {
      font-family: "Montserrat";
      font-style: normal;
      font-weight: 500;
      font-size: 10px;
      line-height: 10px;
      margin-bottom: 2px;
    }

    .chart-frame .chart-frame-inner .chart-left h4,
    .chart-frame .chart-frame-inner .chart-right h4 {

      font-size: 8px;
      line-height: 9px;
      margin-bottom: 6px;
      text-transform: uppercase;

    }

    .chart-frame .chart-frame-inner .chart-left,
    .chart-frame .chart-frame-inner .chart-right {
      max-width: 55px;
      -webkit-box-flex: 55px;
      -ms-flex: 55px;
      flex: 55px;
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame {

      margin: auto;
      width: 376px;

    }

    .chart-feature-item {
      position: relative;
    }

    .chart-feature-image .play-icon {
      bottom: 23px;
      left: calc(50% - 16px);
    }

    .chart-frame .chart-frame-inner .chart-right ul li span {
      position: absolute;
      left: auto;
      right: -4px;
      top: 10px;
    }

    .chart-frame .chart-frame-inner .chart-right ul li {
      text-align: right;
      padding-right: 25px;
    }

    .chart-frame .chart-frame-inner .chart-left ul li {
      text-align: left;
      padding-left: 25px;
    }

    .chart-frame .chart-frame-inner .chart-center {
      max-width: calc(100% - 110px);
      -webkit-box-flex: calc(100% - 110px);
      -ms-flex: calc(100% - 110px);
      flex: calc(100% - 110px);
    }

  }

  /** default chart popup */
  .overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
  }

  .default-chart-popup {
    margin: 150px auto;
    padding: 30px 30px 40px 30px;
    background: linear-gradient(327deg, rgb(255, 248, 241) 0%, rgb(255, 245, 244) 100%);
    border-radius: 18px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
  }

  .default-chart-popup h2 {
    font-family: "Editor";
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 34px !important;
    margin: 14px 0;
    color: #5D505F;
  }

  .default-chart-popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }

  .default-chart-popup .close:hover {
    color: #06D85F;
  }

  .default-chart-popup .content {
    max-height: 30%;
    overflow: auto;
    text-align: center;
  }

  .default-chart-popup p {
    font-size: 18px;

  }

  .default-chart-popup .actions {
    margin-top: 15px;
  }

  .default-chart-popup.loading {
    opacity: 0.7;
    cursor: wait;
  }

  @media screen and (max-width: 700px) {
    .default-chart-popup {
      width: 70%;
    }
  }

  .default-chart-popup a.later.round-theme-btn {
    letter-spacing: 1px;
    background: #fff;
    margin: 5px;
    min-width: 155px;

  }

  .default-chart-popup a.later.round-theme-btn:hover {
    background: #fff !important;
    color: #5D505F !important;
  }

  .default-chart-popup a.confirm.round-theme-btn {
    letter-spacing: 1px;
    margin: 5px;
    min-width: 155px;

  }

  .action-buttons-below a {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 0px;
    min-width: 105px;
    text-transform: uppercase;
    color: #9C97C8;


  }

  .action-buttons-below a:hover {
    color: #5D505F;
  }

  .action-buttons-below a.set-default-chart {
    margin-left: 5px;

  }

  span.default {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 0px;
    min-width: 90px;
    text-transform: uppercase;
    background: linear-gradient(27deg, rgb(189, 176, 215) 0%, rgb(206, 178, 200) 100%);
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    line-height: 15px;
    font-family: "Montserrat";
    color: #fff;
    position: relative;
    top: -5px;
    margin-left: 5px;
  }

  .fixed-bottom {
    font-size: 13px !important;
    font-family: "Montserrat";
  }





  /*fixes on my chart under account page*/
  @media screen and (max-width: 1200px) {
    .responsive-container .slider-courses {
      padding: 0 15px;
      position: relative;
      z-index: 102;
    }
  }


  .chartfeatures-morelist {
    position: relative;
    height: 100%;
  }

  .chartfeatures-morelist .viewmore-charts {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(255, 255, 255, 0) 77%);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 0;
    height: 72px;
  }

  .chartfeatures-morelist .viewmore-charts a img {
    height: 16px;
    transform: rotate(90deg);
  }

  .chartfeatures-morelist .viewmore-charts a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
  }


  @-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-20px);
    }

    60% {
      transform: translateY(-10px);
    }
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }

    40% {
      transform: translateY(-20px);
    }

    60% {
      transform: translateY(-10px);
    }
  }

  .bottom-fixed-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    background-blend-mode: multiply;
    z-index: 102;
    background: linear-gradient(135.9deg, #F4EBE2 2.09%, #EDE8F3 98.11%);
    /* display: none;*/
  }

  .bottom-fixed-button.hidevideobtn {
    display: none;
  }

  @media (max-width: 1024px) {
    .chartfeatures-morelist .viewmore-charts {
      display: none !important;
    }

    .bottom-fixed-button {
      display: block;
    }
  }

  .add-new-chart span {
    position: relative;
    left: -10px;
    font-size: 22px;
    display: inline-block;
    line-height: 10px;
    top: 3px;
  }

  @media (max-width: 644px) {
    .add-new-chart span {
      left: -4px;
    }
  }


  .get-chartform-wrapper input[type="number"]::-webkit-outer-spin-button,
  .get-chartform-wrapper input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .get-chartform-wrapper input[type="number"] {
    -moz-appearance: textfield;
  }


  .get-chartform-wrapper {
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .get-chartform-form {
    border-radius: 15px;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(25px);
    padding: 24px 32px 32px;
    max-width: 576px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
	justify-content:center;
    gap: 24px;
	border:1px solid #EECD9D;
  }

  .top-headings h2 {
    color: #5D505F;
    font-family: "Editor";
    font-size: 40px;
	text-align:center !important;
    font-weight: 500;
    line-height: 100% !important;
	 min-width:100% !important;
	 max-width:100% !important;
	 width:100% !important;
    margin-bottom: 0 !important;
	padding-bottom:0 !important;
  }

  .top-headings {
    text-align: center;
	padding:0 !important;
	margin:0 auto !important;
  }

  .seperator-bottom {
    width: 119px;
    height: 1px;
    background: #e5c395;
    margin: 20px auto;
  }


  .getchart-form-wrapper h3 {
    color: #5D505F;
    font-family: "Editor";
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
  }

  .disclaimer-content p {
    color: #5D505F !important;
    font-family: "Montserrat";
    font-size: 15px !important;
    font-weight: 400;
    line-height: 130%;
    text-align: center !important;
    padding-bottom: 10px;
	 min-width:100%;
	 margin-bottom:0;
  }
  .submit-getchart-form input[type="submit"] {
    background: #fefdfb;
    color: #d2a871;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
    min-width: 240px;
    width: 100%;
    padding: 12px 50px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 50px !important;
  }

  .submit-getchart-form input[type="submit"]:hover {
    background: #fefdfb !important;
  }

  .submit-getchart-form {
    text-align: center;
    margin-bottom: 10px;
  }

  .input-feild-item {
    margin-bottom: 15px;
  }

  .input-feild-item input[type="text"],
  .input-feild-item input[type="email"],
  .input-feild-item input[type="number"] {
    color: #5D505F;
    width: 100%;
    height: 40px;
    padding: 7px 15px;
    border-radius: 50px;
    background: #ffffff;
    background-blend-mode: normal;
    /* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.22); */
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 400;
	 border:1px solid #EECD9D;
    letter-spacing: 0px;
    text-align: left;
	  opacity:1;
  }
.input-feild-item input[type="text"]::placeholder,
.input-feild-item input[type="email"]::placeholder,
.input-feild-item input[type="number"]::placeholder,
.input-feild-item input[type="text"]::-webkit-input-placeholder,
.input-feild-item input[type="email"]::-webkit-input-placeholder,
.input-feild-item input[type="number"]::-webkit-input-placeholder,
.input-feild-item input[type="text"]:-ms-input-placeholder,
.input-feild-item input[type="email"]:-ms-input-placeholder,
.input-feild-item input[type="number"]:-ms-input-placeholder {
  opacity: 1;
	    color: #5D505F;
}
  .multiple-feild-data label {
    color: #5D505F;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 500;
	 opacity:1;
    margin-bottom: 10px;
  }

  .three-col {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 12px;
    margin-bottom: 10px;
    justify-content: space-between;
  }

  .three-col .col-item {
    max-width: 33.33%;
    flex: 33.33%;
  }

  .multiple-feild-data.input-feild-item .three-col input {
    text-align: center;
  }


  .switch-button {
    position: relative;
  }

  .switch-button>label.switch-button-inner {
    margin: 0px;
    width: 100%;
    height: 38px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    display: block;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.22);
    opacity: 1;
    border-radius: 24px;
    background: #ffffff;
    padding: 6px;
  }

  .switch-button>label.switch-button-inner:before {
    content: attr(data-on);
    position: absolute;
    top: 6px;
    right: 06px;
    color: rgba(81, 67, 95, 1);
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
    width: 70px;
    line-height: 28px;
  }

  .switch-button>label.switch-button-inner:after {
    content: attr(data-off);
    width: 70px;
    height: 28px;
    position: absolute;
    left: 6px;
    top: 6px;
    transition: all 0.3s ease;
    padding: 0;
    border-radius: 14px;
    background: #5D505F;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
    line-height: 28px;
  }


  .switch-button input[type="checkbox"] {
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
  }

  .switch-button input[type="checkbox"]:checked+label.switch-button-inner:after {
    content: attr(data-on);
    left: 80px;
  }

  .switch-button input[type="checkbox"]:checked+label.switch-button-inner:before {
    content: attr(data-off);
    right: auto;
    left: 6px;
  }
.checkbox-label {
	font-weight:600;
	font-size:13px;
}
.custom-theme-btn a.qi-block-button{
	height:45px;
	padding:5px 25px !important;
	border-radius:40px;
	font-size:14px !important;
	letter-spacing:0.05em !important;
	margin-right:10px !important;
}
.custom-theme-btn a.qi-block-button,
#chartsubmitButton.round-theme-btn {
  background: linear-gradient(355deg, #D2A871 0%, #EECD9D 100%);
  color: #5D505F !important;
  border: none;
  cursor: pointer;
  font-size:16px;
  letter-spacing:0.05em;
  font-weight:600;
 -webkit-appearance: none;
  appearance: none;
  transition:
    background 0.35s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}
.custom-theme-btn a.qi-block-button:hover,
#chartsubmitButton.round-theme-btn:hover {
  background: linear-gradient(355deg, #EECD9D 0%, #D2A871 100%) !important;
}
.dive-deeper {
	text-align:center;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.02em;
	font-size:15px;
	padding-top:10px;
	text-align:center;
}
  @media (max-width: 644px) {
    .get-chartform-wrapper {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .switch-button>label.switch-button-inner:before {
      width: 46%;
    }
    .switch-button input[type="checkbox"]:checked+label.switch-button-inner:after {
      left: 45%;
    }
    .switch-button>label.switch-button-inner:after {
      width: 50%;
    }
  }

  @media (max-width: 525px) {
    .top-headings h1 {
      font-size: 32px;
      line-height: 38px;
    }

    .three-col {
      column-gap: 6px;
    }

  }

  @media (max-width: 480px) {
    .get-chartform-form {
      padding: 15px;
    }

    .get-chartform-wrapper {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .top-headings h1 {
      font-size: 30px;
      line-height: 36px;
    }
  }


  @media (max-width: 400px) {
    .switch-button>label.switch-button-inner:before {
      width: 45px;
    }

    .switch-button input[type="checkbox"]:checked+label.switch-button-inner:after {
      left: 50%;
    }

    .switch-button>label.switch-button-inner:after {
      width: 45px;
    }
  }

 
  header nav[itemprop=topNav] ul li.current-menu-item a svg {
    stroke: #000 !important;
	display:none !important;
  }

  header nav[itemprop=topNav] ul li svg {
    stroke: #fff !important;
	display:none !important;
  }

  /*--------------------------------------mobile menu css---------------------------------*/
  .onlyStroke {
    stroke: #5D505F !important;
  }

  .nav-sidebar li a {
    padding: 10px 12px !important;
  }

  .nav-sidebar li.current-menu-item a .menu-icon {
    stroke: #5D505F !important;
  }

/* =========================================================
   HEADER + NAV OVERRIDES
========================================================= */
header.custom-header {
	border-bottom:1px solid #F8EDD7;
	padding:15px 0 !important;
}
header.custom-header .hd-header-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap !important;
  gap: 10px;
  width: 100%;
  padding: 0 !important;
}
@media (max-width:989px){
header.custom-header {
  padding: 5px 0 !important;
}
}
header.custom-header .hd-logo-header {
  flex: 0 0 auto;
}

header.custom-header .hd-menu-header {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  min-width: 0;
}

/* Nav must be allowed to shrink/grow within the row */
header.custom-header nav[itemprop="topNav"] {
  flex: 1 1 auto;
  min-width: 0;
}

/* Important: allow dropdowns to overflow */
header.custom-header nav[itemprop="topNav"] .nav-wrapper {
  overflow: visible !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ----- Top-level UL: do NOT wrap (prevents menu dropping under logo) ----- */
header.custom-header nav[itemprop="topNav"] > .nav-wrapper > ul,
header.custom-header nav[itemprop="topNav"] ul.nav-menu {
  display: flex;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  white-space: nowrap;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* ----- Link color defaults ----- */
header.custom-header nav[itemprop="topNav"] ul li.current-menu-item a,
header.custom-header nav[itemprop="topNav"] ul li > ul.sub-menu li:hover > a,
header.custom-header nav[itemprop="topNav"] ul li:hover a {
  color: #D2A871 !important;
  font-weight:400 !important;
}

header.custom-header nav[itemprop="topNav"] ul > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width:auto !important;
  min-width:auto !important;
 max-width:100% !important;
padding:10px 10px !important;
color: #5D505F !important;
}

/* ----- Dropdown behavior ----- */
header.custom-header nav[itemprop="topNav"] ul li.menu-item-has-children {
  position: relative;
}

/* Hide dropdown initially */
header.custom-header nav[itemprop="topNav"] ul li > ul.sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + -2px);
  left: 0;
  z-index: 9999;
  min-width: 220px;
  background: #ffffff;
  padding: 8px 0;
  margin: 0;
  list-style: none;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  text-align: left;
  white-space: normal;
}

/* Show on hover */
header.custom-header nav[itemprop="topNav"] ul li:hover > ul.sub-menu,
header.custom-header nav[itemprop="topNav"] ul li:focus-within > ul.sub-menu {
  display: block;
}

/* Make submenu items stack vertically (THIS is what stops "all on one line") */
header.custom-header nav[itemprop="topNav"] ul li > ul.sub-menu li {
  display: block;
  width: 100%;
}

/* Submenu links should be normal horizontal rows, not icon-above-text */
header.custom-header nav[itemprop="topNav"] ul li > ul.sub-menu li > a {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 10px 16px !important;
  color: #5D505F !important;
  text-decoration: none;
  text-align: left;
  min-width: 0;
  max-width: none;
  line-height: 1.3;
}

/* Optional: remove the underline bar effect from submenu */
header.custom-header nav[itemprop="topNav"] ul li > ul.sub-menu li > a::after {
  display: none !important;
  content: none !important;
}
@media (min-width: 1025px) {
 header.custom-header nav[itemprop="topNav"] ul.nav-menu > li {
  flex: 0 0 auto !important;
}
}
/* ----- Mobile: keep your hamburger behavior ----- */
@media (max-width: 768px) {
  header.custom-header .hd-header-grid {
    flex-wrap: wrap !important;
  }
  header.custom-header nav[itemprop="topNav"] {
    display: none !important;
  }
}

  .cky-consent-container .cky-consent-bar{
    /* background: linear-gradient(33deg, #d3b281 12.71%, #f0ce9f 85.88%) !important; */
    background: #FFFFF0 !important;
    border: none !important;
    opacity: 0.9;
  }
  .cky-notice-des{
    line-height: 18px!important;
  }
  .cky-notice .cky-title{
    line-height: 18px !important;
    margin: 0 0 10px 0 !important;
  }
  .cky-consent-bar .cky-notice-des p{
    line-height: 18px!important;
  }
  .cky-btn
  {
    line-height: 18px !important;
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%) !important;
    border: none !important;
    color:#fff!important;
  }
  /*---------------cookies banner css end-------------*/

  /*---------------add to cart loader start---------------*/
  .custom-spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 400px;
    background: rgba(255, 255, 255, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  .custom-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0073aa;
    /* A different color */
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: custom-spin 1s linear infinite;
  }

  @keyframes custom-spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  /*-----------add to cart loader end-------------*/

  .woocommerce-error {
    border-top-color: #5D505F !important;
  }

  .woocommerce-error::before {
    color: #5D505F !important;
  }

  .app-terms-conditions-content ul li,
  .app-terms-conditions-content ol li {
    font-family: "Montserrat";
    color: #5D505F;
    font-weight: 400;
    font-size: 19px;
    line-height: 30px;
    margin: 0;
  }

  .round-theme-btn:hover,
  .round-theme-btn:focus {
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%) !important;
  }

  .ui-datepicker-title {
    display: flex;
    justify-content: center;
    gap: 8px;
  }



  section.newsletter .newsletter-wrapper .newsletter-widget h2 {
    font-style: normal;
    font-weight: 375;
    font-size: 48px;
    line-height: 130%;
    color: #5D505F;
    margin-bottom: 8px;
  }

  section.newsletter .newsletter-wrapper .newsletter-widget p {
    color: #5D505F;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    margin: 0 0 40px;
  }

  .round-theme-btn.btn-sm {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 120% !important;
    padding: 10px 18px !important;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
  }

  section.jennaPodcast .feeds-inner .feed-content h2 {
    font-style: normal;
    font-weight: 375;
    font-size: 48px;
    line-height: 130%;
    color: #5D505F;
    margin-bottom: 6px;
  }

  section.jennaPodcast .feeds-inner .feed-content h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    color: #5D505F;
    margin-bottom: 50px;
  }

  section.energyTypes .hd-inner-container h2 {
    font-style: normal;
    font-weight: 375;
    font-size: 48px;
    line-height: 130%;
    color: #5D505F;
  }

  section.energyTypes .hd-inner-container p {
    font-family: "Montserrat", serif;
    color: #5D505F;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    margin: 0;
  }

  .energy-icon img {
    width: 130px;
    aspect-ratio: 3 / 2;
    object-fit: contain;
  }

  .top-headings {
    text-align: left;
  }

  .get-chartform-form .top-headings h2 {
    font-style: normal;
    font-weight: 375;
    font-size: 40px;
    line-height: 160%;
    color: #5D5060;
    margin-bottom: 0;
  }

  .get-chartform-form .top-headings p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #84817b;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    text-align: start;
  }

  section.energyTypes .hd-inner-container .energyTypeList .energy-container .energy-box {
    background: linear-gradient(33deg, #d3b281 12.71%, #f0ce9f 85.88%) !important;
  }


  .hero-image-frame {
    padding: 40px 0 60px;
  }

  /*chart page styles*/
  .hd-description h2 {
    font-style: normal;
    font-weight: 375;
    font-size: 48px;
    line-height: 130%;
    color: #5D505F;
    margin-bottom: 40px;
  }

  .hd-description p {
    color: #5D505F;
    font-weight: 400;
    font-size: 24px;
    margin: 0 0 20px !important;
    line-height: 160% !important;
  }

  .chart-form form input {
    border-radius: 16px !important;
    background: #fefdfb;
  }

  .chart-wrapper {
    margin-top: 25px;
  }

  .chart-wrapper .chart-information h1 {
    font-size: 56px;
    line-height: 120%;
    margin-bottom: 10px;
  }

  .chart-wrapper .chart-information p {
    font-family: "Montserrat", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #5D505F;
    margin-bottom: 5px;
  }

  .chart-wrapper .action-chart {
    background: linear-gradient(27deg, #d2b281 0%, #f0cea0 100%) !important;
    color: #fff !important;
  }

  .chart-wrapper .download-icon {
    padding: 0 15px !important;
    font-weight: 600;
    color: #CF9236 !important;
  }

  .chart-wrapper .download-icon,
  .chart-wrapper .email-icon,
  .chart-wrapper .edit-icon,
  .chart-wrapper .delete-icon {
    border: 2px solid #d2b281 !important;
    background-color: transparent !important;
  }

  .chart-feature-content span {
    font-size: 18px !important;
  }

  .chart-wrapper .chart-information .action-chart img {
    display: none !important;
  }

  .chart-features-list ul li {
    margin-bottom: 16px;
  }

  .chart-feature-item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 40px;
    background: rgba(255, 255, 255, .8);
    border-radius: 18px;
    padding: 20px;
    position: relative;
    min-height: 95px;
    border: 1px solid #5d506026;
  }

  .variations_button {
    margin: 20px 0 0;
  }

  .single_variation_wrap .single_add_to_cart_button {
    background: linear-gradient(33.254deg, #d3b281 0%, #f0ce9f 100%);
    padding: 10px 24px;
    min-width: 214px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 120%;
    font-family: 'Montserrat' !important;
	 color:#5D505F;
	width:250px;
	 height:45px;
	font-weight:600;
	  text-transform:uppercase;
  }
.course-top-inner
.course-content-left
.cart button.single_add_to_cart_button {
	background: linear-gradient(33.254deg, #d3b281 0%, #f0ce9f 100%);
    padding: 10px 24px;
    min-width: 214px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 120%;
    font-family: 'Montserrat' !important;
	 color:#5D505F;
	width:250px;
	 height:45px;
	font-weight:600;
	  text-transform:uppercase;
}
.course-top-inner
.course-content-left
.cart button.single_add_to_cart_button:hover {
	background: linear-gradient(33.254deg, #f0ce9f 0%, #d3b281 100%);
}
.course-content-inner
.content-courser-grid
.content-wrap p {
	font-size:16px !important;
}
.course-video-item h3 {
	width:100%;
	text-align:center;
	font-weight:400;
}
  .submit-getchart-form input[type=submit]{
	 color: #d2a871!important;
	}
.round-theme-btn:focus{
	    background: #fefdfb!important;
}
.course-content-left.gift-card-cont form.variations_form.cart .variations .label {
	min-height:20px;
	margin-bottom:10px;
}
.course-content-left form.variations_form.cart .variations .label label {
	font-weight:500;
	font-size:14px !important;
	min-height:20px;
	text-transform:uppercase;
	margin-bottom:10px;
}
.course-content-left
form.variations_form.cart
.variations select {
	height:45px;
	width:250px;
}
.course-content-left h4.pricing {
	font-size:24px !important;
}
  @media (max-width:850px) {
    section.energyTypes .hd-inner-container .energyTypeList .energy-container .energy-box {
      width: 270px;
    }

    section.energyTypes .hd-inner-container .energyTypeList .energy-container {
      flex-wrap: nowrap !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    section.energyTypes .hd-inner-container .energyTypeList .energy-container .energy-box .energy-content h3 {
      font-size: 16px !important;
      line-height: 160% !important;
    }

    section.energyTypes .hd-inner-container .energyTypeList .energy-container .energy-box .energy-content p {
      font-size: 12px !important;
    }
  }

  @media (max-width: 768px) {
    section.jennaPodcast .feeds-inner .feed-content h4 {
      margin-bottom: 0 !important;
    }

    /* section.energyTypes .hd-inner-container .energyTypeList .energy-container .energy-box{
      width: 270px;
    }
    section.energyTypes .hd-inner-container .energyTypeList .energy-container{
      flex-wrap: nowrap!important;
      flex-direction: column!important;
      align-items: center!important;
    } */
    section.jennaPodcast .feeds-inner .feed-content h2 {
      font-size: 38px;
    }

    section.energyTypes .hd-inner-container .energyTypeList .energy-container .energy-box {
      text-align: center !important;
      justify-content: center !important;
    }

    section.energyTypes .hd-inner-container h2 {
      font-size: 38px;
    }

    section.energyTypes .hd-inner-container p {
      font-size: 22px;
    }

    .get-chartform-form .top-headings h2 {
      font-size: 32px;
    }

    .get-chartform-form .top-headings p {
      font-size: 18px;
    }

    section.newsletter .newsletter-wrapper .newsletter-widget h2 {
      font-size: 32px;
    }

    section.newsletter .newsletter-wrapper .newsletter-widget p {
      font-size: 15px;
      line-height: 26px;
    }

    .round-theme-btn {
      color: #5D5060 !important;
    }
  }

  @media (max-width: 680px) {
    .checkout-button {
      bottom: -60px;
    }

    section.jennaPodcast .feeds-inner .feed-images .slider-feeds .feeds-mobile-list ul {
      margin-bottom: 0 !important;
    }

    .terms-conditions-page a span {
      font-size: 14px !important;
    }

    .terms-conditions-page .cms-wrapper p b span {
      font-size: 24px;
      line-height: 30px;
    }

    .terms-conditions-page .cms-wrapper ol li,
    .terms-conditions-page .cms-wrapper ul li {
      font-size: 16px;
      line-height: 22px;
    }

    .privacy-policy-page .cms-wrapper {
      overflow-x: hidden;
    }

    .privacy-policy-page .privacy-page-table {
      overflow-x: scroll;
    }

    .privacy-policy-page .cms-wrapper ol li,
    .privacy-policy-page .cms-wrapper ul li {
      font-size: 15px;
      line-height: 22px;
    }

    .privacy-policy-page table {
      font-size: 15px;
      line-height: 20px;
      border-spacing: 10px;
      /* overflow-x: scroll; */
    }

    .privacy-policy-page .cms-wrapper ol,
    .privacy-policy-page .cms-wrapper ul {
      padding-left: 20px;
    }

    .chart-feature-item {
      flex-direction: column-reverse;
      align-items: start;
      gap: 25px;
    }
  }

  @media (max-width: 480px) {
    #ui-datepicker-div {
      width: 90%;
    }

    .ui-datepicker .ui-datepicker-title select {
      font-size: 0.7em !important;
    }
  }

  @media (max-width: 400px) {
    #ui-datepicker-div {
      left: 20px !important;
    }

    .chart-wrapper .chart-listing-wrapper .chart-listing-grid .chart-frame {
      width: 100%;
    }

    .chart-frame .chart-frame-inner .chart-center .chart-main-image figure svg {
      width: 170px !important;
    }

    /*header responsive styles*/
    .header-inner .hd-logo-header img {
      width: 108px !important;
    }

    .header-inner .svg-md-icon {
      width: 17px;
    }
  }
/* ============ MOBILE SIDEBAR MENU (WP nav + submenus) ============ */

.menu-sidebar .sidebar-inner-menu{
  padding: 18px 16px !important;
  text-align: left;  
}

.menu-sidebar .menu-close {
	margin-right:0px !important;
	margin-top:25px !important;
	min-width:100% !important;
	position:relative !important;
}

.menu-sidebar .menu-close a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #5D5060;
  text-decoration: none;
}

.menu-sidebar a.menuClose {
    position: relative;
    top: 0 !important;
    right: 0 !important;
  }
.menu-sidebar .menu-close svg{
  width: 25px;
  height: 25px;
}
.menu-sidebar .menu-close svg,
.menu-sidebar .menu-close svg use{
  stroke: #5D5060 !important;
  fill: none !important;
}

.menu-sidebar .menu-links ul,
.menu-sidebar .menu-links li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.menu-sidebar .menu-links > ul.nav-sidebar{
  display: block;
}

.menu-sidebar .menu-links a{
  color: #5D5060 !important;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between; 
  width: 100%;
  padding: 14px 12px;
  line-height: 1.2;
  font-weight:20px;
  font-weight:500 !important;
}

.menu-sidebar .menu-links a:hover,
.menu-sidebar .menu-links a:focus-visible{
  outline: none;
 color: #5D5060 !important;
 text-decoration:none !important;
  border-left:none !important;
}

.menu-sidebar .menu-links a svg,
.menu-sidebar .menu-links a svg use{
  stroke: #5D5060 !important;
  fill: none !important;
}
.menu-sidebar .menu-links > ul.nav-sidebar > li{
  margin: 4px 0;
}

.menu-sidebar .sidebar-inner-menu .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children {
	display:block !important;
	width:100% !important;
	height:auto !important;
}
.menu-sidebar .sidebar-inner-menu .menu-links .sub-menu{
  margin: 0 auto !important;
  padding: 8px 8px 8px 14px !important;
   color: #5D5060 !important;
  clear:both;
  display:block;
  float: none !important;
  width: 100% !important;
  min-width:100% !important;
  max-width:100% !important;
}
.menu-sidebar .menu-links > ul.nav-sidebar > li,
.menu-sidebar .sidebar-inner-menu .menu-links .sub-menu a{
  color: #5D5060 !important;
  font-size:18px;
  border:none !important;
}
 .menu-sidebar .menu-links > li:hover,
.menu-sidebar .menu-links > a:hover,
.menu-sidebar .menu-links .current-menu-item > a,
.menu-sidebar .menu-links .current-menu-ancestor > a{
   color: #5D5060 !important;
   text-decoration:none !important;
  border-left:none !important;
  font-weight:600 !important;
}
.menu-sidebar .menu-links a,
.menu-sidebar .menu-links li{
  border-left: 0 !important;
  box-shadow: none !important;
  outline: none;
}

/* Mobile sizing override (keep your existing breakpoints, but make them behave) */
@media (max-width: 768px){
  .menu-sidebar{
    width: min(340px, 85vw) !important;
    max-width: none !important;
  }
  .menu-sidebar .sidebar-inner-menu{
    padding: 35px 12px !important;
  }
}
/*==========================FOOTER CUSTOMIZATION ==================================*/
footer.custom-footer {
  color: var(--Primary-Colors-Ivory);
  padding: 80px 20px 0;
  background: linear-gradient(to bottom, #F2DBB7 59%,#C59C65 100%) !important;
  font-weight: 400;
  margin-top:5px;
}
footer.custom-footer .hd-footer {
	margin-bottom:0 !important;
	padding:0 0 25px !important;
}
.hd-footer-widgets {
  width: 100%;
  margin: 0 0 24px;
}

.hd-footer-widgets__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

.hd-footer .footer-widget {
  margin: 0;
}

.hd-footer .footer-widget + .footer-widget {
  margin-top: 16px;
}

.custom-footer h3.wp-block-heading,
.hd-footer .footer-widget-title {
  margin: 0 0 20px;
  font-size: 24px;
  letter-spacing: 0em;
  text-transform: none;
  font-family:'Editor';
}
.custom-footer .qi-block-icon-with-text.footer-custom-social {
	display:flex !important;
	gap:0px !important;
	align-items:center !important;
	justify-content:flex-start !important;
	padding:0 !important;
	margin:0 0 -10px !important;
}
.custom-footer .qi-block-icon-with-text.footer-custom-social .qodef-m-icon-wrapper {
	width:25px !important;
	margin-right:15px !important;
}
.custom-footer .qi-block-icon-with-text.footer-custom-social svg {
  max-height:28px !important;
  min-height:28px !important;
  width:auto !important;
  margin-top:5px;
}
.custom-footer .qi-block-icon-with-text.footer-custom-social:hover svg {
	fill:#fff !important;
	color:#fff !important
}
.custom-footer .qi-block-icon-with-text.footer-custom-social.facebook svg {
  margin-top:0px;
}
.widget.widget_block.footer-widget
.wp-block-qi-blocks-icon-with-text{
	margin:-5px 0 0 !important;
	font-family:'Montserrat';
	font-weight:400;
	font-size:15px;
	padding:0 !important;
} 

.hd-footer .footer-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hd-footer .footer-widget li + li {
  margin-top: 8px;
}
.hd-footer .footer-widget li a:hover {
	color:#fff;
}
/* If widgets contain forms/inputs */
.hd-footer .footer-widget input,
.hd-footer .footer-widget select,
.hd-footer .footer-widget textarea {
  max-width: 100%;
}
.custom-footer .logo-quote {
	font-size:55px;
	letter-spacing:0.05em;
	text-align:center;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:'Editor';
	padding:80px 0 0px;
	line-height:1.1em;
}
.custom-footer .copyright-custom {
	margin-top:20px;
	margin-bottom:0px !important;
	width:100%;
	text-align:center;
	min-height:30px;
	font-size:12px;
	line-height:1.4em;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap: wrap;  
	gap:0px 10px;
}

.custom-footer .copyright-custom a {
padding:0px !important;
 margin:0 !important;
width: auto !important;
	display:inline !important;
}
.custom-footer .copyright-custom a:hover {
	color:#fff;
}
.widget.widget_block.widget_media_image.footer-widget
a:hover img {
	opacity:0.8 !important;
}
.widget.widget_block.footer-widget
.stk-row.stk-inner-blocks.stk-block-content
p.stk-block-heading__text a:hover {
	color:#fff !important;
}
@media (max-width: 991px) {
  .hd-footer-widgets__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
	.custom-footer .logo-quote {
  font-size:32px;
	}
}

/* -------- Mobile: stacked -------- */
@media (max-width: 640px) {
  .hd-footer-widgets {
    margin-bottom: 18px;
  }

  .hd-footer-widgets__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.hd-footer-widgets .widget_nav_menu ul,
.hd-footer-widgets .widget_nav_menu .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.hd-footer-widgets .widget_nav_menu li {
  margin: 0;
  padding: 0;
  border:none !important;
}
.hd-footer-widgets .widget_nav_menu li:after {
	display:none !important;
}

.hd-footer-widgets .widget_nav_menu li + li {
  margin-top: 10px; 
}

.hd-footer-widgets .widget_nav_menu a {
  display: inline-block; 
  text-decoration: none;
  line-height: 1.3;
}


.hd-footer-widgets .widget_nav_menu ul,
.hd-footer-widgets .widget_nav_menu li {
  float: none !important;
}

  footer .hd-footer a svg {
    stroke:  transparent !important;
    fill:  #5d5060 !important;
	color:  #5d5060 !important; 
  }

  footer .hd-footer a:hover svg {
     stroke:  transparent !important;
    fill: #fff !important;
	color: #fff !important; 
  }
/*================NEWSLETTER CUSTOM ======================*/
.newsletter-swoop {
	width:100%;
	height:auto;
	position:relative;
	display:flex;
	align-items:flex-end;
	margin-bottom:-2px;
	margin-top:50px;
}
.newsletter-swoop #swoop-ft {
	fill:#E1E9F2 ;
}
.newsletter-block.container-full {
	background-color: #E1E9F2 !important;
	margin:0 auto !important;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 0 !important;
}
.newsletter-block.container-full .newsletter-wrapper {
	max-width:600px !important;
	display:flex !important;
	flex-direction:column !important;
    gap:10px !important;
	padding:20px 0 40px !important;
}
.newsletter-block.container-full .kcustom.klaviyo-newsletter-form.klaviyo-form-WdybbD {
	background:transparent !important;
	background-color: transparent !important;
	min-height:100px !important;
	padding:0 !important;
	margin:0 auto !important;
}
.newsletter-block.container-full .newsletter-wrapper
div#rich-text-01KD5A8SMH984Y5ASEJMPZ75WF
h3 span {
	font-family:'Editor' !important;
	font-size:40px !important;
}
.newsletter-block.container-full .newsletter-wrapper button.go2203269430.kl-private-reset-css-Xuajs1,
.newsletter-block.container-full .newsletter-wrapper input#email_01KD5A8SMZ4Q88FZZNWZWT9NXN {
	width:450px !important;
	max-width:100% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.newsletter-block.container-full .newsletter-wrapper input#email_01KD5A8SMZ4Q88FZZNWZWT9NXN:focus {
	border:1px solid #5d5060 !important;
	box-shadow:none !important;
	  -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition:none !important;
    transition: none !important;
}
.newsletter-block:after, .newsletter-block:before {
	background:none !important;
}
a#bwfan_unsubscribe.button{
	border-radius:40px;
	font-weight:500;
	  background: linear-gradient(to bottom, #D2A871 0%,#EECD9D 100%) !important;
}
button.wpforms-submit,
.newsletter-block.container-full .newsletter-wrapper button.go2203269430.kl-private-reset-css-Xuajs1 {
	  background: linear-gradient(to bottom, #D2A871 0%,#EECD9D 100%) !important;
}
.newsletter-block.container-full .newsletter-wrapper button.go2203269430.kl-private-reset-css-Xuajs1:hover {
	  background: linear-gradient(to top, #D2A871 0%,#EECD9D 100%) !important;
}
@media (max-width:767px) {
	.newsletter-block.container-full {
	padding-top: 15px !important;
}
}
@media (max-width:480px) {
	.newsletter-block.container-full .newsletter-wrapper button.go2203269430.kl-private-reset-css-Xuajs1,
.newsletter-block.container-full .newsletter-wrapper input#email_01KD5A8SMZ4Q88FZZNWZWT9NXN {
	width:100% !important;
	max-width:100% !important;
}
}
/*===============CUSTOM PAGE CODES ================*/
main .container-full .custom-rows {
	width:100%;
	min-height:5px !important;
	margin-top:50px !important;
}
.qodef-gutenberg-row {
	max-width:1500px !important;
}

.custom-video {
overflow:hidden !important;
	border-radius:15px !important;
}
.override-style p.qodef-m-text{
  font-size:18px !important;
  line-height:160% !important;
  padding:10px 0 20px !important;
}

/* Make Vimeo embed fill column width and add rounded corners */
figure.wp-block-video.presto-block-video.presto-provider-vimeo {
	   border-radius: 15px;
	background-color:#fff;
}
.wp-block-embed-vimeo {
    width: 100%;
    border-radius: 15px;
    overflow: hidden; /* Clips video to rounded corners */
}

.wp-block-embed-vimeo .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}

.wp-block-embed-vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px;
}
.stk-block-content.stk-inner-blocks img:hover {
	opacity:0.8 !important;
}
.layered-back {
	position:relative;
	background-color:yellow;
	padding:0;
}
.rounded-bt-svg {
	position:absolute;
	top:0 !important;
	left:0 !important;
	right:0 !important;
}
.youtube-type-header,
.pod-type-header,
.energy-type-header {
	font-size:40px;
	font-family:'Editor';
	text-align:center;
	margin-bottom:20px;
}
.listen-header{
	font-size:40px;
	font-family:'Editor';
	text-align:left;
	margin-bottom:10px;
	margin-top:0px;
	padding-top:0;
}
.youtube-type-header span.you-italic {
	font-family:'Editor Italic';
}
.reviews-hd {
font-size:40px;
	font-family:'Editor';
	text-align:center;
	margin-bottom:10px;
	margin-top:0px;
	padding-top:0;
}
.reviews-hd span.italic {
	 font-family: "Editor Italic" !important;
}
span.fancy-u {
	background-image:url(https://sandbox.myhumandesign.com/wp-content/uploads/2025/12/gold-underline.png);
	background-position:center bottom;
	background-size:100% 8px;
	background-repeat:no-repeat;
}
/*====================MARQUEE========================*/
 .marquee-wrap{
    overflow:hidden;
    width:100%;
    background:transparent;
  }

  .marquee-track{
    display:flex;
    width:max-content;            /* key for seamless */
    animation: marquee-scroll 25s linear infinite;
    will-change: transform;
  }

  .marquee-group{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
  }

  .marquee-group span{
    padding:0 16px;
    font-family:'Editor Italic';
    font-size:25px;
    color:#fff;
    line-height:1em;
  }

  .marquee-divider{
    display:inline-block;
    padding:0;             
    width:25px;
    height:30px;
    background-image:url("https://sandbox.myhumandesign.com/wp-content/uploads/2025/12/star-divider.svg");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    flex:0 0 auto;
  }

  @keyframes marquee-scroll{
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }

  /* optional: pause on hover */
  .marquee-wrap:hover .marquee-track{
    animation-play-state: paused;
  }

  /* optional: reduce motion accessibility */
  @media (prefers-reduced-motion: reduce){
    .marquee-track{ animation: none; }
  }
/*------------------ACCOUNT STYLING------------------*/
.sidebar-wrap.account-sidebar-links {
	border:1px solid #EECD9D;
	font-size:16px;
	line-height:180%;
}
.sidebar-wrap.account-sidebar-links a {
	font-size:16px;
}
.submit-account-button input.theme-btn {
	height:40px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:500;
}
.submit-account-button input.theme-btn:hover {
	  background: linear-gradient(to top, #D2A871 0%,#EECD9D 100%) !important;
}
.account-content h3 {
	font-size:28px;
}
/*======================================CUSTOM COURSE CSS================================================*/
  .custom-videos .container.container-1380 {
    padding: 0;
  }

  .spinner {
    width: 30px;
    height: 30px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #5d5060;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 120px auto;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .searched-cat .course-section h2 {
    font-weight: 400;
    margin-bottom: 20px;
  }
	.heading-block h2 {
		font-weight:normal;
		font-size:35px !important;
		text-align:center;
	}
	.heading-block p {
		display:none !important;
	}
  /*-----------------------sidebar css----------------------------*/
  body.aside-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 70%);
    z-index: 4;
  }
  .aside-filter-new {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    width: 100%;
    max-width: 648px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 5;
    padding: 20px 5px;
    background: rgb(255, 255, 255);
    overflow-y: scroll;
    scrollbar-width: thin;
    display: none;
  }

  .aside-filter-new.active-aside {
    display: block;
    transform: translateX(0);
  }

  .aside-filter-close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 18px;
    top: 50px;
    background-image: url(//web.archive.org/web/20230201150310im_/https://www.myhumandesign.com/wp-content/themes/myhumandesign/images/light-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
	color:red;
  }

  .aside-filter-new .aside-filter-list li a {
    color: #5d5060;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
  }

  .aside-filter-new h4.aside-filter-title {
    color: #5d5060 !important;
    font-family: "Editor";
    font-size: 30px;
    line-height: 130%;
    font-weight: 400;
	padding:10px 0 30px;
	text-align:center;
  }

ul#menu-video-filter-menu.list.aside-filter-list li.menu-item {
	background: linear-gradient(355deg, #D2A871 0%, #EECD9D 100%);
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: normal;
    color: #5D505F;
    text-align: center;
    border: 0;
    border-radius: 50px;
	height:45px;
    padding: 10px 25px;
    cursor: pointer;
	text-transform:uppercase !important;
	margin-bottom:15px !important;
}
ul#menu-video-filter-menu.list.aside-filter-list li.menu-item:hover {
	background: linear-gradient(355deg, #EECD9D 0%, #D2A871 100%);
}
ul#menu-video-filter-menu.list.aside-filter-list li.menu-item a {
	font-weight:500;
	letter-spacing:0.05em;
}
ul#menu-video-filter-menu.list.aside-filter-list li.all-videos-link.menu-item.menu-item-type-post_type{
	background:#fff !important;
}
  .aside-filter-new .aside-filter-list>li {
    margin-bottom: 5px !important;
  }

  .aside-filter-new>.container {
    padding-top: 40px;
  }

  /*------new categories css------*/
	.new-courses-page {
	padding:50px 0;
	}
@media (max-width:1024px) {
	.new-courses-page {
	padding:25px 0;
	}
}
  .new-courses-page .course-video-bg {
    width: 100% !important;
  }

  .new-courses-page .filter-btn {
    display: none !important;
  }

  .active-course .owl-stage {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .active-course .owl-item {
    width: calc(25% - 20px) !important;
    margin-bottom: 20px;
  }

  .active-course .owl-nav {
    display: none;
  }

  .custom-videos {
    margin-top: 35px;
  }

  /*------new categories css end------*/
  .course-content-wrapper {
    padding: 50px 30px 20px;
  }
@media (max-width:1024px) {
	 .course-content-wrapper {
    padding: 20px 30px 20px;
  }
}
  .hd-courses-container .chart-course-section {
    display: none;
  }

  .hd-courses-container .slider-courses .courses-carousel .owl-nav .owl-prev {
    left: -20px !important;
  }

  .hd-courses-container .slider-courses .courses-carousel2 .owl-nav .owl-prev {
    right: -20px !important
  }

  .course-content-wrapper .course-content-inner .content-courser-grid .content-wrap li {
    color: #51435f !important;
  }

  .content-wrap h2,
  .content-wrap p {
    color: #51435f !important;
  }
	.content-wrap  {
		font-size:16px !important;
	}
  .category-description {
    font-weight: 400 !important;
    font-family: 'Montserrat';
    color: #51435f;
     font-size: 16px !important;
  }

	.share-social-inner {
		display:none !important;
	}

  .course-content-left h1,
  .course-content-left h4,
  .course-content-left p,
  .course-content-left .wishlist-list a,
  .share-social .share-social-inner label {
    color: #5D505F !important;
  }
	.course-content-left h1 {font-size:35px !important;line-height:110%;}
@media (max-width:1024px) {
	.course-content-left h1 {font-size:30px !important;}
}
	.course-content-left h4 {
		font-size:25px !important;
	}
	.course-content-left p {
	  font-size:16px !important;
	}
	.cp-popup-buttons
  form.variations_form
	.variations label {
	font-size:15px;
	text-transform:uppercase ;
	padding-bottom:10px;
	font-weight:500 ;
	}
	.cp-popup-buttons
  form.variations_form
	.variations select {
    height:45px;
	font-size:15px;
	padding-right:10px;
	}
  .course-top-details .course-top-inner .course-content-left .wishlist-list a svg path {
    fill: #5D505F !important;
  }

  .course-content-wrapper:before {
    content: none !important;
  }

  .course-content-wrapper:after {
    content: none !important;
  }

  .search-results-container {
    margin-bottom: 40px;
  }

  .no-results-message {
    text-align: center;
    padding: 20px;
    color: #666;
    font-style: italic;
  }

  .course-section {
    margin-top: 0;
    margin-bottom: 40px;
  }


  p.no-results-message {
    text-align: center;
    font-weight: 500;
    text-decoration: underline;
  }

  .hd-courses-container {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px;
    position: relative;
  }
.courses-top {
	padding:0 25px;
}
@media (max-width:1024px) {
	.courses-top {
	padding:0 15px;
}
}
  .hd-courses-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	padding:0px !important;
	margin-bottom:20px !important;
  }
  .search-container input[type="text"] {
    background-color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    border-radius: 50px;
  }

  .hd-courses-intro {
    text-align: center;
	padding-bottom:20px;
  }

  .hd-courses-intro-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 30px 0;
  }

  .browse-category button {
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    color: #5D505F;
    text-align: center;
    border: 0;
    border-radius: 50px;
	height:45px;
    padding: 10px 25px;
    cursor: pointer;
  }

  .search-container {
    position: relative;
    display: flex;
    justify-content: flex-end;
	font-family:'Monserrat';
	opacity:1;
  }

  .search-container::before {
    content: '';
    position: absolute;
    right: 12px;
    top: 46%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: url('https://sandbox.myhumandesign.com/wp-content/uploads/2025/12/search.svg');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
  }
.search-container input#courseSearch {
	border:1px solid #EECD9D;	
	width:235px;
	height:45px;
	background-color:#fff;
	font-size:15px;
	color:#5D505F ;
	opacity:1;
	padding-left:12px;
	font-family:'Montserrat';
	}
.search-container input#courseSearch::placeholder {
  color:#5D505F ;
	opacity:1;
	font-weight:400;
	font-family:'Montserrat';
}
@media (max-width:480px) {
	.search-container,
	.search-container input#courseSearch,
	.browse-category,
	.browse-category button#browse-category-btn {
		min-width:100% !important;
		max-width:100% !important;
		width: 100% !important;
		float:none;
		display:block;
	}
}
  .hd-courses-intro h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0 auto;
    width: 800px;
    line-height: 120%;
  }

  .hd-courses-intro p {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
  }

  .hd-courses-intro a {
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    color: #5D505F;
    padding: 7px 24px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    font-family: "Montserrat", serif;
  }

  .filter-option {
    padding: 5px 10px;
    cursor: pointer;
  }

  .active-filter {
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    border: none;
    color: #5D5060;
    border-radius: 16px;
    padding: 8px 12px 8px 16px;
  }

  /*courses list styles*/
  .hd-courses-videos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 24px;
    padding: 0 0;
  }

  button.filter-option {
    background-color: #fff;
    border: none;
  }

  /*courses list styles new*/
  .course-video-item {
    overflow: hidden;
  }

  .course-video-item-inner {
    position: relative;
  }

  .course-video-item-content {
    position: relative;
    cursor: pointer;
  }

  .course-video-item p.product-title {
    margin-top: 16px;
    font-size: 16px;
    line-height: 145%;
    text-align: start;
    cursor: pointer;
    font-weight: 500;
  }

  .course-video-item-content .course-image img {
    border-radius: 15px;
    height: 220px;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }

  .course-video-item .play-icon {
    position: absolute;
    top: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .course-video-item .play-icon img {
    width: 50px;
    height: 50px;
  }

  .course-video-item p {
    margin-top: 0;
    font-size: 20px;
    text-align: start;
  }

  .course-video-item .price-tag {
    display: none;
  }

  /*---------- popup styles ----------*/
  #popup-message {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 2;
  }

 .cp-popup-container button.single_add_to_cart_button.button {
		color:#5D505F;
		width:250px;
	 height:45px;
		font-weight:600;
	    text-transform:uppercase;
	  }
  .cp-courses-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5d50608a;
    z-index: 1000;
    justify-content: center;
    align-items: center;
  }

  .cp-courses-popup-overlay.active {
    display: flex;
  }

  .cp-popup-container::-webkit-scrollbar {
    width: 0px;
  }

  .cp-description li::marker,
  .cp-popup-footer li::marker {
    font-size: x-small;
  }

  span.cp-watch-trailer::before {
    content: '';
    /*background: rgba(255, 255, 255, 0.8);*/
    /*     background: url(https://sandbox.myhumandesign.com/wp-content/themes/myhumandesign/images/course-detail.png); */
    background-size: cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: -40px;
    z-index: 0;
    border-radius: 20px;
  }

  span.cp-watch-trailer {
    position: relative;
    margin-left: 40px;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Editor' !important;
  }

  .cp-popup-overlay {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
  }

  .cp-popup-overlay.active-popup {
    display: flex;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .cp-popup-container {
    width: 100%;
    max-width: 1150px;
    padding: 0;
    border-radius: 10px;
    position: relative;
    overflow-y: auto;
    height: 100vh;
	margin-top:50px;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .cp-popup-container::before {
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    mix-blend-mode: normal;
    position: absolute;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1;
  }

  .cp-popup-container::after {
    content: "";
    /*background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);*/
    background: url(https://sandbox.myhumandesign.com/wp-content/uploads/2025/12/background-grad.png) no-repeat center center / cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /* z-index: -1; */
  }

  button.courses-close-popup {
    position: absolute;
    top: 40px;
    right: 40px;
    background: 0 0;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    color: #5D505F;
    z-index: 9999;
  }

  /* popup Header Section */
  .cp-popup-header {
    display: flex;
    gap: 20px;
    color: #5D505F;
    padding: 140px 45px 40px;
    position: relative;
    color: #fff;
    position: relative;
  }

  a.cp-watch-trailer {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 500;
    color: #5D505F;
    font-family: 'Editor';
  }

  .cp-header-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1.5;
  }

  .cp-header-content h1 {
    margin: 15px 0;
    font-size: 40px;
    color: #5D505F;
    font-weight: 500;
    line-height: 120%;
  }

  .cp-training-details {
    font-size: 16px;
    color: #5D505F;
    line-height: 27px;
    line-height: 160%;
    margin: 8px 0 0;
  }

  .cp-popup-buttons {
    margin-top: 15px;
  }

  .buy-btn {
    padding: 10px 24px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 25px;
    font-weight: 500;
    color: #5D505F;
    font-size: 16px;
    font-family: 'Montserrat' !important;
    min-width: 214px;
  }

  .add-cart-btn {
    background: linear-gradient(33.254deg, #d3b281 0%, #f0ce9f 100%);
    padding: 10px 24px;
    min-width: 214px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 25px;
    font-weight: 500;
    /* background: 0 0; */
    border: none;
    color:#5D505F;
    font-size: 16px;
    line-height: 120%;
    font-family: 'Montserrat' !important;
  }

  .footer-buy-btn {
    background: linear-gradient(33.254deg, #d3b281 0%, #f0ce9f 100%);
    border: none;
    padding: 10px 24px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 25px;
    font-weight: 700;
    color: #fff;
    font-family: 'Montserrat' !important;
    line-height: 120%;
    font-size: 16px;
    min-width: 214px;
    height: 40px;
  }

  .footer-add-cart-btn {
    padding: 10px 24px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 25px;
    font-weight: 700;
    background: 0 0;
    border: 2px solid #cfac8a;
    color: #cfac8a;
    font-family: 'Montserrat' !important;
    line-height: 120%;
    font-size: 16px;
    min-width: 214px;
    height: 40px;
  }

  /* Header Image */
  .cp-header-image {
    flex: 1;
    text-align: right;
  }

  .cp-header-image img {
    max-height: 200px;
    width: auto;
    border-radius: 10px;
  }

  .cp-header-content h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 32px;
  }

  /* Content Section */
  .cp-popup-content {
    display: flex;
    flex-direction: column;
    padding: 5px 20px 20px;
    gap: 20px;
    background: #fff;
    margin: 0 45px 45px 45px;
    border-radius: 16px;
  }

  .cp-description  {
    font-size: 25px;
    margin: 0 0 20px 0;
    line-height: 130%;
    font-weight: 400;
  }
	h2.m-b-20 {
		font-size:25px !important;
	}
  .cp-description h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 15px;
  }

  .cp-popup-footer h4 {
    font-size: 18px;
    margin: 20px 0;
    line-height: 140%;
    font-family: 'Editor';
    font-weight: 600;
  }


  .cp-description p {
    font-size: 16px;
    line-height: 160%;
  }

  .cp-description {
    flex: 1.9;
  }

  .cp-description ul {
    padding-left: 30px;
  }

  .cp-description li {
    font-size: 16px;
    font-weight: 400;
    list-style: disc !important;
    line-height: 160%;
  }

  .cp-popup-footer ul {
    font-size: 17px;
    line-height: 27px;
  }

  .cp-popup-footer li {
    font-size: 16px;
    font-weight: 400;
    list-style: disc !important;
    line-height: 140%;
  }

  .cp-video-covers {
    flex: 1.15;
    background: linear-gradient(27deg, rgba(210, 178, 129, 1) 0%, rgba(240, 206, 160, 1) 100%);
    padding: 15px;
    border-radius: 10px;
    height: max-content;
  }

  .cp-video-covers h3 {
    margin: 0px 0 20px 0;
    font-size: 24px;
  }

  .cp-video-covers ul {
    list-style: none;
    padding: 0 25px 0 0;
  }

  .cp-video-covers li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
    font-weight: 400;
    color: #333;
  }

  .cp-video-covers li::before {
    content: '\2713';
    font-size: 14px;
    color: #d79758;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 2px;
    font-weight: bold;
  }

  /*popup Footer */
  .cp-popup-footer {
    padding: 25px 45px;
    background: #fff;
    margin: 0 45px;
  }

  .cp-popup-footer ul {
    padding-left: 20px;
  }

  .cp-footer-buttons {
    margin-top: 40px;
  }

  /*-----Responsive styles-----*/
  @media (max-width:1100px) {
    .hd-courses-video p {
      font-size: 18px;
    }

    .hd-courses-videos {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width:1024px) {
    button.filter-option {
      font-size: 18px;
    }
 .hd-courses-container {
      width: 100%;
      padding: 0 35px;
    }
    .hd-courses-video {
      width: calc(33% - 20px);
    }

    .hd-courses-intro h2 {
      font-size: 25px;
      width: 100%;
    }

    .hd-courses-videos {
      grid-template-columns: repeat(2, 1fr);
    }

    .buy-btn {
      min-width: auto;
      font-size: 16px;
      padding: 10px 45px;
    }

    .add-cart-btn {
      min-width: auto;
      font-size: 16px;
      margin-right: 0;
    }

    .footer-buy-btn {
      min-width: auto;
      font-size: 16px;
    }

    .footer-add-cart-btn {
      min-width: auto;
      font-size: 16px;
    }

    .active-course .owl-item {
      width: calc(33.33% - 20px) !important;
    }

    .hd-courses-header {
      justify-content: center;
	  gap:15px !important;
	  margin:0 auto 20px;
    }

  }

  @media (max-width: 768px) {
    .heading-block p {
      line-height: normal !important;
    }

    .active-course .owl-item {
      width: calc(50% - 20px) !important;
    }

    .custom-videos .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .slider-courses {
      padding-top: 0px !important;
    }

    button.filter-option {
      font-size: 15px;
      text-wrap: nowrap;
    }

    .cp-popup-header {
      flex-direction: column;
      padding: 40px 15px 40px;
    }

    .cp-popup-content {
      margin: 0px 15px 45px 15px;
      padding: 35px 15px 20px;
    }

    .cp-header-content h2 {
      font-size: 26px;
    }

    .course-video-item p.product-title {
      font-size: 16px;
    }

    .hd-courses-videos {
      grid-template-columns: repeat(2, 1fr);
    }

    .search-container::before {
      top: 50%
    }

    .hd-courses-video {
      width: calc(50% - 20px);
    }

    .hd-courses-intro h2 {
      font-size: 36px;
      width: 100%;
    }

    .hd-courses-header .heading-container {
      justify-content: center;
      width: 100%;
    }

    .search-container input[type="text"] {
      position: static;
      width: 100%;
      /* max-width: 320px; */
    }

    .hd-courses-intro {
      flex-direction: column;
      text-align: center;
    }

    .hd-courses-dropdowns {
      flex-wrap: nowrap;
      justify-content: flex-start;
      overflow-x: scroll;
      padding: 0 8px;
    }

    .hd-courses-video p {
      font-size: 17px;
    }

    .hd-courses-intro-inner {
      flex-wrap: wrap;
      gap: 10px;
      margin: 10px 0;
    }

    .hd-courses-header h1 {
      font-size: 28px;
    }

    .hd-courses-intro p {
      font-size: 15px;
    }

    .hd-courses-intro a {
      font-size: 14px;
      padding: 7px 24px;
    }

    .cp-popup-container {
      width: 90%;
      margin-top: 80px;
      height: calc(100vh - 100px);
      padding: 0;
    }

    .cp-header-content h1 {
      font-size: 40px;
      line-height: 120%;
      margin: 24px 0 5px;
    }

    .cp-popup-buttons {
      margin: 40px 0;
    }

    .add-cart-btn {
      padding: 10px 20px;
    }
	 
    .cp-video-covers h3 {
      font-size: 17px;
      line-height: 110%;
    }

    .cp-video-covers ul {
      font-size: 15px;
      line-height: 24px;
    }

    .cp-description h2 {
      font-size: 17px;
      line-height: 110%;
    }

    .cp-description p {
      font-size: 15px;
      line-height: 19px;
    }

    .course-top-details {
      padding: 0 !important;
    }
    .course-top-details .course-top-inner .course-content-left .wishlist-list a svg path {
      fill: #51435f !important;
    }

    .course-content-left h1,
    .course-content-left h4,
    .course-content-left p,
    .course-content-left .wishlist-list a {
      color: #51435f !important;
    }

 .browse-category button {
    font-size: 13px;
  }
  }

  @media (max-width: 520px) {
    .hd-courses-videos {
      grid-template-columns: repeat(1, 1fr);
    }

    .search-container input[type="text"] {
      padding: 10px 15px;
      font-size: 12px;
    }
  }

  @media (max-width: 480px) {
    .hd-courses-videos {
      justify-content: center;
    }
	   .browse-category button {
    font-size: 15px;
  }
   .hd-courses-header {
      flex-direction: column;
      align-items: center;
    }
    .hd-courses-video {
      width: calc(100% - 20px);
    }

    .search-container input[type="text"] {
      max-width: 100%;
    }

    .cp-popup-content {
      margin: 0px 10px 45px 10px;
      padding: 35px 10px 20px;
    }

    .cp-video-covers {
      padding: 10px;
    }

    .footer-buy-btn,
    .footer-add-cart-btn {
      width: 100%;
      font-size: 12px;
      margin-right: 0;
    }

    .footer-add-cart-btn {
      margin-top: 10px;
    }
  }

  @media (max-width: 410px) {
    .hd-courses-header-mobile {
      gap: 5px;
    }

    .search-container input[type="text"] {
      font-size: 10px;
    }

    .search-container::before {
      height: 15px;
      width: 15px;
    }

    .hd-courses-intro h2 {
      font-size: 32px;
    }
  }
/*
  @media (max-width: 380px) {
    .footer-buy-btn,
    .footer-add-cart-btn {
      font-size: 12px;
      padding: 10px 15px;
      margin-right: 0;
    }

    .buy-btn,
    .add-cart-btn {
      font-size: 12px;
      margin-right: 0;
    }

  }
*/
.hd-courses-container
a.stk-button.is-active  {
	background-color:#F6EAD6 !important;
}
.courses-top .wp-block-stackable-columns.stk-block-columns button.stk-block-carousel__button.stk-block-carousel__button__next {
	right:0 !important;
	left: auto !important;
}
.courses-top .wp-block-stackable-columns.stk-block-columns button.stk-block-carousel__button.stk-block-carousel__button__prev {
	display:none !important;
}
h1.courses-header {
	font-size:40px;
}
h2.course-heading {
   font-size:35px;
	padding-bottom:5px;
	text-align:center;
}
.course-video-item h3 {
	font-family:'Montserrat';
	font-weight:400;
	text-align:center;
	font-size:16px;
	padding-top:15px;
	line-height:125%;
}
.course-video-item h3:hover {
	color:#D2A871;
}
@media (max-width:768px) {
	h1.courses-header {
	font-size:35px;
}
	.single-product-page .course-content-wrapper {
		padding-left:0;
		padding-right:0;
	}
}
.woocommerce .container {
	padding-top:20px;
}
.woocommerce-message {
	margin-bottom:10px;
}
.app-terms-conditions-content p, .app-terms-conditions-content li{
	font-size:15px !important;
}
/*=========================================================
===============CUSTOM ENERGY BLOCKS =======================
==========================================================*/
.hd-cards{
  padding: 28px 18px;
  background: transparent;
  max-width: 1500px;
  width:100%;
}

.hd-cards__grid{
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* keeps wrapped rows centered */
  align-items: stretch;
  gap: 18px;
}
.hd-card{
   position: relative;
  overflow: visible;
  display: flex;
  flex: 0 0 calc((100% - 72px) / 5); 
  max-width: calc((100% - 72px) / 5);
}

.hd-card__btn{
  width: 100%;
  height: 100%;       
  min-height: 280px;   
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: flex-start;
  gap: 10px;
  border: 0;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(to bottom, #FEFBF5 0%, #FAEFDC 100%);
  border-radius: 16px;
  padding: 25px 10px 16px;
  box-shadow: 0 4px 6px rgba(0,0,0,.10);
}
@media (max-width: 1150px){
  .hd-card{
    flex: 0 1 280px; 
    max-width: 45%;
  }
}
@media (max-width: 998px){
  .hd-card{
    flex: 0 1 42%; 
    max-width: 50%;
  }
}
@media (max-width: 480px){
  .hd-card{
    flex: 0 1 400px; 
    max-width:95%;
  }
.hd-card__btn{   
  min-height: 150px;   
}
}
.hd-card__btn:focus-visible{
  outline: 2px solid rgba(164,120,58,.55);
  outline-offset: 3px;
}

.hd-card{
  height: 100%; 
  display: flex; 
}
.hd-card__icon{
  display: grid;
  place-items: center;
  margin: 2px auto 8px;
}

.hd-card__title{
  margin: 0 auto;
  font-size: 35px;
  min-width:100%;
  line-height: 1.1;
  letter-spacing: 0;
  color: #5D5060;
}

.hd-card__sub{
  margin: 8px 0 0;
  font-size: 16px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #AB7E41;
  font-weight:600 !important;
}

/* ====== POPOVER (bigger than card) ====== */
.hd-pop{
  position: absolute;
  left: 50%;
  top: calc(100% + -20px);
  transform: translateX(-50%);
  width: min(320px, 90vw);     /* popover width */
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  color: #5D5060;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.hd-pop__inner{
  position: relative;
  background: linear-gradient(to bottom, #FEFBF5 0%, #FAEFDC 100%);
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
  padding: 40px 25px 40px;
  border: 1px solid rgba(164,120,58,.22);
}

/* little arrow */
.hd-pop__inner::before{
  content:"";
  position:absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background: #fffdf7;
  border-left: 1px solid rgba(164,120,58,.22);
  border-top: 1px solid rgba(164,120,58,.22);
}

.hd-pop__inner p{
  margin: 0;
  font-size: 15px;
  color: #5D5060;
  line-height: 1.4;
}

.hd-pop__close{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

/* Desktop hover/focus behavior */
@media (hover:hover) and (pointer:fine){
  .hd-card:hover .hd-pop,
  .hd-card:focus-within .hd-pop{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(4px);
  }
}

/* Mobile open class (tap) */
.hd-card.is-open .hd-pop{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(4px);
}

/* On very small screens, place popover centered and a bit lower so it fits */
@media (max-width: 767px){
  .hd-pop{
    width: min(320px, 92vw);
    top: calc(100% + -20%);
  }
}
@media (max-width: 480px){
  .hd-pop{
    width: min(100%, 100vw);
    top: calc(100% + -20%);
  }
}
.hd-cards, .hd-cards * { box-sizing: border-box; }

  /*---------------------------------------new css end----------------------------------------*/