LittleDemon WebShell

.elementor-kitify-nested-tabs{
  --n-tabs-default-padding-block: 15px;
  --n-tabs-default-padding-inline: 35px;
  --n-tabs-overflow-x: initial;
  --n-tabs-overflow-y: initial;
  --n-tabs-background-color: transparent;
  --n-tabs-display: flex;
  --n-tabs-direction: column;
  --n-tabs-gap: 10px;
  --n-tabs-heading-display: flex;
  --n-tabs-heading-direction: row;
  --n-tabs-heading-grow: initial;
  --n-tabs-heading-justify-content: center;
  --n-tabs-heading-width: initial;
  --n-tabs-height: initial;
  --n-tabs-border-width: 1px;
  --n-tabs-border-color: #d4d4d4;
  --n-tabs-content-padding: initial;
  --n-tabs-content-border-radius: initial;
  --n-tabs-title-color: var(--kitify-body-color);
  --n-tabs-title-color-hover: var(--kitify-primary-color);
  --n-tabs-title-color-active: var(--kitify-primary-color);
  --n-tabs-subtitle-color: var(--n-tabs-title-color);
  --n-tabs-subtitle-color-hover: var(--n-tabs-title-color-hover);
  --n-tabs-subtitle-color-active: var(--n-tabs-title-color-active);
  --n-tabs-title-background-color: transparent;
  --n-tabs-title-background-color-hover: transparent;
  --n-tabs-title-background-color-active: transparent;
  --n-tabs-title-width: initial;
  --n-tabs-title-height: initial;
  --n-tabs-title-font-size: 1em;
  --n-tabs-subtitle-font-size: var(--n-tabs-title-font-size);
  --n-tabs-title-justify-content-toggle: initial;
  --n-tabs-title-align-items-toggle: center;
  --n-tabs-title-justify-content: center;
  --n-tabs-title-align-items: center;
  --n-tabs-title-direction: row;
  --n-tabs-title-gap: 10px;
  --n-tabs-title-padding-top: var(--n-tabs-default-padding-block);
  --n-tabs-title-padding-right: var(--n-tabs-default-padding-inline);
  --n-tabs-title-padding-bottom: var(--n-tabs-default-padding-block);
  --n-tabs-title-padding-left: var(--n-tabs-default-padding-inline);
  --n-tabs-title-border-radius: initial;
  --n-tabs-title-transition: 0.3s;
  --n-tabs-icon-size: 1em;
  --n-tabs-icon-color: var(--n-tabs-title-color);
  --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover);
  --n-tabs-icon-color-active: var(--n-tabs-title-color-active);
  --n-tabs-icon-gap: 5px;
  --n-tabs-icon-order: 0;
  --n-tabs-divider-height: 0px;
  --n-tabs-divider-width: 0px;
  --n-tabs-divider-color: currentColor;
  --n-tabs-divider-active-height: 0px;
  --n-tabs-divider-active-width: calc(100% - var(--n-tabs-title-padding-right) - var(--n-tabs-title-padding-left));
  --n-tabs-divider-active-color: currentColor;

  /** bottom **/
  --n-tabs-divider-pos-left: 50%;
  --n-tabs-divider-pos-right: initial;
  --n-tabs-divider-pos-top: initial;
  --n-tabs-divider-pos-bottom: 0;
  --n-tabs-divider-transform: translateX(-50%);

  /*!** top **!*/
  /*--n-tabs-divider-pos-left: 50%;*/
  /*--n-tabs-divider-pos-right: initial;*/
  /*--n-tabs-divider-pos-top: 0;*/
  /*--n-tabs-divider-pos-bottom: initial;*/
  /*--n-tabs-divider-transform: translateX(-50%);*/

  /*!** left **!*/
  /*--n-tabs-divider-pos-left: 0;*/
  /*--n-tabs-divider-pos-right: initial;*/
  /*--n-tabs-divider-pos-top: 50%;*/
  /*--n-tabs-divider-pos-bottom: initial;*/
  /*--n-tabs-divider-transform: translateY(-50%);*/
  /*!** right **!*/
  /*--n-tabs-divider-pos-left: initial;*/
  /*--n-tabs-divider-pos-right: 0;*/
  /*--n-tabs-divider-pos-top: 50%;*/
  /*--n-tabs-divider-pos-bottom: initial;*/
  /*--n-tabs-divider-transform: translateY(-50%);*/

  max-width: 100%
}
.kitify-ntabs{
  display: var(--n-tabs-display);
  flex-direction: var(--n-tabs-direction);
  gap: var(--n-tabs-gap);
  text-align: left;
  height: var(--n-tabs-height);
  overflow-x: var(--n-tabs-overflow-x);
  overflow-y: var(--n-tabs-overflow-y);
}
.kitify-ntabs-heading{
  display: var(--n-tabs-heading-display);
  flex-basis: var(--n-tabs-heading-width);
  flex-direction: var(--n-tabs-heading-direction);
  flex-shrink: 0;
  justify-content: var(--n-tabs-heading-justify-content);
  gap: var(--n-tabs-title-gap);
}
.kitify-ntabs-content{
  flex-grow: 1;
  padding: var(--n-tabs-content-padding);
  border-radius: var(--n-tabs-content-border-radius);
}
.kitify-ntab-title{
  display: flex;
  align-items: var(--n-tabs-title-align-items-toggle,var(--n-tabs-title-align-items));
  flex-direction: var(--n-tabs-title-direction);
  justify-content: var(--n-tabs-title-justify-content-toggle,var(--n-tabs-title-justify-content));
  gap: var(--n-tabs-icon-gap);
  border-width: var(--n-tabs-border-width);
  position: relative;
  cursor: pointer;
  outline: none;
  padding: var(--n-tabs-title-padding-top) var(--n-tabs-title-padding-right) var(--n-tabs-title-padding-bottom) var(--n-tabs-title-padding-left);
  border-radius: var(--n-tabs-title-border-radius);
  height: var(--n-tabs-title-height);
  width: var(--n-tabs-title-width);
  color: var(--n-tabs-title-color);
}
.kitify-ntab-title.e-active :is(i:first-child, svg:first-child),
.kitify-ntab-title:not(.e-active) :is(i:last-child, svg:last-child){
  transform: translateY(-100vh);
  height: 0;
  opacity: 0;
}
.kitify-ntab-icon{
  display: flex;
  align-items: center;
  flex-direction: column;
  order: var(--n-tabs-icon-order);
  font-size: var(--n-tabs-icon-size);
  color: var(--n-tabs-icon-color)
}
.kitify-ntab-icon svg{
  width: 1em;
  height: 1em;
}
.kitify-ntab-icon img{
  width: 1em;
}
.kitify-ntab-icon :is(i, svg){
  transition: color var(--n-tabs-title-transition);
}
.kitify-ntab-title-text{
  display: flex;
  align-items: var(--n-tabs-title-align-items);
  flex-direction: column;
  line-height: 1;
}
.kitify-ntab-title:after{
  content: '';
  position: absolute;
  top: var(--n-tabs-divider-pos-top);
  right: var(--n-tabs-divider-pos-right);
  bottom: var(--n-tabs-divider-pos-bottom);
  left: var(--n-tabs-divider-pos-left);
  height: var(--n-tabs-divider-height);
  width: var(--n-tabs-divider-width);
  background-color: var(--n-tabs-divider-color);
  transform: var(--n-tabs-divider-transform);
  transition: all .2s;
}
.kitify-ntab-title.e-active:after{
  height: var(--n-tabs-divider-active-height);
  width: var(--n-tabs-divider-active-width);
  background-color: var(--n-tabs-divider-active-color);
}

