/* Fonts */
@import url(fonts/fonts.css);


/* Bootstrap Variables & Overrides */
:root{
    --bs-font-sans-serif: 'MiloPro_', 'open_sansregular', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-color: #373738;
    --bs-body-line-height: 1.8;
    --bs-link-color: #373738;
    --bs-link-hover-color: #373738;
    --bs-link-color-rgb: 55, 55, 56;
    --ar-page-primary-color: #373738;
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1040px;
    }
}

strong{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.btn{
    --bs-btn-font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}



/* Navigation */
.navbar{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: #fff;
}

.navbar-dark svg path{
    fill: #fff;
}

.navbar .nav-item:not(:last-child){
    margin-right: 1.5rem;
}

.navbar .nav-link{
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 15px !important;
}

.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:active,
.navbar .nav-link:focus{
    color: #373738;
}

.navbar .nav-link.active{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.navbar .btn-primary{
    background-color: #373738 !important;
    border-color: #373738 !important;
    white-space: nowrap;
}

.navbar .btn-primary::after{
    content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3991 2.9603C10.7703 3.36926 10.7397 4.00168 10.3307 4.37286L6.05052 8.25761L6.04321 8.26425L5.89556 8.39825C5.50427 8.75339 4.90421 8.74279 4.5257 8.37406L0.393574 4.34867C-0.00202509 3.96328 -0.0103086 3.33017 0.375073 2.93457C0.760455 2.53897 1.39357 2.53069 1.78917 2.91607L4.37502 5.43514V0.99054C4.37502 0.438255 4.82273 -0.00946045 5.37502 -0.00946045C5.9273 -0.00946045 6.37502 0.438255 6.37502 0.99054V5.26217L8.98659 2.89188C9.39555 2.52071 10.028 2.55134 10.3991 2.9603ZM1.09135 8.97271C0.550597 8.97271 0.112231 9.37058 0.112231 9.86137C0.112231 10.3522 0.550597 10.75 1.09135 10.75H9.66976C10.2105 10.75 10.6489 10.3522 10.6489 9.86137C10.6489 9.37058 10.2105 8.97271 9.66976 8.97271H1.09135Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    margin-left: 10px;
}

.navbar .navbar-toggler{
    border: 0;
}

.navbar .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2855, 55, 56, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")    
}



.navbar-dark .nav-link,
.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:active,
.navbar-dark .nav-link:focus{
    color: #ffffff;
}

.navbar-dark .nav-link.active{}

.navbar-dark .btn-primary{
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #373738 !important;
}

.navbar-dark .btn-primary::after{
    content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3991 2.9603C10.7703 3.36926 10.7397 4.00168 10.3307 4.37286L6.05052 8.25761L6.04321 8.26425L5.89556 8.39825C5.50427 8.75339 4.90421 8.74279 4.5257 8.37406L0.393574 4.34867C-0.00202509 3.96328 -0.0103086 3.33017 0.375073 2.93457C0.760455 2.53897 1.39357 2.53069 1.78917 2.91607L4.37502 5.43514V0.99054C4.37502 0.438255 4.82273 -0.00946045 5.37502 -0.00946045C5.9273 -0.00946045 6.37502 0.438255 6.37502 0.99054V5.26217L8.98659 2.89188C9.39555 2.52071 10.028 2.55134 10.3991 2.9603ZM1.09135 8.97271C0.550597 8.97271 0.112231 9.37058 0.112231 9.86137C0.112231 10.3522 0.550597 10.75 1.09135 10.75H9.66976C10.2105 10.75 10.6489 10.3522 10.6489 9.86137C10.6489 9.37058 10.2105 8.97271 9.66976 8.97271H1.09135Z' fill='currentColor'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    margin-left: 10px;
}

.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")    
}



/* Global Hero Section */
.hero-section{
    padding-top: 75px;
    padding-bottom: 105px;
    margin-bottom: 30px;
}

.hero-section h1{
    color: var(--ar-page-primary-color);
    font-size: 86px;
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .hero-section h1{
        font-size: 56px;
    }
}

.section-intro{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.5;
    font-size: 26px;
    color: #373738;
}

.hero-section h2{
    color: #6CB33E;
    /* font-size: 85px; */
    font-size: 81px;
    font-family: 'MiloPro_-Bold', 'open_sanssemibold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    max-width: 50vw;
    line-height: 115%;
}

@media (max-width: 768px) {
    .hero-section{
        padding-bottom: 5rem;
    }
    
    .hero-section h2{
        font-size: 64px;
    }
}


.hero-section--dark h1, .hero-section--dark h2{
    color: #fff;
}

.hero-section--short{
    background: #fff;
    padding-bottom: .4rem;
    margin-bottom: -.05rem;
}



/* Content Section */
.container-full-bleed-right{
    /* max-width: none;
    padding-right: 0;
    padding-left: 30px; */
}

.container-full-bleed-right .sidebar-col{
    /* padding-right: 0 !important; */
}

.content-section .primary-col{
    padding-right: 4rem;
}

.content-section .primary-col aside{
    font-size: 40px;
    margin-bottom: .75rem;
    line-height: 125%;
}

.content-section h3{
    font-size: 20px;
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    margin-top: 2.25rem;
    color: var(--ar-page-primary-color);
}


