/* About Us CSS */
/* Hero SM-1 */
/* nav styles */
#new-nav{background-color: #ffffff !important;}
#new-nav ul li a.nav-link{color: #28812a !important;}
#new-nav .ecom-styles .bg-dark-blue {
    background-color: #00599D !important;
}
#suggestionQuery{border-radius: 16px !important;}
#hero-sm-1{text-align: center; color: #ffffff;
    margin-top:0px;
    background-image:linear-gradient(to bottom,#000000,#333333);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.page-container{
    max-width: 100%;
    position: relative;
    width: 100%;
	margin: 0 auto;
}
.flex-thing{display: flex;align-items: center;flex-direction: row; flex-wrap: wrap;  justify-content: space-between; align-items: stretch;}
/* hide and show mobile */
.show-desktop{display: block;}
.show-mobile{display: none;}

/*@media screen and (min-width: 1440px) {
  .page-container{
    max-width: 80%;
    padding: 0 50px;
}
}*/
/* who we are */
#whoweare{
	display: flex;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	gap:45px;
	justify-content:flex-start;
	z-index:10;
	margin-top:80px;
	padding:8% 5%;
	font-family:"Open Sans" !important;
	/* background-image:url('../images/about-us-header-resized-.webp'); */
	background-image:url('../images/aboutus.png');
	background-position:90% 100%;
    background-repeat: no-repeat;
    background-size: 700px; min-height: 500px;
}
#whoweare .whoweare-left{width:46%; padding:0 0 20px 50px; text-align: left;}
#whoweare .whoweare-left h1{font-size:56px; line-height: 75px;font-weight: 200;}
#whoweare .whoweare-left h1 .bolded{font-size:56px; line-height: 1.1em;font-weight: 500; margin: 0;}
#whoweare .whoweare-left p{color: #ffffff; font-weight: 200; line-height:24px;text-align: left; font-size: 18px;}
#whoweare .whoweare-left p.hero-bold, #whoweare .whoweare-left p strong{font-weight: 500;}
#whoweare .whoweare-left a{color:#ffffff; border:1px solid #ffffff; border-radius:32px; padding:10px 20px; margin:15px 0 15px 0px;font-size:20px; font-weight:500; text-decoration:none;display:inline-block;}
#whoweare .whoweare-left .whoweare-subhead{font-size:18px; line-height: 21px; font-weight: 500; font-family:"Open Sans" !important;}
#whoweare .whoweare-right{width:46%; padding-top:2%; position: relative; display: flex; justify-content: flex-end;flex-direction: column;}
/*#whoweare .whoweare-right{width:46%; padding-top:2%; position: relative; display: flex; justify-content: flex-end;flex-direction: column;background-image: url('images/HexHeader.webp'); background-position: top center;
    background-repeat: no-repeat; background-size: contain;}*/
#whoweare .whoweare-right img{position: relative; bottom:0;}
#whoweare .whoweare-right .hero-tab-content{position: absolute; display:none; margin: 0 auto; width: 100%;}
#whoweare strong{font-weight: 500;}
/* for mobile */
@media screen and (max-width: 1000px) {
    #whoweare{flex-direction: column-reverse; padding:0% 2% 3% 2%;background-image:none; text-align: center;}
    #whoweare .whoweare-left {width: 100%; text-align: center;}
    #whoweare .whoweare-left p{width: 100%; text-align: center;}
    #whoweare .whoweare-right {width: 100%; padding-top:0;text-align: center;}
    #whoweare .whoweare-left {padding: 0 20px;}
}
/* End hero sm-1 */
/* fifty-fifty */

#fifty-fifty{padding:50px 100px 25px 100px;background-color: #DDDDDD;}
#fifty-fifty .fifty-fifty-wrapper{display: flex;align-items: flex-start;flex-direction: row; flex-wrap: wrap;  justify-content: space-between;width:83%; margin: 0 auto; padding:0 30px;}
#fifty-fifty .ff-left{width:48%;margin:25px 0; padding:0 15px;}