.kitify-ntab-title:last-of-type:after {
  height: var(--n-tabs-divider-last, var(--n-tabs-divider-height));
  width: var(--n-tabs-divider-last, var(--n-tabs-divider-width));
}
.kitify-ntab-title.e-active:last-of-type:after {
  height: var(--n-tabs-divider-last, var(--n-tabs-divider-active-height));
  width: var(--n-tabs-divider-last, var(--n-tabs-divider-active-width));
}

.kitify-ntabs-content > .elementor-element{
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(0.26,0.69,0.37,0.96);
  animation-play-state: running;
}
.kitify-ntabs-content > .elementor-element:not(.e-active){
  display: none;
}

.kitify-ntabs-effect--fade .kitify-ntabs-content > .elementor-element.e-active{
  animation-name: kitifyFade;
}
.kitify-ntabs-effect--zoom-in .kitify-ntabs-content > .elementor-element.e-active{
  animation-name: kitifyZoomIn;
}
.kitify-ntabs-effect--zoom-out .kitify-ntabs-content > .elementor-element.e-active{
  animation-name: kitifyZoomOut;
}
.kitify-ntabs-effect--move-up .kitify-ntabs-content > .elementor-element.e-active{
  animation-name: kitifyMoveUp;
}
.kitify-ntabs-effect--fall-perspective .kitify-ntabs-content > .elementor-element.e-active{
  animation-name: kitifyFallPerspective;
}
.kitify-ntab-title.e-collapse{
  display: none
}
.ntabs-selectbox {
  display: flex;
  align-items: center;
  width: var(--n-tabs-title-width);
}
.ntabs-selectbox--wrap {
  position: relative;
  flex-grow: 1;
}
.ntabs-selectbox--select {
  position: absolute;
  top: 100%;
  z-index: 9;
  background: #fff;
  display: none;
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(0.26,0.69,0.37,0.96);
  animation-play-state: running;
  min-width: 100%;
}
.ntabs-selectbox--wrap.e-open .ntabs-selectbox--select {
  display: block;
  animation-name: kitifyMoveUp;
}

