:root {
    --black: rgba(0, 0, 0, 1);
    --white: white;
    --h1-font: 34px;
    --h2-font: 24px;
    --h3-font: 20px;
    --h4-font: 18px;
    --h5-font: 16px;
    --h6-font: 34px;
}


/* while color */

body.dark .dark__mood__text,
body.dark .ul-nav header:hover a,
body.dark #name::placeholder,
body.dark #email::placeholder,
body.dark #message::placeholder,
body.dark #u_name::placeholder,
body.dark #u_email::placeholder,
body.dark #u_position::placeholder,
body.dark #u_cv::placeholder {
    color: var(--white);
}

body.dark .ul-nav>ul>li>a,
body.dark .slider-controls span,
body.dark .donation-desc>p,
body.dark .dropdown-menu>li>div,
body.dark .custom-btns>span,
body.dark .fa-angle-left,
body.dark .fa-angle-right,
body.dark .dropdown-item {
    color: var(--black);
}

body.dark .border-b {
    border-bottom: 0.9px solid rgba(42, 42, 44, 1);
}

body.dark .mega-box .nav-content {
    background-color: var(--white);
}

body.dark .slider-controls {
    background: rgba(255, 255, 255, 1);
}

body.dark #triangle-up,
body.dark #triangle-up0 {
    border-bottom: 15px solid var(--white);
}

body.dark .ul-nav>header {
    border-bottom: 1px solid var(--black);
}

body.dark .ul-nav>header>a {
    color: var(--black);
}


/* background */

body.dark {
    background-color: var(--black);
}

body.dark .bg__color__dark {
    background: rgba(21, 21, 21, 1);
}

body.dark .grid1,
body.dark .grid_client,
body.dark .t_grid_client_rev,
body.dark .grid_client_rev,
body.dark .service_grid_client,
body.dark .cs-item,
body.dark .rev-cat-l,
body.dark .rev-cat-c,
body.dark .rev-cat-r,
body.dark .article,
body.dark .contact-form,
body.dark .apply-form,
body.dark .express-delivery>div,
body.dark .company-based-rev,
body.dark .service-user-rev,
body.dark .dropdown_menu,
body.dark .blogger-work-sect,
body.dark .custom-btns,
body.dark .career-cat-l,
body.dark .career-cat-c,
body.dark .career-cat-r,
body.dark .accordion-button {
    background: rgba(21, 21, 21, 1);
}

body.dark .company-based-rev {
    box-shadow: 0 7px 10px rgba(0, 0, 0, 1);
    background: var(--black);
}

body.dark .tool-scr {
    background: rgba(42, 42, 44, 1);
}

body.dark .diagonal,
body.dark .custom-btns
{
    background: rgba(217, 217, 217, 1);
}

body.dark .dropdown-menu,
body.dark .donation-desc,
body.dark .donation-shktkhnum {
    background: rgb(255, 255, 255) !important;
}

body.dark .triangle--up1,
body.dark .triangle--up2 {
    border-bottom: 15px solid var(--white);
}

