:root {
    --bc-one: rgb(36 40 44);
    --bc-two: rgb(33 36 42);
    --color-one: #f0f0f0d4;
    --color--two: #898989;
}

*,
html,
body {
    transition: none;
}

.dark-mode {
    background-color: var(--bc-one);
    color: var(--color-one);
}

.dark-mode #header {
    background: rgb(244, 248, 249) !important;
    background: var(--bc-one) !important;
}

.dark-mode .sub-header,
.dark-mode .progress {
    background: var(--bc-two);
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .form-control {
    color: var(--color-one);
}


.dark-mode .text-black,
.dark-mode .text-color-black,
.dark-mode .dropdown-item {
    color: var(--color-one) !important;
}

.dark-mode .social-icons svg path,
.dark-mode .header-nav-top svg path {
    fill: var(--color-one) !important;
}

.dark-mode li a {
    color: var(--color-one) !important;
}

html:not(.sticky-header-active) .dark-mode #header.header-transparent:not(.header-semi-transparent) .header-body,
.dark-mode #header.header-transparent:not(.header-semi-transparent) .header-body,
.dark-mode .header-top {
    background-color: var(--bc-two) !important;
}

.dark-mode section.section {
    background: var(--bc-two);
}

.dark-mode .bg-color-light {
    background: var(--bc-one) !important;
}

.dark-mode .footer-background,
.dark-mode .stay-backgrund {
    background: linear-gradient(-90deg, #47214d 0.00%, #0f223f 100.00%) !important;
}

.dark-mode .stay-backgrund,
.dark-mode .partners {
    background: linear-gradient(90deg, #47214d 0.00%, #0f223f 100.00%) !important;
}

.dark-mode #header.header-transparent .header-body:not(.header-border-bottom) {
    border-bottom: 1px solid #3c3c3c !important;
}


.dark-mode .borer,
.dark-mode .border-bottom-header,
.dark-mode .border-bottom {
    background: rgb(30 31 33 / 64%);
}

.dark-mode #header .header-top {
    border-bottom: 1px solid #3c3c3c;
}

.dark-mode .card {
    border: 2px solid rgb(241 232 232 / 56%) !important;
}

.dark-mode #footer .footer-copyright {
    background-color: var(--bc-one) !important;
}

/* html .dark-mode .sticky-header-active #header.header-transparent .header-body:not(.header-border-bottom) {
    border-bottom-color: rgb(234 234 234) !important;
} */

.dark-mode .bg-color-primary,
html .bg-primary {
    background: linear-gradient(-90deg, #6f3378 0.00%, #17386c 100.00%) !important;
}

.dark-mode .dropdown-menu {
    background: rgb(36 40 44) !important;
}

.dark-mode .card:hover {
    transition: background-color 0.2s ease-in-out !important;
}

.dark-mode .card:hover {
    background-color: rgb(36 59 75) !important;
    transition: all 500ms !important;
}

.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
    color: var(--color-one) !important;
    background-color: rgb(36 59 75) !important;
}

.dark-mode #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li:hover>a {
    color: var(--color-one) !important;
}

html.sticky-header-active .dark-mode #header.header-transparent .header-body:not(.header-border-bottom) {
    border-bottom-color: #3c3c3c !important;
}

.dark-mode .comment .img-thumbnail {
    width: 0 !important;
}

.dark-mode #article .blog-posts .post-content p,
.dark-mode .comments p,
.dark-mode #article .blog-posts .post-content li {
    color: var(--color--two);
}

.dark-mode ul.comments .comment-arrow::after {
    border-right: 11px solid var(--bc-one);
}

.dark-mode ul .active {
    color: var(--color--two);
}

.dark-mode .borer-top-footer-90 {
    background: linear-gradient(-90deg, #8e4599 0.00%, #285eaa 100.00%);
}

.checkbox {
    opacity: 0;
    position: absolute;
}

.label {
    background-color: #8da3aa36;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    position: relative;
    height: 26px;
    width: 50px;
    /* transform: scale(1.5); */
}

.label .ball {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 22px;
    width: 22px;
    transform: translateX(0px);
    transition: transform 0.2s linear;
}

.checkbox:checked+.label .ball {
    transform: translateX(24px);
}


.fa-moon {
    color: #f1c40f;
}

.fa-sun {
    color: #f39c12;
}

.dark-mode .loading-overlay {
    background: var(--bc-one) !important;
}

/* @media (min-width: 992px) { */
.dark-mode .home-concept {
    background: transparent url(../img/home/CompositeLayer\ \(1\).png) no-repeat center 0 !important;

}

.dark-mode .home-concept p {
    color: var(--color-one) !important;
}

.dark-mode .home-concept .process-image {
    background: transparent url(../img/home/Group\ 375.png) no-repeat 0 0 !important;
}

.dark-mode .home-concept .project-image {
    background: transparent url(../img/home/Rectangle\ 141.png) no-repeat 100% 0 !important;
}


.one-quarter {
    transform: rotate(0deg);
    z-index: 9999999;

}

@media (max-width: 991px) {

    .dark-mode #header .header-nav-main:before {
        background: var(--bc-one);
    }

    .dark-mode #header .header-nav-main:not(.header-nav-main-mobile-dark) nav>ul>li>a {
        color: var(--color-one) !important;
    }

    .dark-mode .nav-pills>li.active>a,
    .nav-pills .nav-link.active {
        background-color: #243068a6 !important;
        color: var(--color-one);
    }
}

.dark-mode .border-bottom-review {
    background: var(--bc-one);
}

.dark-mode .color-title-review {
    color: var(--color-one) !important;
}

