:root {
--primary-font: "Nunito", sans-serif;
--primary-color:#00a47e;
--secondary-color:#ff4714;
--action-color:#000;
--white-color:#ffffff;
--typo-dark:#000;
--typo-body:#484848;

--radius:4px;
--radius-big:6px;
--radius-small:2px;
--w-light:300;
--w-regular:400;
--w-medium:500;
--w-semi-bold:600;
--w-bold:700;
--w-extra-bold:800;

}

*{  
    -ms-word-wrap: break-word;  
    word-wrap: break-word;
}

html {
    font-size:10px;
    margin:0;
    padding:0;
    overflow-x:hidden
}
@media (max-width:1199px) {
    html {
        font-size:11px
    }
}
@media (max-width:991px) {
    html {
        font-size:9px
    }
}
body {
    position:relative;
    font-family:var(--primary-font);
    font-size:16px;
    font-weight: var(--w-medium);
    line-height: 28px;
    margin:0;
    padding:0;
    color:var(--typo-body);
    vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}::selection {
    background:rgba(0,0,0,0.7);
    color:#fff;
    text-shadow:none
}
hr {
    display:block;
    height:1px;
    border:0;
    margin:0;
    padding:0
}
audio,canvas,iframe,img,svg,video {
    vertical-align:middle
}
fieldset {
    border:0;
    margin:0;
    padding:0
}
textarea {
    resize:vertical
}
a,
button {
    outline:none;
    transition:all .21s
}
a {
    color:var(--primary-color);
    font-family:var(--primary-font);
}
a:hover {
    color:var(--action-color);
    text-decoration:underline
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
b {
    color:var(--typo-dark);
    white-space: normal;    
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}
.container-fluid {
    padding:0 4rem
}
@media (max-width:767px) {
    .container-fluid {
        padding:0 2rem
    }
}
figure {
    margin:0;
    padding:0
}
@media (max-width:991px) {
    figure img {
        width:100%;
        height:auto
    }
}
@media (max-width:991px) {
    .section-gap {
        padding-top:10rem;
        padding-bottom:10rem
    }
}
.object-fit__cover {
    -o-object-fit:cover;
    object-fit:cover
}
.object-fit__contain {
    -o-object-fit:contain;
    object-fit:contain
}
.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    white-space:nowrap
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
    white-space:inherit
}
.invisible {
    visibility:hidden
}
.border-radius {
    border-radius:var(--radius)
}
.no-overflow {
    overflow:hidden
}
.primary-bg-color {
    background-color:var(--primary-color)
}
.bg-white {
    background-color:#fff
}
.radius {
    border-radius:var(--radius)
}
.radius-big {
    border-radius:var(--radius-big)
}

.grad-bg {
    background:linear-gradient(0deg,#EAEDF3 0%,#fff 100%)
}
.shadow-p1 {
    box-shadow:0 1px 1px 0 rgba(10,31,68,0.08)
}
.shadow-p2 {
    box-shadow:0 3px 6px 0 rgba(10,31,68,0.1)
}
.section-subtitle {
    font-size:2rem;
    font-weight:var(--w-semi-bold)
}
.brand-logo {
    display:block
}
@media print {
*,*:before,*:after {
    background:transparent !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    text-shadow:none !important
}
a,
a:visited {
    text-decoration:underline
}
a [href ]:after {
    content: "( "attr(href) ") "
}
abbr [title ]:after {
    content: "( "attr(title) ") "
}
a [href^= "# " ]:after,
a [href^= "javascript: " ]:after {
    content: " "
}
pre {
    white-space:pre-wrap !important
}
pre,blockquote {
    page-break-inside:avoid
}
thead {
    display:table-header-group
}
tr,img {
    page-break-inside:avoid
}
p,h2,h3 {
    orphans:3;
    widows:3
}
h2,h3 {
    page-break-after:avoid
}
}
h1,h2,h3,h4,h5,h6 {
    font-family:var(--primary-font);
    color:var(--typo-dark);
    font-weight:var(--w-bold);
    line-height:1.5;
    margin-bottom: 20px;
}
h1 {
    font-size:4.4rem
}
h2 {
    font-size:3.6rem
}
h3 {
    font-size:2.4rem
}
h4 {
    font-size:2rem;
}
h5 {
    font-size:1.8rem;
}
h6 {
    font-size:1.6rem;
}
p {
    font-size:16px;
    color:var(--typo-body);
    white-space: normal;
}
.w-light {
    font-weight:var(--w-light)
}
.w-regular {
    font-weight:var(--w-regular)
}
.w-semi-bold {
    font-weight:var(--w-semi-bold)
}
.w-bold {
    font-weight:var(--w-bold)
}
.w-ex-bold {
    font-weight:var(--w-extra-bold)
}
/*========================================
//  HeadRoom Sticky
==========================================*/
.page-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    height:8rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    width:100%;
    background-color: #fff;
    box-shadow: 6px 6px 32px 0 rgba(0, 80, 191, 0.08);
}
.page-header.scrolling {
    background-color: #fff;
    box-shadow: 6px 6px 32px 0 rgba(0, 80, 191, 0.08);
}