body.dark .diagonal>span {
    background: linear-gradient(304.25deg, #3E957A 15.57%, #2B3FB3 95.91%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

body.dark .price-item {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1);
}

body.dark .accordion-button {
    color: var(--white) !important;
}

body.dark .g-s div
{
    background: linear-gradient(var(--black), var(--black)) padding-box, linear-gradient(to right, #2845EA, #0BCF7E) border-box;
}

body.dark .r_s div {
    background: linear-gradient(rgba(21, 21, 21, 1), rgba(21, 21, 21, 1)) padding-box, linear-gradient(to right, #2845EA, #0BCF7E) border-box;
}

body.dark .checkbox-label,
body.dark .switchSmall.m5 small {
    background: rgba(25, 26, 29, 1);
}

body.dark .checkbox-label .ball {
    background: rgba(46, 46, 52, 1);
}

body.dark .h-row {
    border-bottom: 2px solid rgba(40, 40, 44, 1)
}

body.dark .card-col {
    background: rgb(0 0 0);
}

body.dark .slick-next:before,
body.dark .slick-prev:before {
    color: white;
}

body.dark .lower-footer,
body.dark .middle-footer {
    background: rgba(25, 26, 29, 1);
}

body.dark .middle-footer {
    border-bottom: 2.11px solid rgba(188, 202, 200, 1)
}

body.dark .below-p-tag>p>span {
    background: linear-gradient(92.75deg, #2845EA 0%, #00FF96 76.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.dark .circle {
    border: 2px solid var(--white);
}

body.dark .circle-5 {
    border: 2px solid var(--white);
}

body.dark .circle-6 {
    border: 2px solid var(--white);
}

body.dark .pro-team,
body.dark .shopper_rate
 {
    background: rgba(25, 26, 29, 1);
}

body.dark .team-sec,
body.dark .shopper-approve {
    color: var(--white);
}

body.dark .team-dd>p>span {
    background: linear-gradient(81.74deg, #2845EA 8.62%, #0BCF7E 53.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.dark .accordion-button {
    background: rgba(21, 21, 21, 1) !important;
}

body.dark #name,
body.dark #email,
body.dark #message,
body.dark #u_name,
body.dark #u_email,
body.dark #u_position,
body.dark #u_cv {
    background: rgba(35, 34, 34, 1);
}

body.dark .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

body.dark .scroll_banner_r::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 95px;
    left: 50%;
    transform: translate(-50%, -11%);
    top: 0px;
    z-index: 1;
    background: rgb(129, 129, 129);
    background: linear-gradient(0deg, rgb(129 129 129 / 0%) 0%, rgba(0, 0, 0, 1) 75%);
}

body.dark .scroll_banner_r::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 95px;
    left: 50%;
    transform: translate(-50%, -11%);
    bottom: -12px;
    z-index: 1;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 23%, rgb(129 129 129 / 0%) 100%);
}

body.dark .circle-1::before {
    background: url(../img/OUR_n.svg);
    content: '';
    position: absolute;
    width: 264px;
    height: 213px;
    background-size: cover;
    background-repeat: no-repeat;
    right: -45px;
    top: -204px;
    transform: rotate(-10deg);
}

body.dark .circle-2::after {
    background: url(../img/FUN_n.svg);
    content: '';
    position: absolute;
    width: 264px;
    height: 213px;
    background-size: cover;
    background-repeat: no-repeat;
    right: -96px;
    top: -109px;
    transform: rotate(8deg);
}

body.dark .circle-4::after {
    background: url(../img/FACTS_n.svg);
    content: '';
    position: absolute;
    width: 440px;
    height: 179px;
    background-size: cover;
    background-repeat: no-repeat;
    right: -109px;
    top: -161px;
    transform: rotate(12deg);
}

body.dark .dark-mode-image {
    display: inline-block;
}

body.dark .light-mode-image {
    display: none;
}

/*body.dark .content_plan_gif1 {*/
/*    opacity: 1;*/
/*}*/

/*body.dark .content_plan_gif2 {*/
/*    opacity: 0;*/
/*}*/

@media (min-width: 1201px) and (max-width: 1439px) {
    body.dark .circle-1::before {
        width: 200px;
        height: 158px;
        right: -24px;
        top: -142px;
        transform: rotate(-7deg);
    }
    body.dark .circle-2::after {
        width: 185px;
        height: 149px;
        right: -53px;
        top: -89px;
        transform: rotate(2deg);
    }
    body.dark .circle-4::after {
        width: 280px;
        height: 116px;
        right: -26px;
        top: -142px;
        transform: rotate(22deg);
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    body.dark .circle-1::before {
        width: 240px;
        height: 183px;
        right: -12px;
        top: -165px;
        transform: rotate(-10deg);
    }
    body.dark .circle-2::after {
        width: 229px;
        height: 185px;
        right: -79px;
        top: -103px;
        transform: rotate(2deg);
    }
    body.dark .circle-4::after {
        width: 335px;
        height: 139px;
        right: -91px;
        top: -129px;
        transform: rotate(22deg);
    }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
    body.dark .circle-1::before {
        width: 180px;
        height: 145px;
        right: -17px;
        top: -129px;
        transform: rotate(-10deg);
    }
    body.dark .circle-2::after {
        width: 173px;
        height: 140px;
        right: -45px;
        top: -90px;
        transform: rotate(2deg);
    }
    body.dark .circle-4::after {
        width: 235px;
        height: 98px;
        right: -48px;
        top: -92px;
        transform: rotate(16deg);
    }
}

@media screen and (max-width: 425px) {
    body.dark .circle-1::before {
        width: 170px;
        height: 137px;
        right: -42px;
        top: -118px;
        transform: rotate(5deg);
    }
    body.dark .circle-2::after {
        display: none;
    }
    body.dark .circle-3::after {
        background: url(../img/FUN_n.svg);
        content: '';
        position: absolute;
        background-size: cover;
        background-repeat: no-repeat;
        width: 162px;
        height: 130px;
        right: -62px;
        top: -76px;
        transform: rotate(2deg);
    }
    body.dark .circle-4::after {
        width: 235px;
        height: 98px;
        right: -48px;
        top: -92px;
        transform: rotate(16deg);
    }
}