/* Dark theme css start */
body.darktheme{--body-font-color:#7B7B7B;--heading-font-color:#FFFFFFDE;--link-font-color:#ffffff;--gray-color:#151515;--gray-200:#363636;--box-shadow:0px 0px 16px 0px #80808029;--white-color:#1A1A1A;--light-100:#292929;background-color:var(--gray-color);color:var(--body-font-color)}
body.darktheme .bg-white{background-color:#121212!important}
body.darktheme.home-page header{background-color:transparent!important}
body.darktheme .site-header .user-name .user_profile{border-color: var(--heading-font-color);}
body.darktheme.home-page .site-header .user-name .user_profile img{filter:none;}
body.darktheme .primary-btn,body.darktheme .section-pricing .month_year input:checked+label,body.darktheme .section-pricing .pricing_block:hover h4,body.darktheme .section-pricing .pricing_block:hover li,body.darktheme.home-page .site-header .secondary-btn{color:var(--white-color)}
body.darktheme .section-pricing .month_year,body.darktheme .site-footer,body.darktheme .site-header{background-color:#0d0d0d!important}
body.darktheme .section-login .secondary-btn:nth-child(2) img,body.darktheme .site-header .toggle_menu img{filter:invert(100%)}
body.darktheme .section-login .secondary-btn img,body.darktheme .section-login .secondary-btn:hover:nth-child(2) img,body.darktheme.home-page .site-header .toggle_menu img{filter:none}
body.darktheme .site-footer .lightlogo,body.darktheme .site-header #LightMode,body.darktheme .site-header .lightlogo{display:block}
body.darktheme .site-footer .darklogo,body.darktheme .site-header #DarkMode,body.darktheme .site-header .darklogo{display:none}
body.darktheme .section-testimonial{background-color:#0d0d0d}
body.darktheme .section-testimonial .testimonial_content{background-color:var(--gray-color)!important}
body.darktheme .secondary-btn{background:0 0}
body.darktheme .section-pricing .pricing_block h4,body.darktheme .section-pricing .pricing_block small,body.darktheme .site-header .navbar ul a{color:#a5a5a5}
body.darktheme .site-header .navbar ul a:hover,body.darktheme .site-header .primary-btn{color:var(--link-font-color)}
body.darktheme.home-page .site-header .header-button img{filter:none;filter:invert(100%) brightness(0%)}
body.darktheme .section-banner{background:url(../images/circleshapedarkleft.png) top 180px left no-repeat}
body.darktheme .services-section.shape-right{background:url(../images/circleshapedarkright.png) center right no-repeat}
body.darktheme .services-section.shape-left{background:url(../images/circleshapedarkleft.png) center left no-repeat}
body.darktheme .form_block .form-item label,body.darktheme .section-pricing .pricing_block:hover .secondary-btn{background-color:#121212}
body.darktheme .form_block .form-item input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #121212 inset!important;box-shadow:0 0 0 1000px #121212 inset!important}
body.darktheme .form_block .file_upload #imagepreview{border-color:#363636}
body.darktheme .form_block .form_header img{filter:brightness(200%) contrast(0%) saturate(300%)}
body.darktheme .form_block .form-item input:-webkit-autofill,body.darktheme .form_block .form-item input:-webkit-autofill:active,body.darktheme .form_block .form-item input:-webkit-autofill:focus,body.darktheme .form_block .form-item input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--white-color) inset;-webkit-text-fill-color:var(--heading-font-color);transition:background-color 5000s ease-in-out}
body.darktheme .section-pricing .pricing_block:hover small{color:#717171}
body.darktheme .section-pricing .pricing_block li{color:#e2e2e2}
body.darktheme .section-pricing .pricing_block:hover{background:url(../images/light-pricing-shape.png) no-repeat center right -100px,var(--heading-font-color)!important}

body.darktheme .section-history-plan table tbody {
    color:#E2E2E2;
}
body.darktheme .section-history-plan table tbody tr:nth-child(even) {
    background: var(--light-100);
}
body.darktheme .section-history-plan table tbody td {
    border: 1px solid var(--gray-200);
}

@media screen and (max-width:1200px){
    body.darktheme .section-banner{background:url(../images/circleshapedarkleft.png) top 80px left no-repeat}
}
@media screen and (max-width:992px){
    body.darktheme .site-header .navbar ul a{color:var(--white-color)}
}
@media screen and (max-width:768px){
    body.darktheme .section-banner{background-size:70%}
    body.darktheme .services-section.shape-left,body.darktheme .services-section.shape-right{background-size:90%}
}
/* dark theme css end  */