.blue-underline-heading:after {
    position: absolute;
    left: 2px;
    bottom: -5px;
    width: 25%;
    height: 3px;
    content: "";
    background-color: #0f7eb6
}

ul.styled-ul {
    list-style: none;
}

.styled-ul li:before {
    content: "";
    border-color: transparent #067732;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
    color: #067732;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    font-weight: 700;
}
.heading-underline {
    color: #444444;
    position: relative;
    font-weight: 300;
}

.heading-underline:before {
    position: absolute;
    left: 0;
    bottom: -10PX;
    width: 30%;
    height: 5px;
    content: "";
    background-color: #067732;
}
@media only screen and (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1490px;
    }
}

.custom-icon-ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}

.custom-icon-ul li:before {
    content: "\F25F";
    justify-content: flex-end;
    font-family: "bootstrap-icons";
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

.custom-icon-ul li span {
    margin-left: 10px;
}

.a {
    color: #444;
    text-decoration: none;
}

.a :hover {
    color: #067732 !important;
}

.heading-with-right-middle-underline {
    position: relative;
    width: 100%;
}

.heading-with-right-middle-underline::after {
    top: 55%;
    bottom: 50%;
    position: absolute;
    content: "";
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    height: 1px;
    background: #72BE44;
}

.accordion-button:not(.collapsed) {
    color: #444;
    background: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #444;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='444444'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='444444'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
}
ul.styled-ul-2 {
    position: relative;
    list-style: none;
    padding-left: 0;
}
ul.styled-ul-2 li::before {
    content: "\23F5";
    left: -1em;
    position: absolute;
    color: #067732;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    font-weight: 700;
}
.font-weight-300 {
    font-weight: 300;
}
.style-one-heading,
.style-two-heading {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: #080808;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-align: center;

    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;

    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 16px 0;
    grid-gap: 22px;
}

.style-one-heading::after,
.style-one-heading::before {
    content: " ";
    display: block;
    border-bottom: 1px solid #067732;
}

.style-two-heading::before {
    content: " ";
    display: block;
    border-bottom: 1px solid #067732;
}
