/* Header Section Style */

.header-actions a button {
    background-color: transparent;
    padding: 8px 13px 8px 10.5px;
    border: 1px solid #E3E3E8;
    border-radius: 100%;
}

.header-actions a button:hover {
    border-color: var(--blue);
    background-color: #FFF;
}

.header-actions a button:hover svg {
    color: var(--blue);
}

.header-actions a button svg {
    color: var(--black);
}

.search-bar .menu-search-bar {
    margin-left: 30px;
}

.search-bar-input input {
    background-color: #F5F8FB;
    padding: 12px 20px 12px 40px;
    color: #6C6C7F;
    border-radius: 8px;
    font-size: 13px;
}

.search-bar-icon {
    left: 11px;
    top: 11px;
}

.search-bar-icon svg {
    color: var(--blue);
    font-weight: 100!important;
}

.header-logo a img {
    width: 150px;
}

/* End Header Section Style */

/* 404 Heading */

.not-found-heading {
    background-image: url('../../images/article-images/article_image.png');
    background-color: rgba(0, 0, 0, 0.534);
    background-blend-mode: darken;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 125px 0px;
}

.not-found-heading h2 {
    color: rgba(255, 255, 255, 0.787);
}

.page-path ul li {
    color: rgba(255, 255, 255, 0.815);
    font-size: 12.5px;
}

.page-path ul i {
    margin: 0px 10px;
    color: rgba(255, 255, 255, 0.815);
    font-size: 12.5px;
}

.page-path ul li a {
    color: inherit;
    font-size: 12.5px;
}

/* End 404 Heading */

/* 404 Main */

.not-found-main {
    margin-top: 70px;
}

.not-found-content h1 {
    font-size: 180px!important;
    font-weight: bolder!important;
    color: #303034!important;
}

.not-found-content h3 {
    top: -50px;
    font-size: 25px;
}

.not-found-content p {
    top: -30px;
    color: #58566B;
    font-size: 13.5px;
}

.not-found-content button {
    padding: 10px 42px;
    background-color: var(--red);
    color: #FFF;
    transition: var(--transition);
}


.not-found-content button i {
    top: 1.5px;
    right: 3.5px;
}

.not-found-content button:hover {
    background-color: var(--blue);
}

/* End 404 Main */



/* Footer Section Style */

#footer {
    margin-top: 130px!important;
}

/* End Footer Section Style */