.custom-template-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.banner {
    position: relative;
    background-size: cover !important;
    background-position: right center !important;
    height: 300px;
    color: #fff;
    display: flex;
    align-items: end;
    justify-content: start;
    border-bottom: 5px solid #BACD1B;
    background: rgb(44,78,93);
    background: linear-gradient(135deg, rgba(44,78,93,1) 20%, rgba(0,138,59,1) 70%);
}

.banner-content {
    padding: 3em 5em;
}

.breadcrumb {
    margin-top: 10px;
    font-size: 14px;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb a:hover {
    color: #BACD1B;
}
.content-area {
    display: flex;
    flex-direction: column-reverse;
    padding: 1em;
}
.sidebar,
.main-content {
    padding: 10px;
}
.sidebar .widget {
    margin-bottom: 1em;
}
.sidebar .widget_nav_menu {
    padding: 2em 1em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    background-color: #fff;
}
.sidebar .widget-title {
    font-size: 24px;
    font-weight: 700;
    color: #008a3b;
}
.sidebar .widget_nav_menu ul {
  list-style-position: outside;
}
.sidebar .widget_nav_menu ul li::marker {
  color: #008a3b;
  font-size: 24px;
}
.sidebar .widget_nav_menu .menu-item a {
    font-size: 16px;
    color: #000;
}
.sidebar .widget_nav_menu .menu-item a:hover,
.sidebar .widget_nav_menu .current_page_item a {
    color: #008a3b;
}

@media (min-width: 768px) {
    .content-area {
        flex-direction: row;
        background: url(../images/watermark.webp);
        background-size: cover;
        background-position: center center;
    }
    .sidebar {
        width: 25%;
        padding-top: 3em;
        padding-right: 1em;
    }
    .main-content {
        width: 75%;
        padding-top: 3em;
        padding-left: 1em;
    }
}