.headroom {
    will-change: transform;
    transition: transform 250ms ease-in-out;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.header--not-top.headroom--pinned {
    transform: translateY(calc(86px - 100%));
}
@media (max-width:767px) {
    .page-header {
        height:auto
    }
}
.page-nav img {
    width: 149px;
}
.page-nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content:space-between
}

@media (max-width:767px) {
    .page-nav {
        display:block
    }
    .page-nav .nav-brand {
        display:block;
        margin:20px 0 20px;
        text-align:center
    }
}
.nav-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:12px;
}
.nav-list a {
    font-size:14px;
    font-family: var(--primary-font);
    font-weight:var(--w-medium);
    color:var(--typo-dark);
    text-transform:capitalize;
    text-decoration:none;
    margin-left:3rem
}
.nav-list a:nth-of-type(1) {
    margin-left:0
}
.nav-list a:hover {
    color:var(--primary-color)
}
.nav-list .toggle-navbar {
    font-size:20px;
    line-height:1;
    display:none
}
@media (max-width:1199px) {
    .nav-list .toggle-navbar {
        display:block
    }
}
@media (max-width:767px) {
    .nav-list {
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:10px 0 15px;
        
    }
    .nav-list a {
        font-size:12px;
        margin-left:2rem
    }
}
.main-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap
}
@media (min-width: 1200px) {
    .headroom--unpinned + .main-content-wrapper:has(.sidebar-navigation) .sidebar-navigation {
        top: 25px;
        transition: all 0.5s ease-in-out;
    }
}
.sidebar-navigation {
    position:fixed;
    top:120px;
    bottom:40px;
    width:360px;
    padding: 30px;
    overflow-x:hidden;
    transition:all .21s;
    background: #f6f6f6;
    border-radius: 12px;
    z-index: 9;
}
@media (max-width:1199px) {
    .sidebar-navigation {
        padding: 0 2rem 2rem 2rem;
    }
    .sidebar-navigation.stick-to-top {
        top:0
    }
    .sidebar-navigation {
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        width:300px;
        transform:translateX(-310px);
        transition:all 0.33s;
        z-index:9999;
        box-shadow:3px 0 10px rgba(0,0,0,0.1);
        padding-top: 20px;
    }
}
.sidebar-navigation.show {
    transform:translateX(0)
}
.menu-doc-nav {
    padding-left:0;
    list-style:none;
    font-family:var(--primary-font);
}
.menu-doc-nav ul {
    padding-left:3rem;
    list-style:none
}
.menu-doc-nav ol {
    padding-left: 2rem
}
.menu-doc-nav a {
    font-size:16px;
    font-family:var(--primary-font);
    font-weight: var(--w-semi-bold);
    line-height:3rem;
    color:var(--typo-dark);
    text-decoration:none;
    padding: 2px 0;
}
.menu-doc-nav a {
	position: relative;
	display: inline-block;
	background: linear-gradient(to right, #e3e3e3 0%, var(--primary-color) 100%);
	background-size: 0px 2px;
	background-position: 0px 95%;
	transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	background-repeat: no-repeat;
}
.menu-doc-nav a:focus,
.menu-doc-nav a.active,
.menu-doc-nav a:hover {
	color:var(--primary-color);
	background-size: 100% 2px;
	text-decoration: none !important;
}
.main {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:100%;
    margin-left:360px;
    padding:0 0 30px 30px
}
@media (max-width:1199px) {
    .main {
        margin:60px 0 0;
        padding:0
    }
}
.section-1,
.section-2 {
    height:2000px
}
b {
    font-style: italic;
}

input,
textarea {
    width:100%;
    padding:1rem 2rem;
    background:#fff;
    border:1px solid #eee;
    border-radius: 6px;
    font-size:16px;
    line-height:30px;
    color:var(--typo-body)
}
input:focus,
textarea:focus {
    border:1px solid var(--primary-color);
    outline: none;
}
.input-group {
    position:relative
}
.input-group button {
    position:absolute;
    background:transparent;
    border:none;
    top:0;
    right:0;
    font-size:16px;
    line-height:34px;
    padding:1.5rem 2rem;
    cursor:pointer;
    transition:all .21s
}
.input-group button i {
    font-weight:var(--w-medium);
    color:var(--typo-body);
    transition:all .21s
}
.input-group button:hover i {
    color:var(--primary-color)
}
.main h3 {
    background-color: var(--primary-color);
    border-radius: 6px;
    padding: 10px 20px;
    margin-bottom: 3rem;
    margin-top: 3rem;
    transition: color .21s;
    letter-spacing: 1px;
    color: var(--white-color);
}
.main p {
    margin-bottom:2rem;
}
.main ul,
.main ol {
    margin:0 0 2rem
}
.main img {
    margin-bottom:4rem;
    box-shadow:0 0 20px rgba(0,0,0,0.17);
    border-radius: 20px;
    padding: 24px;
    width: 100%;
}
img {
    max-width:100%;
    height:auto
}
.page-footer {
    background-color:var(--typo-dark);
    padding:19px 0;
    position:relative;
    z-index: 10;
}
.page-footer p {
    color:#fff;
    margin:0;
    text-align: center;
}
.page-footer a {
    color:#fff
}
.page-footer a:hover {
    color:var(--primary-color)
}
.nav {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (max-width:1199px) {
    .nav {
        display:block
    }
}
@media (max-width:1199px) {
    .main-content {
        padding-top:1px;
        padding-bottom:50px
    }
}
section.active h3 {
    color:var(--white-color);
    background-color: #4f8578;
}
.sidebar-navigation ol {
    counter-reset:section;
    list-style-type:none
}
.sidebar-navigation ol li a::before {
    counter-increment:section;
    content:counters(section, ". ") ". "
}
.back-to-top {
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #fff;
    box-shadow: 0 4px 50px rgba(0, 0, 0, 0.15);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 320ms ease;
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
}
.back-to-top:hover {
    color:#fff;
    bottom:3.2rem;
    opacity:1
}
.nav-link {
    color: var(--primary-color);
}
.nav-link:hover {
    text-decoration:underline;
    color: var(--action-color);
}
li img {
    display:block;
    margin-top:20px
}
/*button style*/
.doc-button .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 12px 30px;
	position: relative;
	font-weight: 500;
	text-transform: capitalize;
	border: 0;
	border-radius: 30px;
	font-size: 15px;
    color: var(--white-color);
    transition: all .21s;
    background-color: var(--primary-color);
}
.doc-button .btn:hover {
    background-color: var(--action-color);
    color: var(--white-color);
}



.main-content{
	padding-top: 120px;
}
.search-form{
	margin-bottom: 20px;
}
.logo-wrapper{
	margin-bottom: 20px;
}

.main .image-no-100 img{
    width: inherit;
}
img.arrow {
    max-width: 18px;
    backface-visibility: hidden;
    box-shadow: none;
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 5px;
}
@media(max-width:1199px) {
    iframe {
        width: 100%;
    }
}

@media(max-width:767px) {
    .main-content{
        padding-top: 160px;
    }
}
.sidebar-navigation::-webkit-scrollbar {
    width: 0;
}
.sidebar-navigation::-webkit-scrollbar {
    background: var(--primary-color);
}
.sidebar-navigation::-webkit-scrollbar-thumb {
    background: var(--action-color);
}