.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1be8158:#E3D6FD;--e-global-color-f837243:#10011E;--e-global-color-a097560:#E8DDFC;--e-global-color-8094c9c:#FF00C4;--e-global-color-2dcce7d:#F6F2FE;--e-global-color-ef796ba:#C0B0CE;--e-global-color-4f7ac94:#4B107F;--e-global-color-e29cb61:#4B107F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --darkbg: #10011E!important;
  --darkt: #f6f2fe!important;
  --lightbg: #f6f2fe!important;
  --lightt: #10011E!important;

  --toggleHeight: 16em;
  --toggleWidth: 30em;
  --toggleBtnRadius: 10em;

  --bgColor--night: #423966!important;
  --mooncolor: #d9fbff!important;
 --bgColor--day: #9ee3fb!important;
}

body {
  transition: all 0.7s ease-in-out;
  background: var(--darkbg);
  color: var(--darkt);
  text-align: center;
}

.light {
  background: var(--lightbg);
  color: var(--lightt);
}

h1,h2,h3,h4,h5,h6,p,span {color:inherit!important;}

.elementor-widget-text-editor, a.elementor-accordion-title, .elementor-tab-content {
    color: inherit!important;
}


.elementor-nav-menu--main .elementor-item {
    
    
    color: inherit !important;
}




.tdnn {
  cursor: pointer;
  margin: 0;
  text: right!important;
  /*change size of toggle with font-size*/
  font-size: 2px!important;;
  position: relative;
  /* change right & top values for your navigation*/
  /*right: 25px !important; */
 /* top:-15px!important;*/
  height: var(--toggleHeight);
  width: var(--toggleWidth);
  border-radius: var(--toggleHeight);
  transition: all 500ms ease-in-out;
  background: var(--bgColor--night);
}
/*.day {
  background: rgba(255,255,255,0.2);
}*/

.day {
  background: #dcd2e5;
}

.moon {
  position: absolute;
  display: block;
  border-radius: 50%;
  transition: all 400ms ease-in-out;
  top: 3em;
  left: 3em;
  transform: rotate(-75deg);
  width: var(--toggleBtnRadius);
  height: var(--toggleBtnRadius);
  background: var(--bgColor--night);
  box-shadow: 3em 2.5em 0 0em var(--mooncolor) inset,
    rgba(255, 255, 255, 0.1) 0em -7em 0 -4.5em,
    rgba(255, 255, 255, 0.1) 3em 7em 0 -4.5em,
    rgba(255, 255, 255, 0.1) 2em 13em 0 -4em,
    rgba(255, 255, 255, 0.1) 6em 2em 0 -4.1em,
    rgba(255, 255, 255, 0.1) 8em 8em 0 -4.5em,
    rgba(255, 255, 255, 0.1) 6em 13em 0 -4.5em,
    rgba(255, 255, 255, 0.1) -4em 7em 0 -4.5em,
    rgba(255, 255, 255, 0.1) -1em 10em 0 -4.5em;
}
.sun {
  top: 4.5em;
  left: 18em;
  transform: rotate(0deg);
  width: 7em;
  height: 7em;
  background: #fff;
  box-shadow: 3em 3em 0 5em #fff inset, 0 -5em 0 -2.7em #fff,
    3.5em -3.5em 0 -3em #fff, 5em 0 0 -2.7em #fff, 3.5em 3.5em 0 -3em #fff,
    0 5em 0 -2.7em #fff, -3.5em 3.5em 0 -3em #fff, -5em 0 0 -2.7em #fff,
    -3.5em -3.5em 0 -3em #fff;
}




.intertext{
    
    color: #ff00c4 !important;
}

.littletext{
    
    
    color: #C0B0CE !important
}



.elementor-element {
    border-color: #C0B0CE !important;
}


.pricing-standard{
    
    border-color: #FF00C4 !important;
}


.pricing-project-based{
    
    
    border-color: #4B107F !important;
}

.tilted-header{
    
    color: #10011E !important;
}/* End custom CSS */