/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.color-theme-switcher {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1530px;
}

div#hs_cos_wrapper_module_16543650678114 {
    position: absolute;
    top: 40%;
    right: -2%;
}

.toggle {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90px;
    height: 40px;
    border-radius: 50px;
    transition: all .2s;
}

.toggle i {
    width: 50%;
    line-height: 45px;
    text-align: center;
    font-size: 25px;
    z-index: 1;
}

.toggle .ball {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 7.5px;
    border-radius: 50%;
    transition: all .2s;
}

.theme_mode_switch input {
	display: none;
}

/* -- Light Mode --  */

.light {
/* 	background: #04001c; */
	background: #fff;
}

.light .toggle {
	background: linear-gradient(145deg, #e1e1e1, #fff);
	box-shadow: 3px 3px 4px #e6e6e6, -3px -3px 4px #fff;
}

.light .toggle .bxs-sun {
	color: #fafafa;
}

.light .toggle .bx-moon {
	color: #151d2a;
}

.light .toggle .ball {
	background: #151d2a;
}

/* -- Dark Mode --  */

.dark {
	background: #04001c;
}

.dark .toggle {
	background: #04001c;
	box-shadow: 3px 3px 3px #0e131b, -3px -3px 3px #1c2739;
}

.dark .toggle .bx-sun {
	color: #fafafa;
}

.dark .toggle .bxs-moon {
	color: #151d2a;
}

.dark .toggle .ball {
    background: #fafafa;
    transform: translateX(45px);
}

p, h1, h3, h2 {
	transition: all 0.3s;
}

.dark p {
    color: #fff;
}

.dark h2 {
    color: #fff;
}

.dark h1 {
    color: #fff;
}

.dark .row-fluid-wrapper {
    background-color: rgb(4 0 28) !important;
	  background-image: unset !important;
}

.dark div[id^="hs_cos_wrapper_module"] {
	  background-color: rgb(4 0 28) !important;
}

.dark .quote-bg div[id^="hs_cos_wrapper_module"] {
	  background-color: #ecf0f4 !important;
}


.dark .quote-bg .quote-text {
	  color: #8c8c8c !important;
}

.dark .kl-header {
    background-color: rgb(4 0 28);
}

.dark .kl-header a {
	  color: #fff;
}

.dark .kl-navbar__logo {
    filter: invert(1);
}

.dark .kl-card__content p {
    color: #000 !important;
}

/* .dark .test-text-con p {
    color: #000;
} */

.dark .ultimate-container .testi .swiper-slide {
    background: rgb(4 0 28);
}

.dark .author_position h4 {
    color: white;
}

.dark ul.inputs-list.multi-container li label {
    color: white;
}

.dark form label {
    color: #fff;
}

.dark .card__body * {
    color: white;
}

.dark .resources-card,.dark .swiper-slide {
    background: #04001c;
}

}
.dark .kl-faq__description .kl-faq__inner p {
    /* margin: 0 0 2rem; */
    color: black;
}


.dark .align-counter div[id^="hs_cos_wrapper_module"], .dark .counter-text-wrapper div[id^="hs_cos_wrapper_module"] {
    background-color: unset !important;
}

.dark .kl-card-grid__content * {
    color: #000;
}

.dark .kl-rich-text * {
    color: white;
}

.dark .topic-list.content-block-space * {
    color: white;
    border-color: white;
}

.dark .kl-faq__inner p {
    color: #000 !important;
}

.dark .oembed_container .iframe_wrapper>* {
    box-shadow: 0 1px 30px -8px #fff;
}