#fifty-fifty .ff-right{width:48%;margin:25px 0; padding:0 15px;}
#fifty-fifty .ff-header{color:#28812a; text-transform: uppercase; font-size:28px; font-family:"Open Sans" !important;font-weight: 200;}
#fifty-fifty p{width: 85%; font-size:18px; font-family:"Open Sans" !important;font-weight: 200;}
#fifty-fifty strong{font-weight: 500;}
.animated-box { opacity: 0; transform: translateY(50px); transition: all 0.6s ease-out; }
.animated-box.visible { opacity: 1; transform: translateY(0); }
@media screen and (max-width: 768px) {
    #fifty-fifty{flex-direction: column; padding:0% 2% 3% 2%;background-image:none; text-align: center;}
    #fifty-fifty .fifty-fifty-wrapper{width:100%;}
    #fifty-fifty .ff-left, #fifty-fifty .ff-right {width: 100%;}
    #fifty-fifty .ff-left {padding: 0 20px;}
    #fifty-fifty p{width: 100% !important; font-size:18px; font-family:"Open Sans" !important;font-weight: 200;}
    /* this overrides the default order -- pretty nifty */
    #fifty-fifty .order0{order:0;}
    #fifty-fifty .order1{order:1;}
    #fifty-fifty .order2{order:2;}
    #fifty-fifty .order3{order:3;}
    #fifty-fifty .order4{order:4;}
    #fifty-fifty .order5{order:5;}
}
/* end fifty-fifty styles */
/* our values */
#flip{background-color: #31ab32; min-height: 300px;font-family:"Open Sans" !important;font-weight: 200;}
#flip .flip-wrapper{display: flex;align-items: stretch;flex-direction: row; flex-wrap: wrap; gap:0px;  justify-content: space-evenly;}
#flip .flip-wrapper .flip-item{width: 25%; padding:0;text-align: center;min-height: 300px;}
#flip .flip-wrapper .flip-item img{width:175px; }
#flip .flip-wrapper .flip-item .flip-item-header{color: #ffffff; text-align: center; font-size: 20px; font-weight: 500;}
#flip .flip-wrapper .flip-item .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    font-family:"Open Sans" !important;
}

#flip .flip-wrapper .flip-item:hover .flip-box-inner {
    transform: rotateY(180deg);
}

#flip .flip-wrapper .flip-item .flip-box-front, #flip .flip-wrapper .flip-item .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: block;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    padding: 20px;
    font-family:"Open Sans" !important;
}

#flip .flip-wrapper .flip-item .flip-box-front {
    color: white;
}

#flip .flip-wrapper .flip-item .flip-box-back {
    background-color: #333333;
    color: #ffffff;
    transform: rotateY(180deg);
}
.ft-weight{font-weight: 500;}
@media screen and (max-width: 768px) {
    #flip .flip-wrapper {flex-direction: column;}
    #flip .flip-wrapper .flip-item {width: 100%;min-height: 300px;}
    #flip .flip-wrapper .flip-item .flip-box-inner {min-height: 300px;}
}


/* end our values */
/* Offer Styles */
#offer {background-image:linear-gradient(to right,#28812a,#31ab32);padding:5% 2%; text-align: left;}
#offer .offer-wrapper{display: flex; margin:0 auto; width:80% !important; justify-content: center; background-color: #31ab32;align-items:center;flex-direction: row; flex-wrap: wrap; padding:20px 30px;}
#offer .offer-wrapper .offer-left{width: 40% !important; text-align: center;}
#offer .offer-wrapper .offer-right{display: flex; width: 60%; padding: 3%;}
#offer .offer-wrapper .offer-right iframe{display: flex;align-items:center; justify-content: center;margin:auto;}
#offer .offer-wrapper .offer-left h2{font-size: 46px; line-height: 55px;color:#ffffff; font-family:"Open Sans" !important;font-weight: 200;}
#offer .offer-wrapper .offer-left p{font-size:18px; color:#ffffff; line-height: 25px;color:#ffffff; font-family:"Open Sans" !important;font-weight: 200;}
#offer .offer-slider {position: relative;display: inline-flex; width:100%; margin: auto; align-items: center;}
#offer .slider {
    width: 80%;
    height:100%;
    position: relative;
    padding-top:10px;
    margin:10px auto;
}

#offer .offering {
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0px 5px;
    transition: opacity 0.6s ease;
    z-index: 0;
    font-weight:200;
    font-family:"Open Sans" !important;
    text-align: center;
    display: block;
    align-items:stretch;flex-direction: row; flex-wrap: wrap; justify-content:space-between;
}
#offer .offering .offering-left{width:100%; padding-bottom: 15px; margin:auto;}
#offer .offering .offering-right{width:70%; margin:auto; text-align: left;}
#offer .offering p{font-size: 18px; text-align: center; font-weight:200;font-family:"Open Sans" !important; color:#ffffff;}
#offer .offering.hidden {
    opacity: 0;
    pointer-events: none;
    font-family:"Open Sans" !important;
}

#offer .offering.visible {
    opacity: 1;
}

#offer .dots {
    text-align: center;
    margin-top: 200px;
}

