/* -------------------------------------------

Name: 		Arter
Version:  1.0
Author:		Nazar Miller (millerDigitalDesign)
Portfolio:  https://themeforest.net/user/millerdigitaldesign/portfolio?ref=MillerDigitalDesign

p.s. I am available for Freelance hire (UI design, web development). mail: miller.themes@gmail.com

------------------------------------------- */
/*--------------------------------------------

1. common
      - fonts
      - text defaults
      - title defaults
      - text config
      - container
      - buttons frame
      - suptitle
      - divider
      - image defaults
      - link defaults
      - table
      - quote
      - list
2. link
3. buttons
4. space
5. app marcup
      - top background
      - preloader
      - scroll frame
      - app
      - mobile top bar
      - info bar
      - content
      - menu bar
      - marcup media queries
6. info bar
      - header
      - name
      - language skills
      - hard skills
      - knowledge
      - info bar links
      - social links
      - progresbar color
7. menu bar
      - main menu
      - language change
      - current page title
8. content
      - section title
      - card
      - banner
      - typing code
      - counters
      - services
      - price
      - testimonials
      - timeline
      - contact form
      - blog
      - pagination
      - brands
      - footer
9. portfolio
      - filter
      - portfolio items
      - touch device querie
      - single project
      - fancybox customization
10. media queries
11. burger button
12. transitions
      - in animation
      - out animation


--------------------------------------------*/
/*
$main-color: #FFC107
$main-color: #f44336;
$main-color: #4CAF50;
$main-color: #64B5F6;
*/
/* ------------------------------

common

------------------------------ */
/* ----- fonts ----- */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/* ----- text defaults ----- */