.kitify-ntabs.e-active-selectbox > .kitify-ntabs-heading {
  display: flex !important;
  flex-direction: column !important;
  align-self: var(--n-tabs-heading-justify-content);
}
.kitify-ntabs.e-active-selectbox > .kitify-ntabs-heading:not(.e-open) > .e-active{
  order: -1
}
.kitify-ntabs.e-active-selectbox > .kitify-ntabs-heading:not(.e-open) .kitify-ntab-title:not(.e-active){
  display: none;
}
.kitify-ntabs-heading.e--sticky{
  position: sticky;
  top: calc(var(--kitify-header-height) + var(--kitify-adminbar-height));
  z-index: 4;
}

.ntabs-selectbox--label {
  position: relative;
}
.ntabs--selectboxicon{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.rtl .ntabs--selectboxicon{
  left: 0;
  right: auto;
}

.kitify-ntabs.e-active-selectbox .kitify-ntabs-heading.e-open > .ntabs--selectboxicon,
.kitify-ntabs:not(.e-active-selectbox) .kitify-ntabs-heading > .ntabs--selectboxicon{
  display: none;
}
.kitify-ntabs.e-active-selectbox .kitify-ntabs-heading:not(.e--sticky){
  position: relative;
}

.ntabs--title{
  font-size: var(--n-tabs-title-font-size)
}
.ntabs--subtitle{
  font-size: var(--n-tabs-subtitle-font-size);
  color: var(--n-tabs-subtitle-color);
}
.kitify-ntab-title:not( .e-active ):hover .ntabs--title{
  color: var(--n-tabs-title-color-hover)
}
.kitify-ntab-title:not( .e-active ):hover .ntabs--subtitle{
  color: var(--n-tabs-subtitle-color-hover)
}
.kitify-ntab-title:not( .e-active ):hover .kitify-ntab-icon{
  color: var(--n-tabs-icon-color-hover)
}
.kitify-ntab-title.e-active .ntabs--title{
  color: var(--n-tabs-title-color-active)
}
.kitify-ntab-title.e-active .ntabs--subtitle{
  color: var(--n-tabs-subtitle-color-active)
}
.kitify-ntab-title.e-active .kitify-ntab-icon{
  color: var(--n-tabs-icon-color-active)
}
.safari .ntabs-selectbox--wrap .kitify-ntab-title {
  transform: none;
  animation: none;
}
.ntabs--selectboxicon svg {
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
}