.dark-mode .testimonial strong {
    color: var(--color-one) !important;
}

@media (min-width: 992px) {
    /* .dark-mode .home-concept .img-sm-1 {
        margin: 150px -62px 0px auto;
    } */

    /* .dark-mode .img-fluid-svg {
        max-width: 100%;
        border-radius: 0% 0% 50% 82%;
        transform: translate(0px, 35px);
    } */
}

.dark-mode .social-icons .show-call-hover:hover a {
    color: #3e83ce !important;
    text-decoration: none;
}

.dark-mode .starts {
    top: 70%;
}



@media screen and (max-width: 975px) {
    /* .dark-mode .img-fluid-svg {
        transform: translate(38px, 41px) !important;
    } */

    .dark-mode .shadow-style-1 {
        border: none !important;
        /* box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 16px -24px #f5f5f500, 0 10px 10px 1px #7f7f7ffa !important; */
    }
}

.dark-mode .img-dark-mode {
    --stroke-pos: 1px;
    --stroke-neg: -1px;
    --stroke-color: rgba(255, 255, 255, 0.2);
    filter: drop-shadow(var(--stroke-pos) 0 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-neg) 0 var(--stroke-color));
}

.dark-mode .reviews blockquote p {
    color: #ddd !important;
}

.dark-mode .bg-color-transparent {
    border: 1px solid #3c3c3c !important;
}


.dark-mode .boder-style-1 {
    background: linear-gradient(to right, transparent 0%, transparent 7%, #2a5daa 32%, #824595 72%, transparent 92%, transparent 109%);
}


.pagination .page-item .page-link {
    border-color: #b5b5b5;
}

.pagination .page-item {
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
}

.pagination>a,
.pagination>a:hover,
.pagination>a:focus,
.pagination>li>a,
.pagination>li>span,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #303232;
}

.dark-mode .page-item[aria-disabled="true"] {
    opacity: 0.5;
}

.dark-mode .pagination .active-pagination .clss-1 {
    fill: #fff8f8;
}

.dark-mode .pagination>.active>a,
.dark-mode .pagination>.active>span,
.dark-mode .pagination>.active>a:hover,
.dark-mode .pagination>.active>span:hover,
.dark-mode .pagination>.active>a:focus,
.dark-mode .pagination>.active>span:focus,
.dark-mode .pagination .page-item.active .page-link {
    background-color: #11223f !important;
    border: #11223f;
}

.dark-mode .border-shadow-none {
    transition: all 500ms !important;
    background-color: transparent !important;
    box-shadow: none;
}

@media (max-width: 975px) {

    .border-shadow-none {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
    }
}

.dark-mode .border-shadow-none:hover {
    background-color: transparent !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 16px -24px #f5f5f500, 0 10px 10px 1px #21202070 !important;
}


.dark-mode .svg-style-1 {
    background-color: #f6fcff0d !important;
}

.dark-mode .loading-overlay {
    background: var(--bc-one) !important;
}

.dark-mode .shadow-style-1 {
    border: 1px solid #3c3c3c !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 16px -24px #f5f5f500, 0 10px 10px 1px #21202070 !important;
}

.dark-mode .shadow-style-1:hover {
    background-color: transparent !important;
    border: 1px solid #3c3c3c !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 20px 16px -24px #f5f5f500, 0 10px 10px 1px #21202070 !important;
}



.dark-mode .tags {
    background-color: #8b3b98;
    border: solid 1px #8b3b98;
    color: var(--color-one);

}

.dark-mode .tags:hover {
    background-color: #71307b;
    color: white;
}

.dark-mode .blog-posts .tags:hover {
    background-color: #820992 !important;
    border: solid 1px #820992;
    color: var(--color-one);
}


.dark-mode .alert-warning {
    background: #e7eac10f;
    color: var(--bs-warning-bg-subtle);
}


.dark-mode .home-concept .sun {
    background: transparent;
    left: 170% !important;
    top: 52px;
}

.dark-mode .home-concept .sun .moon {
    display: block !important;
}

.dark-mode .home-concept .sun .sun {
    display: none !important;
}

.dark-mode .star-home {
    display: block;
    opacity: 0.7;
    width: 20px;
}

.dark-mode .star-home-1 {
    left: 11%;
    top: 27%;
}

.dark-mode .star-home-2 {
    left: 225%;
    top: 5%;
}

.dark-mode .star-home-3 {
    right: 55%;
    top: 5%;
}

.dark-mode .contact-style button {
    background: #8F4499 !important;
    border: 1px solid #3c3c3c !important;
    transition: all 500ms;
}

.dark-mode .contact-style button:hover {
    background: #6d2b77 !important;
    color: white;
}

.dark-mode .card-default {
    background: transparent;
}

.dark-mode .faq .card:hover {
    background-color: transparent !important;
}

.dark-mode .faq .accordion .card-header a[aria-expanded="true"] p {
    color: #c9c9c9 !important;
}

.dark-mode .bg-color-transparent-style-1 {
    background-color: transparent !important;
    border: 1px solid #3c3c3c !important;
}

.dark-mode .text-white {
    --bs-text-opacity: 1;
    color: var(--color-one) !important;
}

.dark-mode .text-pink {
    color: #743e7e !important;
}

.dark-mode  .dark-mode-show {
    display: block !important;
}

.dark-mode .dark-mode-hide {
    display: none !important;
}

.dark-mode .bg-gradient-pink {
    background-image: linear-gradient(to right, #24282c 0%, #b613ce69 100%) !important;
    color: #823e8c !important;
}