/* Callout Cards */
.callout-cards{
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    
    /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); */

	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
    gap: 16px;
}

.callout-card{
    background: #fff;
    padding: 20px 48px 44px 48px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.callout-card-basic{}

.callout-card__top{}

.callout-card__top-lead{
    background-color: var(--ar-page-primary-color);
    width: 100%;
    display: block;
    padding: 10px 16px;
    text-transform: uppercase;
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    color: #fff;
}

.callout-card-icon-badge .callout-card__top-lead{
    padding: 8px 16px;
}

.callout-card-icon-badge .callout-card__top-lead span{
    max-width: 75%;
    display: block;
}

.callout-card-basic .callout-card__top{
    margin-bottom: 13px;
}

.callout-card-icon-badge .callout-card__top{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
    position: relative;
}

.callout-card-icon-badge{
    padding-top: 43px !important;
}

.callout-card-icon-badge .callout-card__top .callout-card__top-icon{
    position: absolute;
    right: -22px;
    background-color: #fff;
    border: 1px solid var(--ar-page-primary-color);
    width: 84px;
    height: 84px;
    border-radius: 50%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.callout-card__header{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--ar-page-primary-color);
    margin-bottom: 9px;
}

.callout-card__header h3{
    text-transform: none;
}

.callout-card-basic .callout-card__header h3{
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

.callout-card-icon-badge .callout-card__header h3{
    font-size: 24px !important;
    margin-bottom: 0 !important;
}

.callout-card__body{
    font-size: 14px;
    line-height: 1.75;
}

.callout-card__body-image{
    margin-top: 14px;
}

@media (max-width: 991px) {
    .callout-card{
        max-width: none !important;
    }
}

.inner-cards-row{
    margin-top: 40px;
}

/* Sidebar */
.sidebar-col h5{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
    margin-bottom: 1.15rem;
}

.sidebar-image img{
    border-radius: 5px;
}

.sidebar-quote{}

.sidebar-quote--start{
    display: block;
    margin-bottom: 1rem
}

.sidebar-quote--text{
    color: #6CB33E;
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 24px;
    line-height: 1.3;
}

.sidebar-highlights{}

.sidebar-highlights h4{
    color: #6CB33E;
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
}

.large-stat{
    text-align: center;
}

.large-stat--title{
    color: #000;
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.79;
}

.large-stat--title-context{}

.large-stat--value{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 45px;
    color: #6CB33E;
    line-height: 1.3;
}
.large-stat--value small {
    font-size: 0.75em;
}

.large-stat--desc{
    font-size: 20px;
    text-transform: uppercase;
}

.sidebar-highlights .large-stat{
    /* border-top: 1px solid rgba(178, 180, 179, 1); */
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}



/* Callout Stat */
.callout-stat{
    text-align: center;
}

.callout-stat--value{
    font-size: 64px;
}

.callout-stat--title{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.callout-stat--context{}



/* Sentence Stat */
.sentence-stat--text{
    text-transform: uppercase;
    line-height: 1.6;
    margin-bottom: .6rem;
}

.sentence-stat--value{
    font-family: 'MiloPro_-Bold', 'open_sansbold', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 48px;
    line-height: 1;
    margin-bottom: .6rem;
}



/* Footer */
footer{
    /* margin-top: 4rem; */
    background: #ECECEC !important;
}

footer .navbar{
    padding: 2rem 1.5rem;
    background: transparent;
}

footer .navbar-brand{
    font-size: 14px !important;
    white-space: normal !important;
}









@media (max-width: 999.98px) {

    .navbar-expand-my>.container,
    .navbar-expand-my>.container-fluid,
    .navbar-expand-my>.container-sm,
    .navbar-expand-my>.container-md,
    .navbar-expand-my>.container-lg,
    .navbar-expand-my>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width: 1000px) {
    .navbar-expand-my {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-my .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-my .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-my .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
        line-height: 1.2;
    }

    .navbar-expand-my>.container,
    .navbar-expand-my>.container-fluid,
    .navbar-expand-my>.container-sm,
    .navbar-expand-my>.container-md,
    .navbar-expand-my>.container-lg,
    .navbar-expand-my>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-my .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-my .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-my .navbar-toggler {
        display: none
    }
}

@media (max-width: 1710px) and (min-width: 1250px) {
    .navbar-nav {
        max-width: 887px;
    }
}

/*
@media (max-width: 1600px) and (min-width: 1250px) {
    .navbar-nav {
        max-width: 1030px;
    }
}
*/

@media (max-width: 1249px) and (min-width: 1000px) {
    .navbar-nav {
        max-width: 810px;
    }
    .navbar .nav-link {
        font-size: 13px !important;
    }
}

@media (max-width: 999px) {
    .navbar .nav-link br {
        display: none;
    }
}

.d-ib {
    display: inline-block;
}

.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.flex-center .flex-wrap {
    max-width: 100%;
    flex-grow: 0;
}

.flex-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

}

.flex-end .flex-wrap {
    max-width: 100%;
    flex-grow: 0;
}

.smallcap {
    font-size: 0.8em;
    text-transform: uppercase;
}

.icon-circle {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid;
}
.icon-circle > * {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    max-height: 80%;
    display: block;
    transform: translate(-50%, -50%);
}

.callout-rows > * {
    display: flex;
}
.callout-rows > * > * {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto;
}