#topheader {
    background-color: #ecf0f1;
    border-bottom: 1px solid silver;
}

#topheader a {
    color: #0882fc;
    font-weight: 600;
    font-size: 0.89rem;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

nav ul li a {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Caoursel styling starts here  */
.img-fluid {
    height: 700px;
    
}
/* Carouself styling ends here  */

/* Marquee starts here  */

/* Marquee ends here  */

/* Page info seaction here  */
.qualities-image{
    width: 300px;
    height: 300px;
}

/* Footer section starts header */

.full-footer {
	background-color: #16a085;
}

.top-footer p{
	color: white;
}

.top-footer a {
	color: white;
	font-weight: 400;
}

.top-footer h3 {
	color: white;
}

.buttom-footer{
	background-color: #2c3e50;
}

.buttom-footer p{
	background-color: #2c3e50;
	color: white;
	text-align: center;
}

/* Footer section ends here  */

/* Profile add page starts here  */

.breadcrumbs-section {
    background-color: #e9ecef;
}

/* Profile add page ends here  */

.address {
    font-weight: 600;
}

.main-page{
    background-color: #16a085;
}

/* Document center styling  */
.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

.doc-centre-area {
    padding: 2rem 0 2rem
}

.doc-centre-area .container .row h2 {
    display: block;
    text-align: left;
    margin: 0 0 0.85rem;
    padding: 0 0 0.5rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2.15rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.doc-centre-area .container .row h4 {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0 0 0.8rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: rgb(211,169,7)
}

.doc-centre-area .container .row h5 {
    display: block;
    text-align: left;
    margin: 0 0 0.85rem;
    padding: 0 0 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: rgb(5,104,57)
}

.doc-centre-area .container .row .banner-area .banner-img .banner-img-wrap {
    padding-top: 0.55rem;
    padding-bottom: 1.5rem
}

.doc-centre-area .container .row .banner-area .intro-text .intro-text-wrap p {
    display: block;
    margin: -3px 0 0rem;
    padding: 0.5rem 0 0.2rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.91rem;
    font-weight: 300;
    color: rgb(0,0,0)
}

.doc-centre-area .container .row .documents-categories .row {
    padding: 2rem 0 0.5rem
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap {
    position: relative;
    width: 100%;
    padding: 0.5rem 0.95rem 0.65rem;
    border: solid 1px rgba(5,104,57,0.45);
    margin-bottom: 1.85rem;
    border-radius: 5px
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap h3 {
    display: block;
    margin: 0 0 0.85rem
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap h3 a {
    display: block;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    color: rgb(5,104,57);
    text-transform: capitalize;
    border-bottom: solid 1px rgba(5,104,57,0.2);
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap h3 a svg {
    margin-right: 0.2rem
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap h3 a:hover {
    color: rgb(0,129,201);
    text-decoration: none
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap h3 a:hover svg {
    color: rgb(0,129,201)
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap h4 {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #011f11
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap p {
    display: block;
    margin: 0;
    padding: 0.35rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    color: #262626
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul {
    padding: 0.3rem 0 0 0rem;
    margin-bottom: 3rem!important
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul li {
    display: block
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul li a {
    display: block;
    padding: 0.35rem 0.4rem 0.35rem 0.75rem;
    margin-bottom: 0.55rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #044b29;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border-radius: 15px
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul li a svg {
    display: block;
    float: left;
    margin: 0rem 0.65rem 0 0;
    color: rgb(211,169,7)
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul li a span {
    overflow: hidden;
    display: block
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul li a:hover {
    background: rgb(0,129,201);
    color: rgb(255,255,255);
    text-decoration: none;
    border-radius: 20px
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap ul li a:hover svg {
    color: rgb(255,255,255)
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap .doc-link {
    position: absolute;
    bottom: 0.65rem;
    width: 90%;
    margin-right: -450%;
    margin-left: -45%;
    display: block;
    border-top: solid 1px rgba(5,104,57,0.2);
    margin: 0.95rem 0 0;
    padding: 0.35rem 0.5rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.7rem;
    font-weight: 400;
    color: rgb(0,129,201);
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.doc-centre-area .container .row .documents-categories .row .category-box .category-box-wrap .doc-link:hover {
    border-top: solid 1px transparent;
    background: rgb(0,129,201);
    color: rgb(255,255,255);
    text-decoration: none
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing {
    margin-top: 0.8rem
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing h3 {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 1.23rem;
    font-weight: 400;
    color: #cccccc
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing h3:after {
    content: " ";
    position: absolute;
    height: 1px;
    bottom: 50%;
    width: 90%;
    background: #d9d9d9
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box {
    margin-bottom: 0.5rem;
    width: 100%
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p {
    display: block;
    margin: 0;
    padding: 0;
    height: 2rem
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a {
    display: block;
    line-height: 1.1rem;
    padding: 0.35rem 0rem 0.15rem 0rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #044b29;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border-radius: 15px
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a svg {
    display: block;
    float: left;
    margin: 0rem 0.65rem 0 0;
    color: rgb(211,169,7)
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a span {
    overflow: hidden;
    display: block
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a:hover {
    color: rgb(0,129,201);
    text-decoration: none;
    border-radius: 20px
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a:hover svg {
    color: rgb(211,169,7)
}

.doc-centre-area .container .row .category-details-area .row .category-list .category-list-wrap .year-listing .doc-box h6 {
    display: block;
    margin: 0;
    padding: 0.5rem 0 0.65rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.75rem;
    font-weight: 300;
    font-style: italic;
    color: #a6a6a6
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap {
    margin: 3.5rem 0 0;
    padding: 0 0.7rem 0.7rem 1.5rem;
    border-left: solid 1px rgba(5,104,57,0.4)
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap h3 {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0rem 0 0.8rem 0rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    color: rgb(5,104,57)
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap ul {
    display: block;
    margin: 0;
    padding: 0rem
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap ul li {
    display: block
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap ul li a {
    background: #f7f7f7;
    border-radius: 5px;
    display: block;
    padding: 0.5rem 0.7rem;
    margin-bottom: 0.9rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 300;
    color: rgb(5,104,57);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap ul li a:hover {
    font-weight: 700;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    color: rgb(0,129,201);
    text-decoration: none
}

.doc-centre-area .container .row .category-details-area .row .other-categories .other-categories-wrap ul li:last-child a {
    margin-bottom: 0
}

.category-details-area .row .category-list .category-list-wrap .year-listing {
    margin-top: 0.8rem
}

.category-details-area .row .category-list .category-list-wrap .year-listing h3 {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 1.23rem;
    font-weight: 400;
    color: #cccccc
}

.category-details-area .row .category-list .category-list-wrap .year-listing h3:after {
    content: " ";
    position: absolute;
    height: 1px;
    bottom: 50%;
    width: 90%;
    background: #d9d9d9
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box {
    margin-bottom: 0.5rem;
    width: 100%
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p {
    display: block;
    margin: 0;
    padding: 0;
    height: 2rem
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a {
    display: block;
    line-height: 1.1rem;
    padding: 0.35rem 0rem 0.15rem 0rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #044b29;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border-radius: 15px
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a svg {
    display: block;
    float: left;
    margin: 0rem 0.65rem 0 0;
    color: rgb(211,169,7)
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a span {
    overflow: hidden;
    display: block
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a:hover {
    color: rgb(0,129,201);
    text-decoration: none;
    border-radius: 20px
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box p a:hover svg {
    color: rgb(211,169,7)
}

.category-details-area .row .category-list .category-list-wrap .year-listing .doc-box h6 {
    display: block;
    margin: 0;
    padding: 0.5rem 0 0.65rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.75rem;
    font-weight: 300;
    font-style: italic;
    color: #a6a6a6
}

.category-details-area .row .other-categories .other-categories-wrap {
    margin: 3.5rem 0 0;
    padding: 0 0.7rem 0.7rem 1.5rem;
    border-left: solid 1px rgba(5,104,57,0.4)
}

.category-details-area .row .other-categories .other-categories-wrap h3 {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0rem 0 0.8rem 0rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    color: rgb(5,104,57)
}

.category-details-area .row .other-categories .other-categories-wrap ul {
    display: block;
    margin: 0;
    padding: 0rem
}

.category-details-area .row .other-categories .other-categories-wrap ul li {
    display: block
}

.category-details-area .row .other-categories .other-categories-wrap ul li a {
    background: #f7f7f7;
    border-radius: 5px;
    display: block;
    padding: 0.5rem 0.7rem;
    margin-bottom: 0.9rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 300;
    color: rgb(5,104,57);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.category-details-area .row .other-categories .other-categories-wrap ul li a:hover {
    font-weight: 700;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    color: rgb(0,129,201);
    text-decoration: none
}

.category-details-area .row .other-categories .other-categories-wrap ul li:last-child a {
    margin-bottom: 0
}

:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/* Start styling waste management hear  */
.waste-management-area {
    padding: 2rem 0 3.5rem
}

.waste-management-area .container .row h2 {
    display: block;
    text-align: left;
    margin: 0 0 0.85rem;
    padding: 0 0 0.5rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2.15rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.waste-management-area .container .row .service-img .service-img-wrap {
    padding-top: 0.55rem;
    padding-bottom: 1.5rem
}

.waste-management-area .container .row .opening-text p {
    display: block;
    margin: -3px 0 0rem;
    padding: 0.5rem 0 0.2rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.91rem;
    font-weight: 300;
    color: rgb(0,0,0)
}

.waste-management-area .container .row .service-content .service-content-area {
    padding: 0.4rem 0
}

.waste-management-area .container .row .service-content .service-content-area .row .other-services p {
    display: block;
    margin: 0 0 0rem;
    padding: 0.5rem 0 1.1rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.91rem;
    font-weight: 300;
    color: rgb(0,0,0)
}

.waste-management-area .container .row .service-content .service-content-area .row .service-notice p {
    display: block;
    margin: 0 0 0rem;
    padding: 0.5rem 0 1.1rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.91rem;
    font-weight: 700;
    color: rgb(0,0,0);
    font-style: italic
}

.waste-management-area .container .row .service-content .service-content-area .row .service-notice p span {
    font-weight: 300
}

.waste-management-area .container .row .service-content .service-content-area .row .service-content-box .service-content-box-wrap {
    width: 100%;
    padding: 0.5rem 0.95rem;
    border: solid 1px #e6e6e6;
    margin-bottom: 1.85rem;
    border-radius: 5px;
    width: 100%
}

.waste-management-area .container .row .service-content .service-content-area .row .service-content-box .service-content-box-wrap h3 {
    display: block;
    margin: 0 0 0.85rem;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    color: rgb(5,104,57);
    text-transform: capitalize;
    border-bottom: solid 1px #f2f2f2
}

.waste-management-area .container .row .service-content .service-content-area .row .service-content-box .service-content-box-wrap h4 {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #011f11
}

.waste-management-area .container .row .service-content .service-content-area .row .service-content-box .service-content-box-wrap p {
    display: block;
    margin: 0;
    padding: 0.35rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    color: #262626
}

.waste-management-area .container .row .service-content .service-content-area .row .service-content-box .service-content-box-wrap ul {
    padding: 0.3rem 0 0 0.95rem;
    margin-bottom: 0!important
}

.waste-management-area .container .row .service-content .service-content-area .row .service-content-box .service-content-box-wrap ul li {
    padding: 0 0 0.3rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #044b29
}

.waste-management-area .container .row .service-forms .sidebar-stick {
    margin: 3.45rem 0 0
}

.waste-management-area .container .row .service-forms .service-forms-wrap {
    border: solid 1px #f0f0f0;
    padding: 0.75rem;
    border-radius: 5px
}

.waste-management-area .container .row .service-forms .service-forms-wrap h3 {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #068046
}

.waste-management-area .container .row .service-forms .service-forms-wrap ul {
    padding-left: 0
}

.waste-management-area .container .row .service-forms .service-forms-wrap ul li {
    display: block
}

.waste-management-area .container .row .service-forms .service-forms-wrap ul li a {
    display: block;
    line-height: 1.14em;
    margin: 0 0 0.5rem;
    padding: 0.5rem 0.5rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    color: #00507d;
    background-color: rgba(0,80,125,0.035);
    border: solid 1px rgba(0,80,125,0.06);
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.waste-management-area .container .row .service-forms .service-forms-wrap ul li a:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    font-weight: 700;
    text-decoration: none;
    color: #005a8c
}

.departments-area {
    padding: 3rem 0 4.5rem
}

.departments-area .container .row h2 {
    display: block;
    margin: 0;
    padding: 0 0 1rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: rgb(5,104,57)
}

.departments-area .container .row .departments-text .departments-text-wrap {
    padding: 0 0 2.5rem 0
}

.departments-area .container .row .departments-text .departments-text-wrap p {
    display: block;
    margin: 0;
    padding: 0.55rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #0d0d0d
}

.departments-area .container .row .departments-list .departments-list-wrap ul {
    margin: 0;
    padding: 0
}

.departments-area .container .row .departments-list .departments-list-wrap ul li {
    display: inline-block;
    margin-right: 0.5rem
}

.departments-area .container .row .departments-list .departments-list-wrap ul li a {
    display: block;
    padding: 0.8rem 2rem;
    margin: 0 0 1.5rem 0;
    background: #e6e6e6;
    color: #595959;
    border-radius: 5px;
    font-family: "Roboto",sans-serif;
    font-size: 1rem;
    font-weight: 700;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.departments-area .container .row .departments-list .departments-list-wrap ul li a:hover {
    text-decoration: none;
    background: rgb(0,129,201);
    color: rgb(255,255,255)
}

.departments-area .container .row .departments-list .departments-list-wrap h3 {
    display: block;
    text-align: center;
    background: #d9d9d9;
    margin: 0;
    padding: 0.95rem 0rem;
    -webkit-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out
}

.departments-area .container .row .departments-list .departments-list-wrap h3 a {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    color: rgb(5,104,57);
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.departments-area .container .row .departments-list .departments-list-wrap:hover {
    cursor: pointer
}

.departments-area .container .row .departments-list .departments-list-wrap:hover .department-img {
    border: 1px solid rgb(5,104,57)
}

.departments-area .container .row .departments-list .departments-list-wrap:hover .department-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.departments-area .container .row .departments-list .departments-list-wrap:hover h3 {
    background: rgb(5,104,57)
}

.departments-area .container .row .departments-list .departments-list-wrap:hover h3 a {
    font-weight: 700;
    color: #fcfcfc;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    text-transform: none
}

.departments-details-area {
    padding: 1.6rem 0 0!important
}

.departments-details-area .container .row {
    padding: 0.5rem 0 1rem!important
}

.departments-details-area .container .row h1 {
    display: block;
    margin: 0 0 1.4rem!important;
    padding: 0 0 0.9rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 2px rgba(5,104,57,0.6)
}

.departments-details-area .container .row h1 img {
    width: 6rem;
    -o-object-fit: contain;
    object-fit: contain
}

.departments-details-area .container .row h2 {
    display: block;
    text-align: center;
    margin: -5px 0 0.7rem;
    padding: 0 0 0.5rem 0!important;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.departments-details-area .container .row .department-officers .department-officers-wrap {
    padding: 0 0.8rem 0 0
}

.departments-details-area .container .row .department-officers .department-officers-wrap .img-wrap {
    padding: 0.8rem 0
}

.departments-details-area .container .row .department-officers .department-officers-wrap .img-wrap:first-child {
    padding: 0 0 0.8rem
}

.departments-details-area .container .row .department-officers .department-officers-wrap .img-wrap img {
    border-radius: 0%;
    width: 8.2rem;
    height: 8.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid 2px rgba(5,104,57,0.6);
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.departments-details-area .container .row .department-officers .department-officers-wrap .img-wrap img:hover {
    -webkit-transform: scale(1.14);
    -ms-transform: scale(1.14);
    transform: scale(1.14)
}

.departments-details-area .container .row .department-officers .department-officers-wrap .text-wrap {
    padding: 0 0 0.5rem;
    border-bottom: solid 1px #e3e3e3;
    text-align: center
}

.departments-details-area .container .row .department-officers .department-officers-wrap .text-wrap:last-child {
    border-bottom: none
}

.departments-details-area .container .row .department-officers .department-officers-wrap .text-wrap h3 {
    display: block;
    margin: 0;
    padding: 0;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.903rem;
    font-weight: 400;
    color: rgb(5,104,57)
}

.departments-details-area .container .row .department-officers .department-officers-wrap .text-wrap h5 {
    display: block;
    margin: 0;
    padding: 0.3rem 0rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.78rem;
    font-weight: 300;
    font-style: italic;
    color: gray
}

.departments-details-area .container .row .department-officers .department-contact-wrap {
    border-top: solid 2px #c9ecff;
    padding: 0.2rem 0 0;
    margin: 0.1rem 0 0 0
}

.departments-details-area .container .row .department-officers .department-contact-wrap h2 {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0.5rem 0 0.8rem 0rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #896e05
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 {
    display: block;
    margin: 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.89rem;
    font-weight: 300;
    color: black;
    clear: left
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 a {
    font-size: 0.9rem;
    font-weight: 300;
    color: black
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 a:hover {
    color: rgb(0,129,201);
    font-weight: 400;
    text-decoration: none
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 span {
    overflow: hidden;
    display: block
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 span .blue-span strong {
    color: rgb(0,129,201);
    font-weight: 400;
    font-size: 0.9rem
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 svg {
    display: block;
    float: left;
    margin: 0rem 0.75rem 0.6rem 0
}

.departments-details-area .container .row .department-officers .department-contact-wrap h4 svg path {
    fill: #056336
}

.departments-details-area .container .row .department-text .department-text-wrap {
    padding: 0 0 1.5rem 0!important
}

.departments-details-area .container .row .department-text .department-text-wrap p {
    display: block;
    margin: 0;
    padding: 0.55rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #262626
}

.departments-details-area .container .row .department-text .department-text-wrap ul {
    padding: 0.9rem 0 0 3.5rem;
    margin-bottom: 0!important
}

.departments-details-area .container .row .department-text .department-text-wrap ul li {
    padding: 0 0 0.6rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 0.95rem;
    color: #044d2a
}

.departments-details-area .container .row .other-departments .sticky-wrapper {
    height: 0!important
}

.departments-details-area .container .row .other-departments .other-departments-wrap {
    background: #ebebeb;
    border-radius: 5px;
    margin: 1rem 0 0 0.9rem;
    padding: 0 0.7rem 0.7rem
}

.departments-details-area .container .row .other-departments .other-departments-wrap .sticky-wrapper {
    height: 0!important
}

.departments-details-area .container .row .other-departments .other-departments-wrap h2 {
    display: block;
    margin: 0;
    padding: 0.6rem 0 0.6rem 0rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 1.02rem;
    font-weight: 700;
    color: rgb(5,104,57)
}

.departments-details-area .container .row .other-departments .other-departments-wrap ul {
    display: block;
    margin: 0;
    padding: 0
}

.departments-details-area .container .row .other-departments .other-departments-wrap ul li {
    display: block
}

.departments-details-area .container .row .other-departments .other-departments-wrap ul li a {
    background: #f7f7f7;
    border-radius: 5px;
    display: block;
    padding: 0.5rem 0.7rem;
    margin-bottom: 0.5rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 300;
    color: rgb(5,104,57);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.departments-details-area .container .row .other-departments .other-departments-wrap ul li a:hover {
    font-weight: 700;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    color: rgb(0,129,201);
    text-decoration: none
}

.departments-details-area .container .row .other-departments .other-departments-wrap ul li:last-child a {
    margin-bottom: 0
}

/* Building & Construction Styling Starts here  */

.building-permit-area {
    padding: 2.5rem 0 3.5rem
}

.building-permit-area .container .row h2 {
    display: block;
    text-align: left;
    margin: 0 0 0rem;
    padding: 0 0 0.3rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.building-permit-area .container .row .intro-text .intro-text-wrap {
    padding: 0.75rem 0 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: solid 1px #ededed
}

.building-permit-area .container .row .intro-text .intro-text-wrap p {
    display: block;
    margin: 0 0 0rem;
    padding: 0.5rem 0 0.2rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 300;
    color: rgb(0,0,0)
}

.building-permit-area .container .row .intro-text .intro-text-wrap p strong {
    font-weight: 400;
    color: rgb(5,104,57)
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap {
    width: 100%;
    padding: 0.5rem 0.95rem;
    margin-bottom: 0.75rem;
    border: solid 1px #e6e6e6;
    border-radius: 5px
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap h3 {
    display: block;
    margin: 0 0 0.85rem;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card {
    margin-bottom: 0.45rem;
    border: none;
    border-radius: 0
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .card-header {
    background: transparent;
    padding: 0;
    border-bottom: none
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .card-header h5 {
    display: block
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .card-header h5 .btn-link {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 1.5em;
    margin: 0 0 0.5rem;
    padding: 0.5rem 0.5rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    white-space: normal;
    color: #00507d;
    background-color: rgba(0,80,125,0.025);
    border: solid 1px rgba(0,80,125,0.06);
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .card-header h5 .btn-link:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    font-weight: 700;
    text-decoration: none;
    color: #005a8c
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .collapse-content {
    padding: 0.15em 0 0.15rem;
    border-bottom: solid 4px #f2f2f2
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .collapse-content .answer-dropdown {
    padding: 0.25rem 0 1rem
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .collapse-content .answer-dropdown p {
    display: block;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.875rem;
    font-weight: 400
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .collapse-content .answer-dropdown p strong {
    font-weight: 700;
    font-size: 0.875rem;
    color: rgb(5,104,57)
}

.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .collapse-content .answer-dropdown ol li,.building-permit-area .container .row .building-permit-activities .building-permit-activities-wrap #accordion .card .collapse-content .answer-dropdown ul li {
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #034626;
    padding-bottom: 0.5rem;
    line-height: 1.25em
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap {
    width: 100%;
    padding: 0.5rem 0.95rem;
    margin-bottom: 0.75rem;
    border: solid 1px #e6e6e6;
    border-radius: 5px
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap h3 {
    display: block;
    margin: 0 0 0.85rem;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap ol,.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap ul {
    padding: 0
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap ol li,.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap ul li {
    display: block;
    line-height: 1.35em;
    margin: 0 0 0.5rem;
    padding: 0 0 0.5rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #00507d;
    border-bottom: solid 1px #ededed;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap ol li:hover,.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap ul li:hover {
    text-decoration: none;
    color: #005a8c
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap p {
    display: block;
    margin: 0;
    padding: 0.25rem 0 0.75rem;
    line-height: 1.15em
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap p span {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.91rem;
    font-weight: 300
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap p span strong {
    font-weight: 700;
    font-size: 0.9rem
}

.building-permit-area .container .row .statutory-requirements .statutory-requirements-wrap p strong {
    font-weight: 700;
    font-size: 0.91rem;
    color: rgb(5,104,57)
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap {
    width: 100%;
    padding: 0.5rem 0.95rem;
    border: solid 1px #e6e6e6;
    border-radius: 5px
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap h3 {
    display: block;
    margin: 0 0 0.85rem;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ol,.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ul {
    padding: 0
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ol li,.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ul li {
    display: block;
    line-height: 1.35em;
    margin: 0 0 0.5rem;
    padding: 0 0 0.5rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    color: #00507d;
    border-bottom: solid 1px #ededed;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ol li strong,.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ul li strong {
    font-weight: 700;
    font-size: 0.85rem
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ol li:hover,.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ul li:hover {
    text-decoration: none;
    color: #005a8c
}

.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ol li:hover strong,.building-permit-area .container .row .requirements-checklist .requirements-checklist-wrap ul li:hover strong {
    font-size: 0.85rem;
    color: rgb(5,104,57)
}

.building-permit-area .container .row .requirements-cost .requirements-cost-wrap {
    padding: 0.75rem 0 1.25rem;
    margin-top: 1.25rem
}

.building-permit-area .container .row .requirements-cost .requirements-cost-wrap p {
    display: block;
    margin: 0 0 0rem;
    padding: 0.5rem 0 0.2rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 300;
    color: rgb(0,0,0)
}

.building-permit-area .container .row .requirements-cost .requirements-cost-wrap p strong {
    font-weight: 400;
    color: rgb(5,104,57)
}

/* Starts: Business Operating Permit Styling */

.bop-area {
    padding: 2rem 0 3.5rem
}

.bop-area .container .row h2 {
    display: block;
    text-align: left;
    margin: 0 0 0.85rem;
    padding: 0 0 0.5rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 2.15rem;
    font-weight: 700;
    color: rgb(5,104,57);
    border-bottom: solid 1px #f2f2f2
}

.bop-area .container .row .banner-area .banner-img .banner-img-wrap {
    padding-top: 0.55rem;
    padding-bottom: 2.5rem
}

.bop-area .container .row .banner-area .intro-text .intro-text-wrap p {
    display: block;
    margin: -3px 0 0rem;
    padding: 0.5rem 0 0.2rem;
    font-family: "Roboto",sans-serif;
    font-size: 0.91rem;
    font-weight: 300;
    color: rgb(0,0,0)
}

.bop-area .container .content-area .bop-box .bop-box-wrap {
    width: 100%;
    padding: 0.5rem 0.95rem;
    border: solid 1px #e6e6e6;
    margin-bottom: 1.85rem;
    border-radius: 5px;
    width: 100%
}

.bop-area .container .content-area .bop-box .bop-box-wrap h3 {
    display: block;
    margin: 0 0 0.85rem;
    padding: 0.5rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    color: rgb(5,104,57);
    text-transform: capitalize;
    border-bottom: solid 1px #f2f2f2
}

.bop-area .container .content-area .bop-box .bop-box-wrap h4 {
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #011f11
}

.bop-area .container .content-area .bop-box .bop-box-wrap p {
    display: block;
    margin: 0;
    padding: 0.35rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    color: #262626
}

.bop-area .container .content-area .bop-box .bop-box-wrap ul {
    padding: 0.3rem 0 0 0.95rem;
    margin-bottom: 0!important
}

.bop-area .container .content-area .bop-box .bop-box-wrap ul li {
    padding: 0 0 0.3rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    color: #044b29
}

/* Central Admin Area */

.other-officers {
    background: rgba(5,104,57,0.038);
    padding: 2.5rem 0;
    border-top: solid 1px rgba(5,104,57,0.058);
    border-bottom: solid 1px rgba(5,104,57,0.058)
}

.other-officers .container .row h2 {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0 0 0.5rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: rgb(5,104,57)
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap {
    padding: 0.5rem 0
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .img-wrap {
    padding: 0.5rem 0
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .img-wrap img {
    border-radius: 0%;
    width: 6.5rem;
    height: 6.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid 2px rgba(5,104,57,0.6);
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .img-wrap img:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .text-wrap {
    padding: 0 0 0.5rem;
    border-bottom: solid 1px #e3e3e3;
    text-align: center
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .text-wrap:last-child {
    border-bottom: none
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .text-wrap h3 {
    display: block;
    margin: 0;
    padding: 0;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: rgb(5,104,57)
}

.other-officers .container .row .other-officer-box .other-officer-box-wrap .text-wrap h5 {
    display: block;
    margin: 0;
    padding: 0.1rem 0rem 0.3rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.75rem;
    font-weight: 300;
    color: gray
}

.sub-units-area {
    padding: 3rem 0
}

.sub-units-area:nth-child(2n) {
    background: rgba(5,104,57,0.038);
    border-top: solid 1px rgba(5,104,57,0.06);
    border-bottom: solid 1px rgba(5,104,57,0.06)
}

.sub-units-area .container .row h2 {
    display: block;
    text-align: left;
    margin: -5px 0 0;
    padding: 0 0 0.5rem 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1.72rem;
    font-weight: 700;
    color: rgb(5,104,57)
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .img-wrap {
    padding: 0.5rem 0
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .img-wrap:first-child {
    padding: 0 0 0.5rem
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .img-wrap img {
    border-radius: 0%;
    width: 7.2rem;
    height: 7.2rem;
    border: solid 2px rgba(5,104,57,0.6);
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .img-wrap img:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .text-wrap {
    padding: 0 0 0.5rem;
    border-bottom: solid 1px #e3e3e3;
    text-align: center
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .text-wrap:last-child {
    border-bottom: none
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .text-wrap h3 {
    display: block;
    margin: 0;
    padding: 0;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: rgb(5,104,57)
}

.sub-units-area .container .row .sub-unit-officers .sub-unit-officers-wrap .text-wrap h5 {
    display: block;
    margin: 0;
    padding: 0.3rem 0rem;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 0.78rem;
    font-weight: 300;
    font-style: italic;
    color: gray
}

.sub-units-area .container .row .sub-unit-text .sub-unit-text-wrap {
    padding: 0 0 1.5rem 0
}

.sub-units-area .container .row .sub-unit-text .sub-unit-text-wrap p {
    display: block;
    margin: 0;
    padding: 0.55rem 0;
    font-family: "Roboto",sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #262626
}

.sub-units-area .container .row .sub-unit-text .sub-unit-text-wrap ul {
    padding: 0.9rem 0 0 3.5rem
}

.sub-units-area .container .row .sub-unit-text .sub-unit-text-wrap ul li {
    padding: 0 0 0.6rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    font-size: 0.95rem;
    color: #04502c
}

/* border button */
.btn-border {
    border-radius: 0rem;
    padding: 0;
    font-weight: 600;
    border: none;
    color: #1d875a;
    position: relative;
    font-size: 1.2rem;
    font-family: 'ave-bold';
}

.btn-border:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #caedde;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.btn-border:before {
    content: "";
    display: block;
    width: 20%;
    height: 3px;
    background: #1d875a;
    position: absolute;
    bottom: -5px;
    z-index: 2;
    transition: 0.6s;
    left: 0;
}

.btn-border:hover {
    color: #1d875a;
}

.btn-border:hover:before {
    width: 100%;
}


/* Gallery Styling  */
.project-sec-area{
    padding: 1em;
}

.project-sec-area .fw-bold {
    padding-bottom: 1em;
}

/* Article styling  */

.text-wrap {
    word-wrap: break-word;
}

.news-sec-area{
    padding: 1em;
}

.iimage {
    padding: 1em;
}