/* Black & White theme */
/* Variables */
:root {
  --hue: 45;
  --trans-dur: 0.5s;
  --trans-timing: cubic-bezier(0.4,0,0.2,1);
}

/* Toggle container */
.switch {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  user-select: none;
  cursor: pointer;
   z-index: 9999;
}

/* Show toggle when scrolling */
.switch.visible-toggle {
  opacity: 1;
   pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Checkbox input (actual toggle) */
.switch__input {
  width: 4.5em;          /* bigger width */
  height: 2.5em;         /* bigger height */
  border-radius: 1.25em;
  -webkit-appearance: none;
  appearance: none;
      backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgb(255 255 255 / 69%);
  outline: transparent;
  box-shadow: 0 0 0 0.0625em hsla(var(--hue),90%,50%,0), 0 0.125em 0.5em hsla(var(--hue),10%,10%,0.1);
  transition: background-color var(--trans-dur), box-shadow var(--trans-dur);
  box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 1px -1px rgb(255 255 255 / 27%);
}

/* Background when active */
.switch__input:checked {
  background-color: hsl(0deg 0% 47.81% / 51%);
}

/* Inner slider */
.switch__inner,
.switch__inner-icons {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  width: 4em;
  height: 2em;
  border-radius: 1em;
  overflow: hidden;
}

.switch__inner:before {
content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #904dff99;
    transition: transform var(--trans-dur) var(--trans-timing);
    transform: translateX(-2em);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

/* Icon container */
.switch__inner-icons {
  pointer-events: none;
  transition: transform var(--trans-dur) var(--trans-timing);
}

.switch__icon {
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 0.25em;
  left: 0.25em;
  pointer-events: none;
  transition: color var(--trans-dur), transform var(--trans-dur) var(--trans-timing);
  color:#ffffffc4;
}
/* Right icon */
.switch__inner-icons .switch__icon:nth-child(2) {
  left: auto;
  right: 0.25em;
}
.switch__icon:nth-of-type(2) {
    right: 0.375em;
    left: auto;
}
.switch__input:not(:checked) ~ .switch__icon:first-of-type, .switch__input:checked ~ .switch__icon:nth-of-type(2) {
    transform: rotate(360deg);
}
/* Move slider when checked */
.switch__input:checked ~ .switch__inner:before,
.switch__input:checked ~ .switch__inner-icons {
  transform: translateX(2em);
}

/* Rotate icons when toggled */
.switch__input:checked ~ .switch__inner-icons .switch__icon:first-of-type {
  transform: translateX(-2em) rotate(-360deg);
  color: #ffffff;/* left icon becomes inactive */
}

.switch__input:checked ~ .switch__inner-icons .switch__icon:nth-child(2) {
  transform: translateX(-2em) rotate(360deg);
  color: #000000b3; /* right icon becomes active */
}

/* Default left icon active */
.switch__input:not(:checked) ~ .switch__inner-icons .switch__icon:first-of-type {
  color: white; /* active icon */
}
/* Default right icon inactive in light mode */
.switch__input:not(:checked) ~ .switch__inner-icons .switch__icon:nth-child(2) {
  color: #000000cf; /* right icon inactive */
}
.switch__icon_d {
    top: 0.25em;
    left: 0.25em;
    position: absolute;
}
/* Dark Mode */

body.dark-theme .wrapper_main {
    color:#dddddd;
    background-color: rgba(var(--black), 1);}
  body.dark-theme .logo picture {
    filter: brightness(0) invert(1);
    opacity: 1;
} 
body.dark-theme .d360-header nav ul>li>a{
    color: rgba(var(--white), 1)!important;
}
body.dark-theme .d360-header.multilingual-header nav ul li .sub-menu li a {
    color:var(--text-color);
}
body.dark-theme .d360-mega-menu .link-more-long svg {color:#fff}
body.dark-theme .logo picture {
    filter: brightness(0) invert(1);
    opacity: 1;
}
body.dark-theme  .d360-mega-menu ul li .icon-i svg {
    fill: #ffffff;
}
body.dark-theme .custom-language-switcher .dropdown-toggle {
    color: #fff;
}
body.dark-theme .custom-language-switcher .dropdown-toggle .arrow.down {
    border: solid #fff;    
    border-width: 0 2px 2px 0;
}
body.dark-theme .portal_login { 
    color:#fff;
}
body.dark-theme .btn.btn-outline-dark {
    border: 1px solid rgba(var(--white), 1) !important;
    color: rgba(var(--white), 1) !important;} 
body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, body.dark-theme h4, body.dark-theme h5, body.dark-theme h6 , body.dark-theme h7 {color:rgba(var(--white), 1);}
body.dark-theme h1 a, body.dark-theme h2 a, body.dark-theme h3 a, body.dark-theme h4 a, body.dark-theme h5 a, body.dark-theme h6 a {
    color: #ffffff;
}
body.dark-theme .btn-play svg { z-index: 1; fill: var(--text-color);}
body.dark-theme .btn-play:after { background: #fff;}
body.dark-theme .play-video { color:rgba(var(--white), 1)}
@media (min-width: 1200px) {
    body.dark-theme .d360-header nav ul li.menu-item-has-children>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E");
    }
     body.dark-theme .d360-header nav ul li.menu-item-has-children:hover>a:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384.02 224'%3E%3Cpath id='angle-down' d='M192,384a31.867,31.867,0,0,1-22.62-9.375l-160-160a32,32,0,0,1,45.25-45.25L192,306.8,329.4,169.4a32,32,0,0,1,45.25,45.25l-160,160A31.906,31.906,0,0,1,192,384Z' transform='translate(-0.005 -160)' fill='%238006d6'/%3E%3C/svg%3E%0A");
        width: 10px;
        transform: translateY(calc(-50% + 1px)) rotateZ(180deg);
    }
    body.dark-theme .d360-header nav ul li.menu-item-has-children>a::before {
    border-bottom: 10px solid #2f2f2f;}
}
body.dark-theme .d360-mega-menu:before {
    background: rgb(12 11 11 / 97%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-filter-backdrop-filter: blur(30px);
    -o-filter-backdrop-filter: blur(30px);    border: 2px solid #1c1c1c;}
body.dark-theme .d360-mega-menu aside ul li a:hover, body.dark-theme .d360-mega-menu aside ul li.current-menu-item a {
    background: #1c1c1c;
    color: rgba(var(--primary-color), 1)!important;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-filter-backdrop-filter: blur(30px);
    -o-filter-backdrop-filter: blur(30px);
}
body.dark-theme .d360-mega-menu .border-right-gradient:after {
    width: 2px;
    background-image: linear-gradient(#1c1c1c, #0a0a0a);
}
body.dark-theme .d360-mega-menu aside.border-left {
    border-left: 2px solid #1c1c1c;
}
body.dark-theme .d360-mega-menu .d360-card {
    background: #2929298c!important;    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-filter-backdrop-filter: blur(30px);
    -o-filter-backdrop-filter: blur(30px);
}
body.dark-theme .d360-mega-menu .d360-card .link-more-long svg {
    fill: #fff!important;;
}
body.dark-theme .d360-mega-menu .d360-card a {color:#fff!important;}
body.dark-theme .d360-mega-menu aside ul li a:hover span:not(.text-label), body.dark-theme .d360-mega-menu aside ul li.current-menu-item span:not(.text-label) {
    color: #919191;
}
body.dark-theme .d360-header.menu-shrink {
    background: rgb(0 0 0 / 70%);}
body.dark-theme .feature-tab-1 .slick-current p {
   color:#B5B5B5;
}  
body.dark-theme .d360-pricing-3 .d360-price-boxes aside {
        background: #000000f2 !important;
}
body.dark-theme .d360-price-boxes .p_content ul.check-list:not(.check-list-with-icons) li:before {
    color:var(--text-white)!important;
}
body.dark-theme .d360-pricing-table .d360-card { background: #000;}
body.dark-theme .c-table-check b, body.dark-theme .c-table-check span {
    color: #ededed;
}

body.dark-theme .d360-pricing-table-3 .cat-row .pricing-accord-btn {
    background: #000000;    color:var(--text-white)!important;}

body.dark-theme .d360-pricing-table .cat-row .pricing-accord-btn:before, body.dark-theme .d360-pricing-table .cat-row .pricing-accord-btn::after {
    background-color: #b5b5b5;}
body.dark-theme .icon-f svg, body.dark-theme .icon-f svg path {
    fill: #fff !important;
}
body.dark-theme .d360-faq ul li h3 a::before, body.dark-theme .d360-faq ul li h5 a::before {
    background-color: #b5b5b5;}
    body.dark-theme .d360-faq ul li h3 a::after, body.dark-theme .d360-faq ul li h5 a::after {
    background-color: #b5b5b5;}
body.dark-theme .d360_trusted_by li img {
    transition: 0.5s ease-in;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(112px) invert(1);
    opacity: 0.7;
}
body.dark-theme.page-template-pricing-tpl #contactPopup h4 { color:#000;}
body.dark-theme.page-template-pricing-tpl #contactPopup p { color: #4a4a4a;}
/* Demo/signup */

body.dark-theme .center-col .logo-center picture {    filter: brightness(0) invert(1);
    opacity: 1;}
body.dark-theme.page-id-2586 .d360-form-wrapper select.form-control:focus, body.dark-theme.page-id-2586 select.form-control:not([size]):not([multiple]),
body.dark-theme.page-id-601 .d360-form-wrapper select.form-control:focus, body.dark-theme.page-id-601 select.form-control:not([size]):not([multiple]) {
    outline: 0;
    background: rgb(0 0 0) url(../images/icons/arrow_down_white.svg) no-repeat right 20px center !important;
    background-size: 15px !important;
}
body.dark-theme .bg-box-gradient:before {background: linear-gradient(180deg, #1c1c1c 0%, rgba(255, 255, 255, 0) 100%);}

/* body.dark-theme .d360-integrations-apps .icon-logo img {filter: brightness(0) invert(1);
    opacity: 1;} */

body.dark-theme .d360-integrations-apps .d360-card {
        background: rgb(255 255 255 / 85%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-filter-backdrop-filter: blur(30px);
    -o-filter-backdrop-filter: blur(30px);
}
body.dark-theme .d360-integrations-apps .d360-card p {color: #141414;}   
body.dark-theme .d360-role .accordion .accordion-body{color:#B5B5B5;}
body.dark-theme .d360-role .accordion .accordion-button::after{ filter: brightness(0) invert(1);}

body.dark-theme .d360-role .accordion .accordion-button {
    background-color: #1a1a1ade;
    border: 1px solid #2c2c2c;
}
body.dark-theme .d360-role .accordion .accordion-body {
    background-color: #000000de;
    border: 1px solid #2c2c2c;
}

body.dark-theme .modal-container, body.dark-theme .modal-image-side {background: #000000;}

body.dark-theme .theme-color picture.dark {display: block!important;}
body.dark-theme .d360-strip ul {
 background: rgb(57 57 57 / 78%);
  backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-filter-backdrop-filter: blur(30px);
    -o-filter-backdrop-filter: blur(30px);
    box-shadow: rgba(0, 0, 0, 0.05) 1px 0 5px;
}
body.dark-theme .d360-strip ul li a {
    color: rgb(227 227 227);}
body.dark-theme .d360-strip ul li a.link-more {
    color: rgb(255 255 255);
    background: rgb(146 76 252);
}
body.dark-theme .d360-strip ul li a.active, body.dark-theme .d360-strip ul li a:hover  {
    color: rgba(var(--black), 1);
}
body.dark-theme .d360-sticky-scroll article {
    border-left: 1px solid #2a2a2a;
}
body.dark-theme .d360-sticky-scroll aside:before {
	background: #565656;}

body.dark-theme .d360-offcanvas {
    background: rgb(0 0 0 / 17%);
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(15px);
}
body.dark-theme .d360-offcanvas ul>li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #83858c;
    padding: 10px 0;
}

body.dark-theme .d360-offcanvas ul>li>a {
    color: #fff!important;
}
body.dark-theme .d360-offcanvas ul li.menu-item-has-children>a:after {
       content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/%3E%3C/svg%3E")!important;
}

body.dark-theme .d360-ai-premium {
border-radius: 25px;
    height: 135px;
    background: #282729;
    color: #f3eefc;
    border: 3px solid #333333;
}
body.dark-theme .d360-mega-menu .d360-card { color: #fff;}
body.dark-theme .sub-menu a { color: #fff;}
body.dark-theme .d360-offcanvas .d360-mega-menu aside {color: #fff;}
body.dark-theme.page-template-pricing-tpl .d360-mega-menu aside ul>li>a {
    color: #fff !important;
}
/* Light Mode */
body.light-theme .demo-email .form-control {
color:rgba(var(--black), 1);
}
body.light-theme .demo-email input::-webkit-input-placeholder {
    color: rgba(var(--black), 1);
}
body.light-theme .d360-header.menu-shrink, body.light-theme .d360-ppc-header.menu-shrink {
    background: rgb(233 233 233 / 70%);}

body.light-theme.page-template-pricing-tpl .d360-new-testimonial { background: #fff!important;}
body.light-theme .d360-new-testimonial h2 { color:rgba(var(--black), 1)!important;}
body.light-theme .d360_trusted_by li img {
    transition: 0.5s ease-in;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
body.light-theme .d360-mega-menu aside ul li a:hover, body.light-theme .d360-mega-menu aside ul li.current-menu-item a {
    color: rgba(var(--primary-color), 1)!important;
}
body.light-theme.page-template-pricing-tpl .d360-mega-menu aside ul li a {color: rgb(0 0 0) !important;}
body.light-theme .d360-form-wrapper .center-col {
    background: linear-gradient(to left, #ffffffe8, #fffffff7);}
body.light-theme .d360-form-wrapper {color:  var(--text-color);}
body.light-theme .d360-form-wrapper .md-form .form-group label span {
    background: #f8f7fb !important;
}
body.light-theme.page-id-2586 .d360-form-wrapper select.form-control:focus,body.light-theme.page-id-2586 select.form-control:not([size]):not([multiple]),
body.light-theme.page-id-601 .d360-form-wrapper select.form-control:focus,body.light-theme.page-id-601 select.form-control:not([size]):not([multiple]) {
outline: 0;
    background: rgb(248 247 252) url(../images/icons/arrow_down.png) no-repeat right 18px center !important;
    background-size: 15px !important;
}
body.light-theme .d360-form-wrapper .md-form .form-control {
    color:rgba(var(--black), 1);
}
body.light-theme .d360-form-wrapper .md-form .ProjectNamelabel label, 
body.light-theme .d360-form-wrapper .md-form .form-control:focus~label, 
body.light-theme .d360-form-wrapper .md-form .form-control.not-empty~label, 
body.light-theme .d360-form-wrapper .md-form .form-control.valid~label, 
body.light-theme.d360-form-wrapper .md-form select.form-control~label,
body.light-theme .d360-form-wrapper .md-form .country-select label {
    color: rgba(var(--black), 0.8);
}
body.light-theme .d360-form-wrapper .md-form .form-control:focus~label span, body.light-theme .d360-form-wrapper .md-form .form-control.not-empty~label span, body.light-theme .d360-form-wrapper .md-form select.form-control~label {
    color: rgba(var(--black), 0.8);
}
body.light-theme .d360-form-wrapper .center-col .border-form:after {
    background: #00000017;}
body.light-theme .d360-form-wrapper .d360-hero_rating .d360-capterra {
    background: #ffffff5e;
}
body.light-theme .btn-play:after {
    background: #4b4b4b;
}
body.light-theme .old-way .d360-card.bg-dark {background: rgb(235 235 235) !important;}
body.light-theme .d360-way_comparison .old-way .d360-card.bg-dark .d360-card-body {
    background: rgb(255 255 255);
}
body.light-theme .d360-way_comparison .d360-way .d360-card-body {
    background: rgb(255 255 255 / 82%);
}
body.light-theme .d360-way_comparison .d360-way h4 {
    color:#fff;
}
body.light-theme .card-white .d360-card {background:rgb(247 247 247);}
body.light-theme .d360-icon-features .d360-card {
    background: rgb(249 249 249 / 77%)}
body.light-theme .head-shape img {
    position: absolute;
    opacity: 0.4!important;
}
body.light-theme .feature-tab::before {
    background: #d1d1d1;}
body.light-theme .feature-tab .progress-bar {
    background: #a027f5;}
body.light-theme .d360-stacking-card .d360-card {
    background: #fff;
}
body.light-theme .d360-shape_card .d360-card {
    background: rgb(247 247 247);}
body.light-theme .d360-cta-bg h2 { color: rgba(var(--white), 1);}
body.light-theme .d360-cta-bg .d360-card {
    background: rgb(144 77 255);}
body.light-theme .d360-role .accordion-body .bg-dark {
    background: #eee !important;
}
body.light-theme .d360-role .faq-testi-info p.text-white {
        color: var(--text-color) !important;
}
body.light-theme .theme-color picture.white {display: block!important;}
body.light-theme .d360-faq ul li {
	border-bottom: 1px solid #eeeeee;}
body.light-theme .switch__input {
	background: rgb(198 198 198 / 69%);}

body.light-theme .d360-allfeature .bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(247 247 247) !important;
} 
body.light-theme .d360-strip ul li a.highlight-new { color:#fff;}
body.light-theme .d360-ai-premium {
border-radius: 25px;
    height: 135px;
    background: #F5EFFF;
    color: rgba(var(--black), 0.8);
    border: 3px solid #F1E9FF;
}

body.light-theme .d360-addon .icon-f svg, body.light-theme .d360-addon .icon-f svg path {
    fill: #fff !important;
}
@media (max-width: 767px) {
    body.light-theme .demo-email .form-control {
        border: 2px solid #03030394;
    }
}