#offer .dot {
    height: 12px;
    width: 12px;
    margin: 0 5px;
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#offer .dot.active {
    background-color: #A1B6CE;
}
#offer .offering .offering-right strong{font-weight: 500;}
#offer .offer-slider .carousel-arrow {
    position: relative; !important;
    top: 50%;
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: none;
    font-size: 2rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s;
    height:75px;
}
#offer .offer-slider .carousel-arrow img{height:75px;}

#offer .offer-slider .arrow-left {
    left: 10px;
}

#offer .offer-slider .arrow-right {
    right: 10px;
}
@media (min-width: 769px) and (max-width: 1000px) {
    #offer .offer-wrapper{width:95%; text-align: center; }
    #offer .offer-wrapper .offer-left,
    #offer .offer-wrapper .offer-right {width:100%;}
    #offer .offer-slider{width:95%}
    #offer .slider{max-width:95%;}
    #offer .dots {margin-top: 230px;}
    #offer .offer-wrapper .offer-right iframe {}
}
@media (max-width: 768px) {
    #offer {position: relative;; display: flex; flex-direction: column;  width: 100%;  padding: 0; transition: opacity 0.6s ease; font-wieght: 200; font-family: "Open Sans"; text-align: center;  flex-wrap: wrap; justify-content: space-between;}
    #offer .slider {display: inline-flex; position: relative; max-width: 95%; flex-direction: row; justify-content:center; height: 100%; align-items:center; }
    #offer .offer-wrapper{display:flex; height: fit-content; width: 100% !important; width:100%; text-align: center;}
    #offer .offer-wrapper .offer-left{width: 100% !important;}
    #offer .offer-wrapper .offer-left p{font-size: 18px; color: #ffffff;line-height: 25px; color: #ffffff; font-family: "Open Sans" !important; font-weight: 200;text-align: center;}
    #offer .offering.hidden {display:none; opacity: 0; width: 100%; margin: auto; pointer-events: none; font-family:"Open Sans" !important;
    }
    #offer .offering.visible {display: flex; height: fit-content;  width:100%; margin: auto; opacity: 1;      }

    #offer .offer-wrapper .offer-right{width:100%; height: 100%;}
    #offer .offering {position: relative; opacity:1 !important; display:flex; min-width: 100%; height: auto; align-items: center;}
    #offer .offering .offering-left{width: 90%;}
    #offer .offering .offering-right {width: fit-content;}
    #offer .dots {margin-top: 240px;}
    #offer .offering p {text-align: center; width:90%; margin:auto; padding-top: 15px; font-size: 18px;}
    #offer .offer-wrapper .offer-left h2{font-size: 52px; line-height: 55px; color: #ffffff; font-family: "Open Sans" !important; font-weight: 200; text-align:center;}
    #offer .offer-slider .carousel-arrow {height: 45px; transform:none;}
    #offer .offer-slider .arrow-left {align-items: center;margin: auto;}
    #offer .offer-slider .arrow-right {align-items: center;margin: auto;}
}
/* End Offer Styles */

/* Why Orgs Choose */
#orgs-choose{text-align: left; color: #ffffff;
    display: inline-flex;
    gap: 0px;
    margin-top:0px;
    padding: 5% 7%;
    background-image:linear-gradient(to right,#333333,#000000);
}
#orgs-choose .orgs-choose-wrapper{width:80%; margin: auto; padding: 20px 30px;}
#orgs-choose .orgs-choose-wrapper h2{font-size: 52px; line-height: 55px;color:#ffffff; font-family:"Open Sans" !important;font-weight: 200;}
#orgs-choose .orgs-choose-wrapper .orgs-choose{display: inline-flex;align-items:stretch;flex-direction: row; flex-wrap: wrap; gap:0px;  justify-content:center; padding:20px 0px;}
#orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-left{display: flex;flex-direction: column; width: 40% !important ;margin: auto;}
#orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-left a{color:#ffffff; border:1px solid #ffffff; width: fit-content; border-radius:32px; padding:3%; margin:15px 0 15px 0px;font-size:20px; font-weight:500; text-decoration:none;}
#orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right{display: flex;width: 60%; padding: 3%; min-height: auto; max-width: 60%}
#orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right iframe{display: flex; height: 315px; width: 560px; justify-content: center; margin: auto;min-height: auto !important}
#orgs-choose .orgs-choose-wrapper p{font-size:18px; color:#ffffff; line-height: 25px;color:#ffffff; font-family:"Open Sans" !important;font-weight: 200;}
#orgs-choose .orgs-choose-right {display:flex;}

