a.light-box-hidden {
    display: none;
}

.desc {
    background: #ffffff4d;
    padding: 10px;
}

.progress-wrap h3 {
    font-size: 18px;
    font-family: "Playfair Display", Georgia, serif;
    margin-bottom: 20px;
    font-weight: 900;
    color: #525252;
}


/*Dark Mode*/

body.dark-mode {
    /* color: rgba(0, 0, 0, 0.7); */
    background-color: #181818;
}

body.dark-mode #colorlib-aside {

    background: #1d1d1d;

}


body.dark-mode #colorlib-aside #colorlib-logo a {

    color: #fff;
}

body.dark-mode #colorlib-aside #colorlib-main-menu ul li {

    color: #fff;
}

body.dark-mode #colorlib-aside .position {
    color: #fff;
}

body.dark-mode #colorlib-aside #colorlib-main-menu ul li a {
    color: rgb(255 255 255 / 70%);

}

body.dark-mode p {
    color: #fff;
}

body.dark-mode #colorlib-aside #colorlib-main-menu ul li a:hover {

    color: #b5b5b5;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #fff;
}

body.dark-mode .services {
    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    -ms-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    -o-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    background-color: #1d1d1d;
}

body.dark-mode .hire {
    background: #1d1d1d;


    -webkit-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
    -ms-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
    -o-box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%),
        0 4px 5px 0 rgb(0 0 0 / 14%),
        0 1px 10px 0 rgb(0 0 0 / 12%);
}

body.dark-mode .hire .btn-hire {
    color: #fff;
    bordeR: 1px solid #fff;
}

body.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    background: #1d1d1d;
}

body.dark-mode .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    border-color: transparent #1d1d1d transparent transparent;
}

body.dark-mode .colorlib-feature .colorlib-icon {
    background: #1d1d1d;
}

body.dark-mode .colorlib-feature.colorlib-feature-sm .colorlib-icon i {
    color: #ffffff;
}