html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    position: relative;
}


div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
a,
ul,
li {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

a:hover {
    text-decoration: none !important;
}

ul {
    list-style-type: none;
}

.clear {
    clear: both;
}

/*needed*/
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.grid {
    width: 1140px;
    margin: 0px auto;
    padding: 0 15px;
    position: relative;
}

/** header **/

.header {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    width: 100%;
    background-color: #fff;
    color: #fff;
    position: relative;
    z-index: 9999;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #e7e7e7;
}
img.logo-img{
    width: 33px;
}
.header-row {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a.logo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: max-content;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}


.sidenav {
    height: 100%;
    width: 20%;
    position: fixed;
    z-index: 1;
    top: 70px;
    left: 0;
    border-right: 1px solid #e7e7e7;
    padding: 10px;
}

.sidenav a {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #606770;
    display: block;
    background-color: transparent;
    margin-bottom: 15px;
    border-radius: 5px;
}

.sidenav a:hover {
    background-color: #f1f1f1;
}

.sidenav a.active {
    color: #2e8555;
    background-color: #f1f1f1;
}

/** section **/

.section {
    width: 50%;
    margin: 20px 0 50px 0;
    padding: 0px 0px 0px 0px;
    position: relative;
    left: 500px;
}

.section .top {
    display: flex;
    align-items: center;
}

.section .top a i.bx {
    padding: 6px 10px;
    border-radius: 50px;
}

.section .top a i.bx {
    font-size: 16px;
    color: #333;
}

.section .top a:hover i.bx {
    background-color: #f1f1f1;
    color: #2e8555;
}

.section .top .arrow {
    font-size: 16px;
    color: #555;
    margin: 0 5px;
}

.section .top p {
    font-size: 14px;
    font-weight: 400;
    color: #2e8555;
    padding: 4px 10px;
    border-radius: 50px;
    background-color: #f1f1f1;
}

.section h2 {
    margin: 30px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 700;
    font-size: 38px;
    color: #000;
}

.section h4 {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 700;
    font-size: 25px;
    color: #000;
}

.section p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 400;
    font-size: 17px;
    color: #000;
    line-height: 25px;
}

.section h6 {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 700;
    font-size: 26px;
    color: #000;
}

.section ul {
    margin: 20px 0 30px 10px;
}

.section ul li {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 15px;
    font-weight: 400;
    font-size: 17px;
    color: #000;

    background-image: url(../images/circle-solid-24.png);
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-size: 7px;
}

.section p span {
    display: block;
    margin-top: 15px;
}

.section img {
    width: 100%;
    margin-top: 30px;
}

/* btn-block */
.section .btn-block {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.section .btn-block .lt {
    width: 49%;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 10px 15px;
    visibility: hidden;
}

.section .btn-block .lt:hover {
    border: 1px solid #2e8555;
}

.section .btn-block .lt a span {
    font-size: 14px;
    font-weight: 500;
    color: #363636;
    display: block;
}

.section .btn-block .lt a strong {
    font-size: 16px;
    font-weight: 700;
    color: #2e8555;
    display: block;
}

.section .btn-block .lt a strong i.bx {
    font-size: 16px;
    color: #2e8555;
    vertical-align: middle;
}

/* rt */
.section .btn-block .rt {
    width: 49%;
    text-align: right;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 10px 15px;
}

.section .btn-block .rt:hover {
    border: 1px solid #2e8555;
}

.section .btn-block .rt a span {
    font-size: 14px;
    font-weight: 500;
    color: #363636;
    display: block;
}

.section .btn-block .rt a strong {
    font-size: 16px;
    font-weight: 700;
    color: #2e8555;
    display: block;
}

.section .btn-block .rt a strong i.bx {
    font-size: 16px;
    color: #2e8555;
    vertical-align: middle;
}

/** copy **/

.copy {
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
    background: #303846;
    position: relative;
    z-index: 999;
}

.copy .main {
    width: 86%;
    margin: 0 auto;
}

.copy .social h6 {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.copy .social a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}

.copy .social a i.bx {
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}

.copy .social a:hover {
    color: #2e8555;
    text-decoration: underline !important;
}

.copy .social a:hover i.bx {
    color: #2e8555;
}

.copy-row {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.copy-row p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}