@media screen and (max-width: 1000px) {
    #orgs-choose .orgs-choose-wrapper{text-align: center; width: 100%;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-left,#orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right{width: 40% !important;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right{margin:auto; min-width: 60%;justify-content: center;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right iframe {display:flex; justify-content: center; margin:auto;}
    #fifty-fifty-sm p {font-size: 18px;
        padding: 15px 0 0 0;
        font-family: "Open Sans" !important;
        font-weight: 200; text-align: center;}
    #fifty-fifty-sm .ff-left h2{    font-size: 46px;
        line-height: 53px;
        font-family: "Open Sans" !important;
        font-weight: 200;
        text-align: center;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-left a{margin: auto; color:#ffffff;border:1px solid #ffffff;width: fit-content;border-radius:32px;padding:3%;margin:15px 0 15px 0px;font-size:20px;font-weight:500;text-decoration:none;justify-content: center;display: flex;}
    }

@media screen and (max-width: 768px) {
    #orgs-choose{width: 100%}
    #orgs-choose .orgs-choose-wrapper{display:flex; flex-direction: column; text-align: center; width: 100%; margin: auto;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-left{display: flex; flex-direction: column; width: 100% !important;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right{display: flex; width: 100% !important;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right{margin:auto; min-width: 100%;justify-content: center;}
    #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-right iframe {display:flex; justify-content: center; margin:auto;}
    #fifty-fifty-sm p {font-size: 18px;
        padding: 15px 0 0 0;
        font-family: "Open Sans" !important;
        font-weight: 200; text-align: center;}
    #fifty-fifty-sm .ff-left h2{    font-size: 46px;
        line-height: 53px;
        font-family: "Open Sans" !important;
        font-weight: 200;
        text-align: center;
    }
        #orgs-choose .orgs-choose-wrapper .orgs-choose .orgs-choose-left a {
        margin: auto;
        color: #ffffff;
        border: 1px solid #ffffff;
        width: fit-content;
        border-radius: 32px;
        padding: 3%;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        justify-content: center;
        display: flex;
}
}
/* End Why Orgs Choose */
/* fifty fifty service model code */
#fifty-fifty-sm{background-color: #dddddd;background-image: url('../images/map.webp'); background-position: top right;
    background-repeat: no-repeat;
    background-size: 600px; min-height: 500px;
    padding:3% 0;
}
#fifty-fifty-sm .ff-wrapper{width: 75%; margin: 0 auto;}
#fifty-fifty-sm .ff-left{width:60%;margin:0; text-align: left; padding:0 0 30px 0px;}

#fifty-fifty-sm .ff-right{width:15%; padding:50px 70px 0 0;}
#fifty-fifty-sm .ff-left h2{font-size: 46px; line-height: 53px; font-family:"Open Sans" !important;font-weight: 200;}
#fifty-fifty-sm h2 strong{font-weight: 500;}
#fifty-fifty-sm p{font-size:18px; padding:15px 25px 0 0;font-family:"Open Sans" !important;font-weight: 200;}
#fifty-fifty-sm a{color:#31ab32; font-weight:500; text-decoration:none;font-family: "Open Sans" !important;}

#fifty-fifty-sm .ff-icon-wrapper{display: flex;align-items:stretch;flex-direction: row; flex-wrap: wrap; gap:0px;  justify-content:flex-start;width: 75%; margin: 0 auto;}
#fifty-fifty-sm .ff-icon-wrapper .ff-icon-item{width: 23%;text-align: center;}
#fifty-fifty-sm .ff-icon-wrapper .ff-icon-item .img-wrapper{ height: 168px;display: flex;
    align-items: flex-end;  position: relative; justify-content: center;}
#fifty-fifty-sm .ff-icon-wrapper .ff-icon-item .img-wrapper img{position: absolute; bottom: 0;}
/* standard mobile is 768px but going a bit higher for this page for the local section */
@media screen and (max-width: 1000px) {
    #fifty-fifty-sm .ff-left {width: 90%; margin:auto;}
    #fifty-fifty-sm .ff-right {display: none; width: 0%;}
    #fifty-fifty-sm .ff-icon-wrapper{width: 90%; justify-content: center; gap: 0px; text-align: center;}
    #fifty-fifty-sm .ff-icon-wrapper .ff-icon-item{width: 47%;text-align: center;}
}
/* End fifty fifty service model code */
@media screen and (max-width: 768px) { /* hide and show mobile */ .show-desktop{display: none;} .show-mobile{display: block;}}

.carousel-track{
    display: flex;
    width: 440px !important;
    overflow: hidden;
}
.carousel-slide {
    min-width: 450px;
}
@media screen and (max-width: 768px) { .carousel-track{width: fit-content;}.carousel-slide {width: fit-content;}}