:root {
    --ct-primary: #71b6f9;
    --ct-secondary: #6c757d;
    --ct-success: #10c469;
    --ct-info: #35b8e0;
    --ct-warning: #f9c851;
    --ct-danger: #ff5b5b;
    --ct-light: #f8f9fa;
    --ct-dark: #323a46;
    --ct-pink: #ff8acc;
    --ct-purple: #5b69bc;
    --ct-blue: #71b6f9;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

body[data-layout-color=light] {
    color: #5c5c6f;
}

    /* ----- title defaults ----- */
    body[data-layout-color=light] h1,
    body[data-layout-color=light] h2,
    body[data-layout-color=light] h3,
    body[data-layout-color=light] h4,
    body[data-layout-color=light] h5,
    body[data-layout-color=light] h6 {
        color: #1e1e28;
    }

    body[data-layout-color=light] .art-white {
        color: #1e1e28;
    }

    /* ----- suptitle ----- */
    body[data-layout-color=light] .art-el-suptitle {
        color: #8c8c8e;
    }

    /* ----- divider ----- */
    body[data-layout-color=light] .art-ls-divider {
        background: #8c8c8e;
    }

    /* ----- link defaults ----- */
    body[data-layout-color=light] a {
        color: #5c5c6f;
    }

        body[data-layout-color=light] a:hover {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-table {
        color: #5c5c6f;
    }

        body[data-layout-color=light] .art-table ul li strong {
            color: #1e1e28;
        }

    body[data-layout-color=light] blockquote {
        background: #f4f4f6;
        color: #1e1e28;
    }

        body[data-layout-color=light] blockquote:before,
        body[data-layout-color=light] blockquote:after {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-custom-list li {
        color: #1e1e28;
    }

        body[data-layout-color=light] .art-custom-list li:before {
            border-color: #ffc107;
        }

    body[data-layout-color=light] .art-link {
        color: #5c5c6f;
    }

        body[data-layout-color=light] .art-link:hover {
            color: #1e1e28;
        }

        body[data-layout-color=light] .art-link.art-white-link {
            color: #1e1e28;
        }

            body[data-layout-color=light] .art-link.art-white-link:hover {
                color: #1e1e28;
            }

        body[data-layout-color=light] .art-link.art-color-link {
            color: #ffc107;
        }

            body[data-layout-color=light] .art-link.art-color-link:hover {
                color: #ffc107;
            }

    body[data-layout-color=light] .art-btn {
        color: #20202a;
    }

        body[data-layout-color=light] .art-btn:hover {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-top-bg .art-top-bg-overlay {
        background-image: -webkit-gradient(linear,left top,left bottom,rgba(240,240,246,.93)),color-stop(70%,rgba(240,240,246,.96)),color-stop(80%,rgba(240,240,246,.99)),to(rgba(240,240,246,1)));
        background-image: linear-gradient(180deg,rgba(240,240,246,.93) 0%,rgba(240,240,246,.96) 70%,rgba(240,240,246,.99) 80%,rgba(240,240,246,1) 100%);
    }

    body[data-layout-color=light] .art-preloader {
        background: #f4f4f6;
    }

        body[data-layout-color=light] .art-preloader .art-preloader-content .art-preloader-load .progressbar-text {
            color: #5c5c6f !important;
            color: #555;
        }

    body[data-layout-color=light] .art-preloader-load path:first-child {
        stroke: #c0c0ca !important;
    }

    body[data-layout-color=light] .art-preloader-load path:last-child {
        stroke: #ffc107;
    }

    body[data-layout-color=light] .art-app {
        background: #e0e0e6;
    }

        body[data-layout-color=light] .art-app .art-mobile-top-bar {
            background: #f4f4f6;
        }

        body[data-layout-color=light] .art-app .art-app-wrapper {
            background: #f0f0f6;
        }

            body[data-layout-color=light] .art-app .art-app-wrapper .art-app-container .art-info-bar {
                background: #f4f4f6;
            }

            body[data-layout-color=light] .art-app .art-app-wrapper .art-app-container .art-content .art-curtain {
                background: rgba(30,30,40,.88);
            }

            body[data-layout-color=light] .art-app .art-app-wrapper .art-app-container .art-menu-bar {
                background: #f4f4f6;
            }

                body[data-layout-color=light] .art-app .art-app-wrapper .art-app-container .art-menu-bar .art-menu-bar-frame .art-menu-bar-header {
                    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
                }

    body[data-layout-color=light] .art-info-bar .art-header {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

        body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-avatar-curtain i {
            background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
            color: #1e1e28;
        }

        body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-avatar-curtain .art-logo-dark {
            display: none;
        }

        body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-avatar-curtain .art-logo-light {
            display: block;
            filter: hue-rotate(310deg);
        }

        body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-lamp-light:before {
            background: #1e1e28;
        }

        body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-lamp-light .art-available-lamp {
            background: #ffc107;
        }

            body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-lamp-light .art-available-lamp:after {
                color: #5c5c6f;
                background: #c0c0ca;
            }

            body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-lamp-light .art-available-lamp:before {
                background: #c0c0ca;
            }

    body[data-layout-color=light] .art-info-bar .art-name {
        color: #1e1e28;
    }

        body[data-layout-color=light] .art-info-bar .art-name a {
            color: #1e1e28;
        }

        body[data-layout-color=light] .art-info-bar .art-name:hover a {
            color: #ffc107;
        }

    body[data-layout-color=light] .art-info-bar .art-lang-skills .art-lang-skills-item .art-cirkle-progress .progressbar-text {
        color: #5c5c6f !important;
    }

    body[data-layout-color=light] .art-info-bar .art-hard-skills .art-hard-skills-item .art-line-progress .progressbar-text {
        color: #5c5c6f !important;
    }

    body[data-layout-color=light] .art-info-bar .art-knowledge-list li {
        color: #5c5c6f;
    }

        body[data-layout-color=light] .art-info-bar .art-knowledge-list li:before {
            color: #ffc107;
        }

    body[data-layout-color=light] .art-info-bar .art-ls-social {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

        body[data-layout-color=light] .art-info-bar .art-ls-social a {
            color: #5c5c6f;
        }

            body[data-layout-color=light] .art-info-bar .art-ls-social a:hover {
                color: #1e1e28;
            }

    body[data-layout-color=light] .art-line-progress path:first-child {
        stroke: #c0c0ca;
    }

    body[data-layout-color=light] .art-line-progress path:last-child {
        stroke: #ffc107;
    }

    body[data-layout-color=light] .art-cirkle-progress path:first-child {
        stroke: #c0c0ca;
    }

    body[data-layout-color=light] .art-cirkle-progress path:last-child {
        stroke: #ffc107;
    }

    body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item a {
        color: #5c5c6f;
    }

        body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item a:hover {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item .sub-menu {
        background: #f4f4f6;
    }

    body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.current-menu-item a:first-child,
    body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.current-menu-parent > a:first-child {
        color: #1e1e28;
    }

    body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.current-menu-item .sub-menu .menu-item a,
    body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.current-menu-parent .sub-menu .menu-item a {
        color: #5c5c6f;
    }

        body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.current-menu-item .sub-menu .menu-item a:hover,
        body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.current-menu-parent .sub-menu .menu-item a:hover {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-menu-bar nav .main-menu .sub-menu .menu-item.current-menu-item a:first-child,
    body[data-layout-color=light] .art-menu-bar nav .main-menu .sub-menu .menu-item.current-menu-parent > a:first-child {
        color: #1e1e28;
    }

    body[data-layout-color=light] .art-menu-bar .art-language-change {
        background: linear-gradient(159deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .95) 100%);
    }

        body[data-layout-color=light] .art-menu-bar .art-language-change li {
            background: #1e1e28;
        }

            body[data-layout-color=light] .art-menu-bar .art-language-change li.art-active-lang {
                background-color: #ffc107;
            }

                body[data-layout-color=light] .art-menu-bar .art-language-change li.art-active-lang a {
                    color: #1e1e28;
                }

    body[data-layout-color=light] .art-menu-bar .art-current-page {
        color: #1e1e28;
    }

    body[data-layout-color=light] .art-card {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

    body[data-layout-color=light] .art-banner-back {
        background: rgba(255,255,255,.88);
    }

    body[data-layout-color=light] .art-banner .art-banner-overlay {
        background-image: -webkit-gradient(linear,left top,right top,color-stop(15%,rgba(45,45,58,.4)),color-stop(50%,rgba(45,45,58,.3)),to(rgba(43,43,53,.3)));
        background-image: linear-gradient(90deg,rgba(45,45,58,.4) 15%,rgba(45,45,58,.3) 50%,rgba(43,43,53,.3) 100%);
    }

        body[data-layout-color=light] .art-banner .art-banner-overlay.art-side-overlay {
            background-image: -webkit-gradient(linear,left top,right top,color-stop(15%,rgba(45,45,58,.4)),color-stop(50%,rgba(45,45,58,.3)),to(rgba(43,43,53,0)));
            background-image: linear-gradient(90deg,rgba(45,45,58,.4) 15%,rgba(45,45,58,.3) 50%,rgba(43,43,53,0) 100%);
        }

        body[data-layout-color=light] .art-banner .art-banner-overlay .art-banner-title h1 {
            color: #fafafc;
        }

    body[data-layout-color=light] .art-code {
        color: #fafafc;
    }

        body[data-layout-color=light] .art-code i {
            color: #ffc107;
        }

    body[data-layout-color=light] .art-service-icon-box {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

    body[data-layout-color=light] .art-price {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

        body[data-layout-color=light] .art-price.art-popular-price:before {
            color: #1e1e28;
            background: #ffc107;
        }

        body[data-layout-color=light] .art-price .art-price-body .art-price-cost .art-number {
            color: #ffc107;
        }

            body[data-layout-color=light] .art-price .art-price-body .art-price-cost .art-number span.art-number-span {
                color: #1e1e28;
            }

        body[data-layout-color=light] .art-price .art-price-body .art-price-list ul li:before {
            color: #ffc107;
        }

        body[data-layout-color=light] .art-price .art-price-body .art-price-list ul li.art-empty-item:before {
            color: #ffc107;
        }

    body[data-layout-color=light] .art-testimonial {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

        body[data-layout-color=light] .art-testimonial .art-testimonial-footer .art-star-rate {
            background: #f4f4f6;
            color: #ffc107;
        }

            body[data-layout-color=light] .art-testimonial .art-testimonial-footer .art-star-rate li.art-empty-item {
                color: rgba(43,43,53,.98);
            }

    body[data-layout-color=light] .art-slider-navigation .swiper-pagination-bullet {
        background-color: #5c5c6f;
    }

        body[data-layout-color=light] .art-slider-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #ffc107;
        }

    body[data-layout-color=light] .art-timeline:before {
        background: #c0c0ca;
    }

    body[data-layout-color=light] .art-timeline .art-timeline-item .art-timeline-mark-light {
        background: #1e1e28;
    }

    body[data-layout-color=light] .art-timeline .art-timeline-item .art-timeline-mark {
        border-color: #f46258;
        background: #fff;
    }

    body[data-layout-color=light] .art-timeline .art-timeline-content {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

        body[data-layout-color=light] .art-timeline .art-timeline-content:after {
            background-color: rgba(255,255,255,1);
        }

        body[data-layout-color=light] .art-timeline .art-timeline-content .art-card-header .art-right-side .art-date {
            background: #f4f4f6;
        }

    body[data-layout-color=light] input[type=text],
    body[data-layout-color=light] input[type=tel],
    body[data-layout-color=light] input[type=email],
    body[data-layout-color=light] input[type=number],
    body[data-layout-color=light] input[type=address],
    body[data-layout-color=light] input[type=password],
    body[data-layout-color=light] textarea,
    body[data-layout-color=light] .art-form-field input,
    body[data-layout-color=light] .art-form-field textarea {
        background: #f4f4f6;
        color: #5c5c6f;
    }

    body[data-layout-color=light] ::-webkit-input-placeholder {
        color: #5c5c6f;
    }

    body[data-layout-color=light] :-ms-input-placeholder {
        color: #5c5c6f;
    }

    body[data-layout-color=light] ::-ms-input-placeholder {
        color: #5c5c6f;
    }

    body[data-layout-color=light] ::placeholder {
        color: #5c5c6f;
    }

    body[data-layout-color=light] .art-form-field textarea {
        border-left-color: #f4f4f6;
    }

        body[data-layout-color=light] .art-form-field textarea.art-active {
            border-color: #ffc107;
        }

        body[data-layout-color=light] .art-form-field textarea:focus {
            border-color: #ffc107;
        }

    body[data-layout-color=light] .art-contact-form .art-input:focus {
        outline: none;
    }

        body[data-layout-color=light] .art-contact-form .art-input.art-active + label,
        body[data-layout-color=light] .art-contact-form .art-input:focus + label,
        body[data-layout-color=light] .art-contact-form label.focused {
            background: #ffc107;
            color: #f4f4f6;
        }

    body[data-layout-color=light] .art-contact-form label {
        color: #5c5c6f;
        background: 0 0;
    }

    body[data-layout-color=light] .art-submit-frame .art-success {
        color: #1e1e28;
        background: #f0f0f6;
    }

    body[data-layout-color=light] .art-blog-card .art-post-description {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

    body[data-layout-color=light] .art-pagination {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

    body[data-layout-color=light] .post-page-numbers.current {
        color: #ffc107;
    }

    /*body[data-layout-color=light] .art-pagination span {
        color: #ffc107;
    }*/

    body[data-layout-color=light] .art-pagination span.dots {
        color: #5c5c6f;
    }

    body[data-layout-color=light] .art-pagination a.next,
    body[data-layout-color=light] .art-pagination a.prev {
        color: #ffc107;
    }

        body[data-layout-color=light] .art-pagination a.next:hover,
        body[data-layout-color=light] .art-pagination a.prev:hover {
            color: #ffc107;
        }

    body[data-layout-color=light] footer {
        background: linear-gradient(159deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .95) 100%);
        color: #5c5c6f;
    }

        body[data-layout-color=light] footer a:hover {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-filter a {
        color: #5c5c6f;
    }

        body[data-layout-color=light] .art-filter a.art-current {
            color: #1e1e28;
        }

    body[data-layout-color=light] .art-portfolio-item-frame .art-item-hover {
        color: #1e1e28;
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

    body[data-layout-color=light] .art-grid .art-grid-item .art-item-description {
        background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    }

    body[data-layout-color=light] .art-project-category {
        color: #8c8c8e;
        background: #f4f4f6;
    }

@media (max-width: 1600px) {
    body[data-layout-color=light] .art-banner .art-banner-overlay .art-banner-title h1 {
        color: #fafafc;
    }
}

@media (max-width: 1400px) {
    body[data-layout-color=light] .art-banner .art-banner-overlay .art-banner-title h1 {
        color: #fafafc;
    }
}

@media (max-width: 1032px) {
    body[data-layout-color=light] .art-banner .art-banner-overlay .art-banner-title h1 {
        color: #fafafc;
    }
}

body[data-layout-color=light] .art-menu-bar-btn span,
body[data-layout-color=light] .art-menu-bar-btn span:after,
body[data-layout-color=light] .art-menu-bar-btn span:before {
    background: #5c5c6f;
}

body[data-layout-color=light] .art-menu-bar-btn:hover span,
body[data-layout-color=light] .art-menu-bar-btn:hover span:after,
body[data-layout-color=light] .art-menu-bar-btn:hover span:before {
    background: #1e1e28;
}

body[data-layout-color=light] table {
    border-color: transparent;
}

body[data-layout-color=light] .content-sidebar table caption {
    background: #303039;
    color: #1e1e28;
}

body[data-layout-color=light] .content-sidebar td {
    border-color: #303039;
}

    body[data-layout-color=light] .content-sidebar td#today {
        background: #ffc107;
        color: #000 !important;
    }

body[data-layout-color=light] .single-post-text table {
    background: 0 0;
    border-color: #585d65;
}

    body[data-layout-color=light] .single-post-text table th {
        color: #1e1e28;
        background: #585d65;
        border-color: #585d65;
    }

    body[data-layout-color=light] .single-post-text table td {
        color: #1e1e28;
        background: 0 0;
        border-color: #585d65;
    }

        body[data-layout-color=light] .single-post-text table td#today {
            background: #ffc107;
            color: #1e1e28 !important;
        }

    body[data-layout-color=light] .single-post-text table caption {
        color: #1e1e28;
    }

body[data-layout-color=light] .single-post-text p a,
body[data-layout-color=light] .comment-text p a {
    color: #ffc107;
}

body[data-layout-color=light] .single-post-text ul > li a,
body[data-layout-color=light] .single-post-text ol > li a,
body[data-layout-color=light] .comment-text ul > li a,
body[data-layout-color=light] .comment-text ol > li a {
    color: #1e1e28;
}

body[data-layout-color=light] .single-post-text ul > li:before,
body[data-layout-color=light] .comment-text ul > li:before {
    background: #ffc107;
}

body[data-layout-color=light] .widget.widget_nav_menu ul li,
body[data-layout-color=light] .widget.widget_pages ul li,
body[data-layout-color=light] .widget_categories ul li {
    color: #5c5c6f;
}

    body[data-layout-color=light] .widget.widget_nav_menu ul li a,
    body[data-layout-color=light] .widget.widget_pages ul li a,
    body[data-layout-color=light] .widget_categories ul li a {
        color: #1e1e28;
    }

body[data-layout-color=light] .comment-form {
    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
}

    body[data-layout-color=light] .comment-form .group-val input,
    body[data-layout-color=light] .comment-form .group-val textarea,
    body[data-layout-color=light] form.post-password-form label input {
        background: #f4f4f6;
        color: #1e1e28;
        border-left-color: transparent;
    }

    body[data-layout-color=light] .comment-form .btn.fill,
    body[data-layout-color=light] form.post-password-form input[type=submit] {
        background: #ffc107;
    }

body[data-layout-color=light] .comment-info {
    color: #5c5c6f;
}

body[data-layout-color=light] .comments > .post-comment {
    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
}

body[data-layout-color=light] .post-comments .post-comment .desc .name {
    color: #1e1e28;
}

    body[data-layout-color=light] .post-comments .post-comment .desc .name a {
        color: #1e1e28;
    }

body[data-layout-color=light] .post-comments .children .post-comment {
    border-top-color: rgba(0,0,0,.07);
}

body[data-layout-color=light] .social-share a {
    color: #bbb;
}

    body[data-layout-color=light] .social-share a .icon {
        color: #bbb;
    }

    body[data-layout-color=light] .social-share a:hover {
        color: #1e1e28;
    }

        body[data-layout-color=light] .social-share a:hover .icon {
            color: #1e1e28;
        }

body[data-layout-color=light] .post-text-bottom span.cat-links a {
    color: #ffc107;
}

body[data-layout-color=light] .post-text-bottom .tags-links a,
body[data-layout-color=light] .post-text-bottom .tags-links span,
body[data-layout-color=light] .content-sidebar .tagcloud a {
    color: #ffc107;
    border-color: #ffc107;
}

body[data-layout-color=light] .art-blog-card .art-project-category {
    color: #5c5c6f;
}

body[data-layout-color=light] .rssSummary {
    color: #1e1e28;
}

body[data-layout-color=light] .content-sidebar .search-form input[type=text],
body[data-layout-color=light] .content-sidebar .search-form input[type=email],
body[data-layout-color=light] .content-sidebar .search-form input[type=password],
body[data-layout-color=light] .content-sidebar .search-form input[type=datetime],
body[data-layout-color=light] .content-sidebar .search-form input[type=date],
body[data-layout-color=light] .content-sidebar .search-form input[type=month],
body[data-layout-color=light] .content-sidebar .search-form input[type=time],
body[data-layout-color=light] .content-sidebar .search-form input[type=week],
body[data-layout-color=light] .content-sidebar .search-form input[type=search],
body[data-layout-color=light] .content-sidebar .search-form textarea,
body[data-layout-color=light] .content-sidebar .search-form textarea.form-control {
    color: #1e1e28;
    border-bottom-color: rgba(0,0,0,.07);
}

body[data-layout-color=light] .content-sidebar .widget-title {
    color: #1e1e28;
}

    body[data-layout-color=light] .content-sidebar .widget-title:before {
        background: rgba(0,0,0,.07);
    }

body[data-layout-color=light] .content-sidebar a {
    color: #1e1e28;
}

    body[data-layout-color=light] .content-sidebar a:hover {
        color: #ffc107;
    }

body[data-layout-color=light] .widget.widget_nav_menu ul li ul li:before,
body[data-layout-color=light] .widget.widget_pages ul li ul li:before,
body[data-layout-color=light] .widget_categories ul li ul li:before {
    background: #999;
}

body[data-layout-color=light] .sticky:before {
    background: #ffc107;
}

body[data-layout-color=light] blockquote cite {
    color: #1e1e28;
}

body[data-layout-color=light] .post .single-post-text,
body[data-layout-color=light] .content-box,
body[data-layout-color=light] .post-comments {
    color: #1e1e28;
}

body[data-layout-color=light] .mask-object {
    filter: drop-shadow(0 20px 30px rgba(25,25,27,.1));
}

body[data-layout-color=light] .error-page__num {
    color: #ffc107;
}

body[data-layout-color=light] .art-a.art-card .title_inner {
    color: #1e1e28;
}

body[data-layout-color=light] .started-lnk p a {
    color: #1e1e28;
}

body[data-layout-color=light] .rtl .art-form-field textarea {
    border-right-color: #f4f4f6;
}

body[data-layout-color=light] body.default--scrolling {
    background: #e0e0e6;
}

body[data-layout-color=light] .default--scrolling .art-app:before,
body[data-layout-color=light] .default--scrolling .art-app:after {
    background: #e0e0e6;
}

body[data-layout-color=light] .default--scrolling .art-app .art-app-wrapper .art-app-container:before {
    background: #e0e0e6;
}

body[data-layout-color=light] .select2-container--default .select2-selection--single {
    background-color: #f4f4f6;
    border: 1px solid #f4f4f6;
}

    body[data-layout-color=light] .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        padding: 0 15px;
    }

    body[data-layout-color=light] .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 10px;
        right: 10px;
    }

body[data-layout-color=light] .dropdown-menu {
    background-color: rgba(255,255,255,.95);
}

body[data-layout-color=light] .ca-tile .ca-stat:hover {
    color: #1e1e28;
    text-shadow: 0 0 3px rgba(250, 250, 252, 0.4);
    transition: .5s;
}

body[data-layout-color=light] .art-link.art-color-link,
body[data-layout-color=light] .art-link.art-color-link:hover,
body[data-layout-color=light] .art-info-bar .art-name:hover a,
body[data-layout-color=light] .art-info-bar .art-knowledge-list li:before,
body[data-layout-color=light] .art-code i,
body[data-layout-color=light] .art-counter-frame body[data-layout-color=light] .art-counter-box .art-counter,
body[data-layout-color=light] .art-counter-frame .art-counter-box .art-counter,
body[data-layout-color=light] .art-counter-frame .art-counter-box .art-counter-plus,
body[data-layout-color=light] .art-price .art-price-body .art-price-cost .art-number,
body[data-layout-color=light] .art-price .art-price-body .art-price-list ul li:before,
body[data-layout-color=light] .art-price .art-price-body .art-price-list ul li.art-empty-item:before,
body[data-layout-color=light] .art-testimonial .art-testimonial-footer .art-star-rate,
body[data-layout-color=light] .post-page-numbers.current,
/*body[data-layout-color=light] .art-pagination span,*/
body[data-layout-color=light] .art-pagination a.next,
body[data-layout-color=light] .art-pagination a.prev,
body[data-layout-color=light] .art-pagination a.next:hover,
body[data-layout-color=light] .art-pagination a.prev:hover,
body[data-layout-color=light] .single-post-text p a,
body[data-layout-color=light] .comment-text p a,
body[data-layout-color=light] .post-text-bottom span.cat-links a,
body[data-layout-color=light] .post-text-bottom .tags-links a,
body[data-layout-color=light] .post-text-bottom .tags-links span,
body[data-layout-color=light] .content-sidebar .tagcloud a,
body[data-layout-color=light] .content-sidebar a:hover,
body[data-layout-color=light] .error-page__num,
body[data-layout-color=light] .art-info-bar .art-knowledge-list li i,
body[data-layout-color=light] .ca-domain {
    color: #f46258 !important;
}

body[data-layout-color=light] .art-btn,
body[data-layout-color=light] .art-info-bar .art-header .art-avatar .art-lamp-light .art-available-lamp,
body[data-layout-color=light] .art-menu-bar .art-language-change li.art-active-lang,
body[data-layout-color=light] .art-price.art-popular-price:before,
body[data-layout-color=light] .art-slider-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active,
body[data-layout-color=light] .art-contact-form .art-input.art-active + label,
body[data-layout-color=light] .art-contact-form .art-input:focus + label,
body[data-layout-color=light] .art-contact-form label.focused,
body[data-layout-color=light] .content-sidebar td#today,
body[data-layout-color=light] .single-post-text table td#today,
body[data-layout-color=light] .single-post-text ul > li:before,
body[data-layout-color=light] .comment-text ul > li:before,
body[data-layout-color=light] .comment-form .btn.fill,
body[data-layout-color=light] form.post-password-form input[type=submit],
body[data-layout-color=light] .sticky:before,
body[data-layout-color=light] .art-menu-bar .cart-btn .cart-icon .cart-count,
body[data-layout-color=light] .ca-bg-color-blue {
    background-color: #f46258;
}

body[data-layout-color=light] .art-preloader-load path:last-child,
body[data-layout-color=light] .art-line-progress path:last-child,
body[data-layout-color=light] .art-cirkle-progress path:last-child {
    stroke: #f46258 !important;
}

body[data-layout-color=light] .art-menu-bar .art-language-change li a:hover {
    color: #fafafc;
}

body[data-layout-color=light] .dropdown-menu.show .dropdown-item:hover,
body[data-layout-color=light] .dropdown-menu.show .dropdown-item.active {
    color: #1e1e28 !important;
}

body[data-layout-color=light] .dropdown-menu.show .dropdown-divider {
    border-top: 1px solid #f46258 !important;
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
}

body[data-layout-color=light] .modal-header {
    background-color: #f4f4f6;
}

body[data-layout-color=light] .modal-body {
    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
}

body[data-layout-color=light] .modal-footer {
    border-radius: 0px;
    background-color: #f4f4f6;
    border-top: 0px solid #dee2e6;
}

body[data-layout-color=light] button.close {
    filter: invert(1);
}

body[data-layout-color=light] .sweet-alert {
    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
}

    body[data-layout-color=light] .sweet-alert h2 {
        color: #f46258 !important;
    }

body[data-layout-color=light] .art-banner-title h2 {
    color: #fafafc;
}

/* Main menu start */
body[data-layout-color=light] .art-menu-bar nav .main-menu .menu-item.menu-item-has-children a.active {
    color: #1e1e28 !important;
    text-shadow: 0 0 3px rgba(250, 250, 252, 0.4) !important;
}
/* Main menu end */

/* table */

body[data-layout-color=light] table .thumb-img {
    margin-right: 3px;
}

body[data-layout-color=light] div.dt-datetime table td.selectable button:hover {
    background: #f46258 !important;
}

body[data-layout-color=light] .page-item.active .page-link {
    background: #f46258;
    border-color: #f46258;
    color: white;
}

body[data-layout-color=light] .dt-date-label {
    color: #1e1e28;
}

body[data-layout-color=light] div.dataTables_length label {
    color: #1e1e28;
}

body[data-layout-color=light] div.dataTables_info {
    color: #1e1e28;
}

body[data-layout-color=light] table.dataTable {
    color: #1e1e28;
}

body[data-layout-color=light] .table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075);
}

body[data-layout-color=light] .page-item.disabled .page-link {
    color: #1e1e28;
    pointer-events: none;
    cursor: auto;
    background: #fff;
    border-color: #b4b6b9;
}

body[data-layout-color=light] div.dataTables_wrapper div.dataTables_length select,
body[data-layout-color=light] div.dt-datetime div.dt-datetime-date div.dt-datetime-title div.dt-datetime-label select,
body[data-layout-color=light] div.dataTables_wrapper div.dataTables_filter input,
body[data-layout-color=light] div.dt-container div.dt-length select,
body[data-layout-color=light] div.dt-container div.dt-search input {
    background: #f4f4f6 !important;
    color: #5c5c6f;
    border: none !important;
    padding: 5px !important;
}

    body[data-layout-color=light] div.dataTables_wrapper div.dataTables_length select option body[data-layout-color=light] div.dt-datetime div.dt-datetime-date div.dt-datetime-title div.dt-datetime-label select option {
        background: #f4f4f6;
    }

body[data-layout-color=light] .art-input-group-text {
    color: #5c5c6f;
    background-color: #f4f4f6;
}

    body[data-layout-color=light] .art-input-group-text.art-active {
        background: #f46258;
        color: #20202a;
    }

body[data-layout-color=light] .dataTable thead,
body[data-layout-color=light] .dataTable tfoot {
    background: #f4f4f6;
}

body[data-layout-color=light] .table.dataTable tbody tr:nth-child(odd) td {
    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
}

body[data-layout-color=light] .table.dataTable tbody tr:nth-child(even) td {
    background: #f4f4f6;
}

body[data-layout-color=light] div.dt-datetime {
    background-color: #f4f4f6 !important;
    border: none !important;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

    /*body[data-layout-color=light] div.dt-datetime table td.selectable button:hover {
    background: #FFC107 !important;
    color: #20202a !important;
    border-radius: 0 !important;
}*/

    body[data-layout-color=light] div.dt-datetime table td.selectable {
        background: linear-gradient(159deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .95) 100%) !important;
    }

        body[data-layout-color=light] div.dt-datetime table td.selectable.selected button {
            background: #f46258 !important;
            color: #20202a !important;
            border-radius: 0 !important;
        }

    body[data-layout-color=light] div.dt-datetime div.dt-datetime-label {
        border: none !important;
        border-radius: 0 !important;
    }

        body[data-layout-color=light] div.dt-datetime div.dt-datetime-label:hover {
            border: none !important;
            border-radius: 0 !important;
            color: #20202a;
            background-color: #f46258 !important;
        }

body[data-layout-color=light] table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
body[data-layout-color=light] table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    border-top: 5px solid transparent!important;
    border-left: 10px solid rgba(244,98,88, 0.5)!important;
    border-bottom: 5px solid transparent!important;
    border-right: 0px solid transparent!important;
}

body[data-layout-color=light] table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,
body[data-layout-color=light] table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
    border-top: 10px solid rgba(244,98,88, 0.5)!important;
    border-left: 5px solid transparent!important;
    border-bottom: 0px solid transparent!important;
    border-right: 5px solid transparent!important
}

body[data-layout-color=light] .art-form-field select {
    height: 50px;
    /*width: 100%;*/
    border: none;
    color: #fafafc;
    /*padding-left: 65px;*/
    padding-right: 15px;
    6 -webkit-box-shadow: inset 0 1px 4px 0 rgba(15, 15, 20, 0.1);
    box-shadow: inset 0 1px 4px 0 rgba(15, 15, 20, 0.1);
    margin-bottom: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+") right 1rem center / 13px 16px no-repeat, #f4f4f6 !important;
    background-size: 20px;
    color: #5c5c6f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    body[data-layout-color=light] .art-form-field select option {
        background-color: #f4f4f6;
        color: #5c5c6f;
    }

    body[data-layout-color=light] .art-form-field select optgroup {
        background-color: #f4f4f6;
        color: #f46258;
    }

    body[data-layout-color=light] .art-form-field input.is-invalid,
    body[data-layout-color=light] .art-form-field select.is-invalid,
    body[data-layout-color=light] .art-form-field textarea.is-invalid {
        border: solid 1px var(--bs-danger) !important;
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem + 7px) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem);
        background-color: #f4f4f6;
    }

        body[data-layout-color=light] .art-form-field input.is-invalid + label,
        body[data-layout-color=light] .art-form-field select.is-invalid + label,
        body[data-layout-color=light] .art-form-field textarea.is-invalid + label {
            background: var(--bs-danger);
            color: #20202a;
        }

    body[data-layout-color=light] .art-form-field input.is-valid,
    body[data-layout-color=light] .art-form-field select.is-valid,
    body[data-layout-color=light] .art-form-field textarea.is-valid {
        border: solid 1px var(--bs-success) !important;
        padding-right: calc(1.5em + .75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem + 7px) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem);
        background-color: #f4f4f6;
    }

        body[data-layout-color=light] .art-form-field input.is-valid + label,
        body[data-layout-color=light] .art-form-field select.is-valid + label,
        body[data-layout-color=light] .art-form-field textarea.is-valid + label {
            background: var(--bs-success);
            color: #20202a;
        }

    body[data-layout-color=light] .art-form-field input:-webkit-autofill,
    body[data-layout-color=light] .art-form-field input:-webkit-autofill:hover,
    body[data-layout-color=light] .art-form-field input:-webkit-autofill:focus,
    body[data-layout-color=light] .art-form-field input:-webkit-autofill:active,
    body[data-layout-color=light] .art-form-field input:-internal-autofill-selected,
    body[data-layout-color=light] .art-form-field select:-webkit-autofill,
    body[data-layout-color=light] .art-form-field select:-webkit-autofill:hover,
    body[data-layout-color=light] .art-form-field select:-webkit-autofill:focus,
    body[data-layout-color=light] .art-form-field select:-webkit-autofill:active,
    body[data-layout-color=light] .art-form-field select:-internal-autofill-selected,
    body[data-layout-color=light] .art-form-field textarea:-webkit-autofill,
    body[data-layout-color=light] .art-form-field textarea:-webkit-autofill:hover,
    body[data-layout-color=light] .art-form-field textarea:-webkit-autofill:focus,
    body[data-layout-color=light] .art-form-field textarea:-webkit-autofill:active,
    body[data-layout-color=light] .art-form-field textarea:-internal-autofill-selected {
        -webkit-box-shadow: 0 0 0 30px #f4f4f6 inset !important;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #000;
        transition: background-color 5000s ease-in-out 0s;
    }

    body[data-layout-color=light] .art-form-field input:-webkit-autofill,
    body[data-layout-color=light] .art-form-field select:-webkit-autofill,
    body[data-layout-color=light] .art-form-field textarea:-webkit-autofill {
        -webkit-text-fill-color: #5c5c6f !important;
    }

        body[data-layout-color=light] .art-form-field input:-webkit-autofill + label {
            background: 0 0 !important;
            color: #5c5c6f !important;
        }

        body[data-layout-color=light] .art-form-field input:-webkit-autofill:focus + label {
            background: #f46258 !important;
            color: #f4f4f6 !important;
        }

        body[data-layout-color=light] .art-form-field select:-webkit-autofill option,
        body[data-layout-color=light] .art-form-field select:-webkit-autofill:hover option,
        body[data-layout-color=light] .art-form-field select:-webkit-autofill:focus option,
        body[data-layout-color=light] .art-form-field select:-webkit-autofill:active option {
            -webkit-text-fill-color: #5c5c6f !important;
        }

body[data-layout-color=light] .art-form-field .form-check input[type=checkbox]:checked ~ label::before,
body[data-layout-color=light] .art-form-field .form-check input[type=radio]:checked ~ label::before {
    border-color: #f46258;
    background-color: #f46258;
}

body[data-layout-color=light] .art-form-field .form-check label {
    background: 0 0 !important;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: #5c5c6f !important;
}

    body[data-layout-color=light] .art-form-field .form-check label::before {
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        background: #f4f4f6;
        border: 2px solid rgba(92,92,111, 0.2);
    }

    body[data-layout-color=light] .art-form-field .form-check label small {
        color: #f46258;
    }

body[data-layout-color=light] .art-timeline .art-timeline-content.art-smaller {
    background: #f4f4f6;
}

    body[data-layout-color=light] .art-timeline .art-timeline-content.art-smaller::after {
        background: #f4f4f6;
    }

body[data-layout-color=light] .art-el-date {
    color: #5c5c6f;
}

body[data-layout-color=light] input.art-project-category:-webkit-autofill,
body[data-layout-color=light] input.art-project-category:-webkit-autofill:hover,
body[data-layout-color=light] input.art-project-category:-webkit-autofill:focus,
body[data-layout-color=light] input.art-project-category:-webkit-autofill:active,
body[data-layout-color=light] input.art-project-category:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px #f4f4f6 inset !important;
    -webkit-text-fill-color: #5c5c6f;
}

body[data-layout-color=light] input[type=search]::-webkit-search-cancel-button {
    background-color: #f46258;
}

body[data-layout-color=light] .art-pagination-v2 .page-number.active {
    color: #f46258;
}

body[data-layout-color=light] .art-pagination-v2 .prev-page.disable,
body[data-layout-color=light] .art-pagination-v2 .next-page.disable {
    color: #8c8c8e !important;
}

body[data-layout-color=light] .art-pagination-v2 li:not(:first-child):not(:last-child):hover {
    text-decoration: none;
    color: #1e1e28 !important;
}

body[data-layout-color=light] .art-portfolio-item-frame .art-item-price,
body[data-layout-color=light] .art-port-cover .art-item-price {
    background: linear-gradient(159deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 100%);
    color: #f46258;
}


body[data-layout-color=light] .error-page-num {
    color: #f46258;
}

body[data-layout-color=light] .art-breadcrumb .art-breadcrumb-item a {
    color: #f46258;
}

body[data-layout-color=light] .art-breadcrumb .art-breadcrumb-item.art-current {
    color: #5c5c6f;
}

body[data-layout-color=light] .art-cfb-container {
    background: #f4f4f6;
}

body[data-layout-color=light] .nav-bordered {
    border-bottom: 1px solid #c0c0ca;
    color: #5c5c6f;
}

    body[data-layout-color=light] .nav-bordered .nav-link.active {
        color: #1e1e28;
        background-color: transparent;
        border-color: transparent;
    }

    body[data-layout-color=light] .nav-bordered a.active {
        border-bottom: 3px solid #f46258 !important;
    }

body[data-layout-color=light] .art-input.art-file-input-label {
    color: #5c5c6f;
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(15, 15, 20, 0.1);
    box-shadow: inset 0 1px 4px 0 rgba(15, 15, 20, 0.1);
    transition: background-color 5000s ease-in-out 0s;
    background: #f4f4f6;
}

body[data-layout-color=light] .art-input.art-active + label.art-input.art-file-input-label {
    color: #5c5c6f;
}