/* -------------------------------

1. General
2. Home page
3. About page
4. Contact page
5. 
6. 
7. 
8.
9.
10. 
------------------------------- */




/*------------------------------------------------------------------
1. Home page
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
2. About page
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
3. Contact page
-------------------------------------------------------------------*/

body{
    letter-spacing: 1px;
}

.contact-page-form .container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    justify-content: space-between;
}

.contact-form,
.contact-form-detail {
    width: 45%;
    margin: 0 1%;
}

.main {
    overflow: hidden;
}

.contact-form h3 {
    width: 100%;
}

.contact-form-list {
    margin: 0 -1%;
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

.contact-form-list li {
    width: 100%;
    margin: 0 1%;
}

.contact-form-list>li:not(.w-100) {
    width: 48%;
}

.contact-form-list .button {
    margin-top: 20px;
}

/* ----------------------------------------------------- */

.contact-form-detail p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.contact-form-detail p+p {
    margin-top: 5px;
}

.contact-form-detail .list {
    padding: 0;
    list-style: none;
    margin: 30px 0 0 0;
}

.contact-form-detail .list li+li {
    margin-top: 25px;
}

.contact-form-detail .list span {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-form-detail .list p {
    font-size: 14px;
}

.contact-form-detail .list a:hover {
    color: var(--color-primary);
}

.banner-first {
    font-family: 'proxima_novaregular' !important;
}

.banner-second {
    font-family: 'expressaregular' !important;
}

.main-banner {
    position: relative;
}

.banner-drop-icon {
    width: 288px;
    height: 52px;
    margin: 0 auto;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    background-image: url(../images/banner-arrow-bg.png);
    background-repeat: no-repeat;
    z-index: 9;
}

.banner-arrow {
    width: 65px;
    height: 65px;
    border: 1px solid #ECECEC;
    background-color: #F1F1F1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    cursor: pointer;
}

.hme-about {
    padding: 150px 0;
}

.hme-about-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hme-about-img {
    width: 55%;
}

.hme-about-content {
    width: 45%;
}

.hme-about-content h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 25px;
    font-weight: 400;
    /*text-transform: lowercase;*/
    font-family: 'expressaregular' !important;
}

.hme-about-content .main-btn {
    margin-top: 25px;
}

.main-btn {
    min-width: 160px;
    height: 58px;
    line-height: 56px;
    padding: 0px 30px 0 25px;
    text-align: center;
    border: 2px solid #99C247;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    letter-spacing: 1px;
    font-family: 'gabaregular';
    font-weight: bold;
}

.main-btn:hover {
    box-shadow: 0 0 5px 0 #555 inset, 0 0 10px -2px #555;
    border: 2px solid #555;
    background-color: #555;
    color: #fff;
}



.main-btn.green {
    background-color: #99C247;
    color: #000000;
}

.main-btn.green::after {

    background-image: url(../images/black-arrow.png);
}

.main-btn.green:hover {
    box-shadow: 0 0 5px 0 #99C247 inset, 0 0 10px -2px #99C247;
    border: 1px solid #99C247;
    background-color: #fff;
}




.main-btn.white {
    background-color: #99C247;
    color: #fff;
    border: 1px solid #fff;
}

.main-btn.white::after {

    background-image: url(../images/white-arrow.png);
}

.main-btn.white:hover {
    background-color: #fff;
    box-shadow: 0 0 5px 0 #fff inset, 0 0 10px -2px #fff;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}

.main-btn.white:hover::after {

    background-image: url(../images/black-arrow.png);
}


.main-btn::after {
    content: "";
    width: 29px;
    height: 22px;
    position: absolute;
    right: -12px;
    background-image: url(../images/green-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    top: 0;
    bottom: -2px;
    background-color: #fff;

}

.main-btn.green::after {
    background-color: transparent;
}

.main-btn.white::after {
    background-color: #99C247;
}

.main-btn.white::after:hover {
    background-color: transparent;
}

.main-btn:hover::after {
    background-color: transparent;
}

.transport-planning {
    width: 100%;
}

.hme-planning {
    width: 100%;
    padding-bottom: 100px;
}

.hme-planning-inner {
    width: 100%;
    border-top: 1px solid #ECECEC;
    padding-top: 80px;
}

.main-title-content {
    width: 100%;
    padding-right: 180px;
    position: relative;
    margin-bottom: 45px;
}

.main-title-content p span,
.main-title-content p strong {
    color: #555555;
    text-transform: uppercase;
    display: block;
    font-weight: normal;
}

.main-title-content .main-title {
    margin-bottom: 20px;
}

.main-title {
    font-size: 80px;
    line-height: 80px;
    color: #000000;
    font-family: 'expressaregular';
    font-weight: 500 !important;
    /*text-transform: lowercase;*/
}

.fourth-title {
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    font-family: 'expressaregular';
    font-weight: 500;
    text-transform: lowercase;
}


.second-title {
    font-size: 60px;
    line-height: 65px;
    color: #000000;
    font-family: 'expressaregular';
    font-weight: 500;
    /*text-transform: lowercase;*/
}

.main-title-content .main-btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.planning-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.planning-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.planning-content {
    width: 90%;
    margin-top: -50px;
    min-height: 80px;
    background-color: #fff;
    padding: 30px 20px 10px 0;
    font-size: 20px;
    line-height: 24px;
    font-family: 'proxima_novasemibold';
    font-weight: 500;
    color: #000000;
}
.page-template-page-featured-case-study .planning-content{
	min-height:auto;
}

.bg-green {
    background-color: #99C247;
}

.bg-green .main-title,
.bg-green p,
.bg-green p span,
.bg-green .planning-content {
    color: #fff;
}

.bg-green .planning-content {
    background-color: #99C247;
}

.bg-green .hme-planning-inner {
    border-top: none;
}

.hme-casestudy-main-wrap {
    width: 100%;
    margin-top: 30px;
}

.casestudy-main-wrap {
    min-height: 440px;
    background-position: top left;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.casestudy-main-wrap:nth-child(2n) {
    background-position: top right;
}


.casestudy-main-wrap:nth-child(2n) .casestudy-main-content {
    margin-left: 0;
}
.casestudy-main-wrap:nth-child(even) .casestudy-main-content{
	order:0;
}
.casestudy-main-wrap:nth-child(even) .casestudy-main-image{
	order:1;
	margin-left:auto;
}

.casestudy-main-content {
    width: 50%;
    max-width: 400px;
    margin-left: auto;
}

.casestudy-main-content h4 {
    color: #000;
    font-family: 'proxima_novasemibold';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}

.casestudy-main-content .arrow-btn {
    margin-top: 30px;
    display: block;
}

.arrow-btn {
    width: 31px;
    height: 11px;
    display: block;
}

.hme-news-slider {
    padding-top: 90px;
}

.news-slider-img {
    width: 100%;
    object-fit: fill;
    height: auto;
    overflow: hidden;
    position: relative;
}

.news-slider-img img {
    width: 100%;
}

.news-slider-content {
    padding-top: 30px;
}

.news-slider-box {
    position: relative;
}

.news-slider-box .arrow-btn {
    margin-top: 35px;
    position: relative;
    top: -4px;
}

.news-slider-content p {
    color: #000;
    font-family: 'proxima_novasemibold';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
}

.news-slider-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    z-index: 99;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.news-slider-box:hover .news-slider-popup {
    opacity: 1;
    visibility: visible;
}

.news-slider-popup a {
    width: 100%;
    height: 100%;
    display: block;
}

.news-slider-popup-content {
    width: 80%;
    height: 86%;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 7%;
    left: 10%;
    background: rgba(0, 0, 0, 0.8);
}

.news-slider-popup-content h4 {
    font-family: 'proxima_novasemibold';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 20px;
    width: 100%;
}

.news-slider-popup-content .arrow-btn {
    margin-top: 35px;
    position: absolute;
    bottom: 70px;
    top: inherit;
}

.news-slider-popup-content p {
    color: #fff;
}

.footer {
    width: 100%;
    height: auto;
    background-color: #222222;
}

.footer-top-section {
    padding: 80px 0 70px;
}

.footer-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.footer-logo {
    width: 25%;
    padding-right: 15px;
}

.footer-solution {
    width: 25%;
    padding-right: 15px;
}

.footer-nav {
    width: 22%;
    padding-right: 15px;
}

.footer-nav-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.footer-news-letter {
    width: 28%;
}

.footer-inner h3 {
    width: 100%;
    color: #99C247;
    font-family: 'proxima_novasemibold';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px;
}

.footer-solution ul li {
    margin-bottom: 15px;
}

.footer-solution ul li a {
    color: #fff;
    line-height: 25px;
}

.footer-solution ul li.current-menu-item a{
	color: var(--color-primary);
}

.footer-solution ul li a:hover,
.footer-nav ul li a:hover,
.footer-bottom ul li a:hover,
.footer-social ul li a:hover {
    color: #99C247;
}

.footer-nav ul {
    width: 48%;
}

.footer-nav ul li {
    margin-bottom: 15px;
}

.footer-nav ul li a {
    color: #fff;
    line-height: 25px;
}

.footer-nav ul li a:hover {
    color: #99C247;
}

.footer-news-letter p {
    color: #fff;
}

.subscription {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
}

.subscrib-fld {
    width: 100%;
    line-height: 52px;
    background-color: transparent;
    border: 1px solid #ffff;
    padding-left: 25px;
    padding-right: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.subscrib-fld::placeholder {
    color: #000;
}

.subscription-btn {
    position: absolute;
    right: -16px;
    top: 15px;
    margin: auto;
    background-color: #222;
    height: 30px;
    width: 35px;
    font-size: 0px;
    background-image: url(../images/green-arrow.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.footer-news-letter p a {
    color: #99C247;
    text-decoration: underline;
}

.footer-social {
    margin-top: 30px;
}

.footer-social ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
}

.footer-social ul li a {
    font-size: 20px;
    color: #fff;
}

.footer-bottom {
    width: 100%;
    border-top: 1px solid #383838;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    padding: 40px 0 55px;
    color: #fff;
    justify-content: center;
}

.footer-bottom ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

.footer-bottom ul li a {
    color: #fff;
    line-height: 24px;
}

.banner-arrow-txt {
    font-size: 13px;
    font-family: 'gabaregular';
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: -30px;
    width: 61px;
    left: 0;
    right: 0;
    margin: auto;
    letter-spacing: 2px;
}

.sub-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    z-index: 0;
}

.sub-banner h1 {
    /*text-transform: lowercase;*/
    font-size: 110px;
    line-height: 110px;
    color: #fff;
    font-weight: 500;
    font-family: 'expressaregular';
    margin-bottom: 15px;
}

.sub-banner .container {
    position: relative;
    z-index: 9;
}

.sub-banner p {
    color: #fff;
}

.about-first-section {
    padding: 100px 0 80px;
    text-align: center;
}

.about-first-section .second-title {
    margin-bottom: 40px;
}

.about-first-section .about-img {
    margin: 50px 0;
}

.vision-mission-section {
    width: 100%;
}

.vision-mission-section ul li {
    width: 100%;
    padding: 80px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ECECEC;
}

.vision-mission-section ul li:last-child {
    border-bottom: none;
}

.mission-img {
    width: 25%;
    padding-right: 30px;
}
.mission-img img{
     max-width: 220px;
}

.mission-title {
    width: 42%;
    padding-right: 30px;
}

.mission-content {
    width: 32%;
}

.mission-content p {
    margin-bottom: 0px;
}

.mission-title h2 {
    margin-bottom: 0px;
}

.mission-title h2 span {
    font-size: 120px;
    color: #99C247;
}

.about-values-section {
    padding: 80px 0 100px;
    position: relative;
}

.about-values-section::after {
    content: "";
    width: 100%;
    height: 326px;
    background-color: #99C247;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.main-title-center {
    text-align: center;
}

.white-text {
    color: #fff !important;
}

.values-carousel {
    margin-top: 70px;
}

.vision-img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.vision-img::after {
    content: "";
    width: 85%;
    height: 60px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.vision-main {
    position: relative;
}

.vision-content {
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.vision-content h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}

.vision-img img {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;

}



.about-social-section {
    padding-bottom: 90px;
}

.about-social-section-inner {
    padding-top: 90px;
    border-top: 1px solid #ECECEC;
}

.main-title-center .main-title {
    margin-bottom: 20px;
}

.about-team-section {
    width: 100%;
    padding-bottom: 100px;
}

.about-team-inner {
    padding-top: 90px;
    border-top: 1px solid #ECECEC;
}

.about-team-inner ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 100px;
    justify-content: space-between;
    margin-top: 80px;
}

.about-team-inner ul li {
    width: 48%;
}

.about-team-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about-team-inner ul li:nth-child(2n) .about-team-box {
    flex-direction: row-reverse;
}

.about-team-content {
    width: 55%;
    padding-right: 60px;
    text-align: right;
}

.about-team-content ol {
    margin-top: 25px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}

.about-team-content ol li {
    width: auto;
}

.about-team-content ol a {
    font-size: 20px;
    color: #000;
}

.about-team-content ol a:hover {
    color: #99C247;
}

.about-team-inner ul li:nth-child(2n) .about-team-content {
    padding-left: 60px;
    padding-right: 0px;
    text-align: left;
}

.about-team-inner ul li:nth-child(2n) .about-team-content ol {
    justify-content: left;
}


.about-team-img-main {
    width: 45%;
}

.about-team-img {
    overflow: hidden;
}

.about-team-img img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.about-team-img-main:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.about-team-img-content {
    width: 85%;
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin-top: -60px;
    padding: 50px 30px 10px 0;
}

.about-team-img-content p {
    color: #000;
}

.about-team-img-content h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #000;
    font-family: 'proxima_novasemibold';
}

.third-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #000;
    font-family: 'proxima_novasemibold';
}


.about-hiring-section {
    width: 100%;
    padding-bottom: 50px;
}

.solutions-first-section {
    width: 100%;
    padding: 120px 0 50px;
}

.solutions-first-section ul {
    margin: 0 -3%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 80px;
}

.solutions-first-section ul li {
    width: 44%;
    margin: 0 3%;
}

.solutions-first-section .main-title {
    margin-bottom: 30px;
}

.solution-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.solution-img img {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.solution-box:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.solution-content {
    width: 100%;
    margin-top: -20px;
    padding: 0 30px 10px 0;
    position: relative;
    z-index: 9;
}

.solution-content p {
    color: #000;
}

.solution-content::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 60px;
    top: -40px;
    z-index: -1;
    background: #fff;
}

.streamline-section {
    width: 100%;
    margin-top: 10px;
    padding: 280px 0 100px;
    background-image: url(../images/track.png);
    background-repeat: no-repeat;
}

.stramline-inner {
    width: 80%;
    margin-left: auto;
}

.stramline-inner .main-title {
    margin-bottom: 20px;
}

.stramline-inner .main-btn {
    margin-top: 25px;
}

.trans-policy-why {
    width: 100%;
    padding: 50px 0px;
    background-color: #99C247;
}

.trans-policy-why-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.trans-policy-title {
    width: 50%;
    padding-right: 40px;
}

.trans-policy-title .main-title {
    color: #fff;
    margin-bottom: 0;
}

.trans-policy-content {
    width: 50%;
}

.trans-policy-content li {
    padding: 50px;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #AAD15C;
}

.trans-policy-content li::after {
    content: "";
    width: 20px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 50px;
    background-image: url(../images/list-icon.png);
    background-repeat: no-repeat;
}

.trans-policy-content li p {
    color: #fff;
}

.trans-policy-content li:last-child {
    border-bottom: none;
}

.related-casestudies-section {
    padding: 140px 0;
    overflow: hidden;
}

.related-casestudies-section .main-title-content {
    margin-bottom: 120px;
}

.casestudies-carousel-slider {
    max-width: 800px;
    margin: 0 auto;
}

.casestudies-bredcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    column-gap: 30px;
}

.casestudies-carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.casestudies-content .main-btn {
    margin-top: 20px;
}
.single-case_study .casestudies-image{
	height:371px;
}
.single-case_study .casestudies-image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.casestudies-image {
    position: relative;
}
.single-case_study .casestudies-content h4:before{
	 content: "";
    width: 100%;
    height: 60px;
    background-color: #fff;
    position: absolute;
    top: -40px;
    left: 0;
    z-index:-1;
}

.casestudies-image::after {
    content: "";
    width: 25%;
    height: 60px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;

}

.casestudies-content {
    max-width: 75%;
    margin-top: -20px;
    position: relative;
    z-index: 5;
}

.solution-content .third-title{
      width: 60%;
}

.casestudies-content .third-title {
    margin-bottom: 20px;
}

.casestudies-carousel.owl-carousel .owl-nav button.owl-next,
.casestudies-carousel.owl-carousel .owl-nav button.owl-prev {
    background-color: #fff !important;
    box-shadow: 0px 0px 8px 0px #a0a0a0;
    background-size: 26px !important;
}

.casestudies-carousel.owl-carousel .owl-nav button.owl-next span,
.casestudies-carousel.owl-carousel .owl-nav button.owl-prev span {
    display: none;
}

.casestudies-carousel.owl-carousel .owl-nav button.owl-next {
    right: -51px;
    background-image: url(../images/green-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.casestudies-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -51px;
    background-image: url(../images/green-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: rotate(-180deg);
}


.planning-section {
    width: 100%;
    padding: 50px 0 100px;
}

.planning-section ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    margin-right: -2%;
    row-gap: 100px;
}

.planning-section ul li {
    width: 29.3%;
    margin-left: 2%;
    margin-right: 2%;
}

.planning-content p {
    font-size: 15px;
    font-weight: 400;
    font-family: 'proxima_novaregular' !important;
}

.planning-main .planning-image img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.planning-main:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.content-background-img {
    min-height: 850px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.featured-slider-section {
    padding: 100px 0 60px;
    overflow: hidden;
}

.featured-casestudies-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    margin-right: -2%;
    row-gap: 60px;
}

.featured-casestudies-list {
    margin-top: 70px;
}

.featured-casestudies-list ul li {
    width: 29.3%;
    margin-left: 2%;
    margin-right: 2%;
    height: auto;
    padding-bottom: 75px;
    position: relative;
}

.featured-casestudies-section {
    padding: 50px 0 150px;
}

.featured-casestudies-filter .second-title {
    text-align: center;
}

.featured-case-tag {
    display: flex;
    flex-wrap: wrap;
}

.featured-case-tag ol {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8F8F8;
    border-radius: 30px;
    padding: 12px 8px;
}

.featured-case-tag ol li {
    width: auto;
    padding: 0px 7px;
    padding-bottom: 0 !important;
    margin: 0px;
    line-height: 18px;
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    border-right: 1px solid #DFDFDF;
}

.featured-case-tag ol li:last-child {
    border-right: none;
}

.planning-content .main-btn {
    margin-top: 30px;
	
}
.page-template-page-featured-case-study .planning-content .main-btn{
	position:absolute;
	bottom:10px;
}

.get-section {
    width: 100%;
    padding: 50px 0;
    min-height: 325px;
    display: flex;
    align-items: center;
    color: #fff;
    text-align: center;
    background-image: url(../images/get-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.get-section .main-title {
    color: #fff;
}

.blog-listing-section {
    padding: 30px 0 85px;
}

.blog-listing-main {
    margin: 0 -2%;
    display: flex;
    row-gap: 50px;
    flex-wrap: wrap;

}

.blog-listing-main li {
    width: 29.3%;
    margin: 0 2%;
}

.blog-detail-main {
    width: 100%;
    padding-top: 110px;

}

.no-border {
    border: none !important;
}

.blog-detail-main {
    text-align: center;
}

.blog-title {
    margin-bottom: 60px;
}

.blog-title label {
    font-size: 16px;
}

.blog-detail-main img {
    margin: 80px 0;
}

.news-date {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    left: 0;
    padding: 0 20px;
    z-index: 1;
    color: #fff;
}

.contact-locations {
    width: 100%;
    padding-top: 110px;
}

.contact-locations .main-title {
    margin-bottom: 40px;
}

.location-details-wrap {
    margin-bottom: 110px;
}


.contact-location-box {
    width: 100%;
    height: auto;
    padding: 35px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #E1E1E1;
}

.contact-location-title {
    width: 45%;
    padding-right: 20px;
}

.contact-location-title h2 {
    font-size: 40px;
    font-family: 'expressaregular';
    font-weight: 400;
}

.contact-location-details {
    width: 55%;
}

.contact-location-details ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
}

.contact-location-details ul li {
    width: 60%;
    padding-right: 20px;
    padding-left: 55px;
    position: relative;
}

.contact-location-details ul li:nth-child(2) {
    width: 40%;
}

.contact-icon {
    position: absolute;
    left: 10px;
    top: 0px;
}

.contact-form-main {
    width: 100%;
    padding: 110px 0;
    background-image: url(../images/contact-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.contact-form {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    margin-top: 70px;
}

.contact-form ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    justify-content: space-between;
}

.contact-form ul li {
    width: 47%;
}

.contact-form ul li label {
    color: #fff;
    font-size: 15px;
}

.contact-form ul li input {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 15px;
    border-radius: 0 !important;
    border-bottom: 1px solid #fff;
}

.contact-form ul li.full-width {
    width: 100%;
}

.text-area-main {
    width: 100%;
    min-height: 80px !important;
    height: 80px;
    color: #fff;
    background-color: transparent;
    font-size: 15px;
    font-size: 15px;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #fff;
}

.contact-form .main-btn {
    margin: 0 auto;
    display: block;
}

.main-btn.blk-arrow::after {
    background-image: url(../images/black-arrow.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.main-checkbox {
    display: flex;
    flex-wrap: wrap;
}

.main-checkbox label {
    display: flex;
    flex-wrap: wrap;
    line-height: 22px;
}

.main-checkbox input {
    width: 22px !important;
    height: 22px !important;
    margin-right: 15px;
}

.main-checkbox .wpcf7-list-item {
    margin-left: 0px;
}

.main-checkbox {
    display: block;
    flex-wrap: wrap;
    margin: 0 auto;
    width: fit-content;
}

.career-listing-section {
    padding:100px 0 250px;
}
.career-listing-section .faq_question{
	padding:50px 0px;
}
.career-listing-section .faq_container:last-child{
	 border-bottom: 1px solid #E1E1E1;
}
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");

/* CSS RESET */
* {
    box-sizing: border-box;
}



/* >>> FAQ STYLES <<< */
.faq_container {
    border-bottom: 1px solid #E1E1E1;
}

.faq_question {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 25px 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.answer {
    padding: 0 0px 30px;
    line-height: 1.5rem;
}

.fqa_headline_container h2 span {
    font-weight: 700;
}

.faq_question-text h3 {
    font-size: 30px;
    margin-bottom: 0px;
    font-family: 'expressaregular';
    font-weight: 400;
}

.icon.active {
    background: transparent;
    border: 2px solid #fff;
}

.icon:hover {
    cursor: pointer;
}

.icon-shape {
    position: relative;
    width: 25px;
    height: 25px;
}

.icon .icon-shape::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 3px;
    background: #000;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.icon .icon-shape::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 18px;
    background: #000;
    border-radius: 3px;
    transition: all 0.5s ease;
}

.icon .icon-shape.active::before {
    transform: translate(-50%, -50%) rotate(180deg);
    transition: all 0.5s ease;
}

.icon .icon-shape.active::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: all 0.5s ease;
}

.faq_container:last-child {
    border-bottom: none;
}

.faq-title-content .main-btn {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.faq-title-content {
    position: relative;
    padding-right: 200px;
}

.faq-title-content .main-btn {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.green-banner {
    width: 100%;
    height: 24px;
    background-color: #99C247;
}

.privacy-policy-first-section {
    width: 100%;
    padding-top: 100px;
}

.career-listing-section-second {
    padding: 50px 0 200px;
}

.main-title-two-btn {
    display: flex;
}

.main-title-two-btn .main-btn {
    position: relative;
}

.main-title-two-btn {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    width: fit-content;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.career-details-section {
    width: 100%;
    padding: 110px 0 140px;
}

.career-details-inner-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.career-detail-left {
    width: 26%;
}

.career-detail-left h2 {
    font-size: 40px;
    font-family: 'expressaregular';
    font-weight: 400;
    text-transform: lowercase;
    margin-bottom: 20px;
}

.tem-listing {
    width: 100%;
    padding-top: 30px;
}

.tem-listing ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
}


.tem-listing ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;

    align-items: center;
}

.team-detail {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tem-img {
    width: 52px;
}

.tem-content h3 {
    margin-bottom: 2px;
}

.tem-content {
    width: calc(100% - 52px);
    padding-left: 20px;
}

.team-social {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: flex-end;
}

.team-social a {
    font-size: 22px;
}

.career-detail-news-letter {
    width: 100%;
    padding-top: 100px;
}

.career-detail-news-letter .subscrib-fld {
    border: 1px solid #99C247;
    color: #000;
}

.career-detail-news-letter .subscrib-fld::placeholder {
    color: #000;
}

.career-detail-news-letter .subscription-btn {
    background-image: url(../images/black-arrow.png);
    background-color: transparent;
}

.career-detail-news-letter p a {
    color: #99C247;
    display: block;
    text-decoration: underline;
}

.career-detail-share {
    padding-top: 80px;
}

.career-detail-share ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.career-detail-share ul li a {
    font-size: 22px;
}

.career-detail-right {
    width: 74%;
    padding-left: 120px;
}

.career-detail-right .main-title {
    margin-bottom: 40px;
}

.career-detail-right p {
    margin-bottom: 20px;
}

.career-detail-right img {
    margin: 40px 0;
}

.footer-news-letter .subscrib-fld {
    color: #fff;
}

.footer-news-letter .subscrib-fld::placeholder {
    color: #fff;
}

.career-detail-bottom {
    margin-top: 70px;

}

.career-detail-bottom .fourth-title {
    margin-bottom: 25px;
}

.career-detail-bottom .main-btn {
    margin-top: 20px;
}

.transportaion-policy-second {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.transportaion-policy-second .main-title {
    margin-bottom: 30px;
}

.about-benefits-section {
    padding: 140px 0;
    background-color: #99C247;
    text-align: center;
}

.about-benefits-section .main-title {
    margin-bottom: 50px;
}

.career-details-bottom-section {
    width: 100%;
    padding: 50px 0;
    min-height: 560px;
    text-align: center;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.career-details-bottom-section .main-title {
    margin-bottom: 20px;
}

.project-details-second-section {
    width: 100%;
    padding: 50px 0 100px;
}

.project-details-second-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project-details-second-inner ul {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

.project-details-second-inner ul li {
    width: 100%;
}

.project-details-second-inner .solution-content {
    margin-top: 0;
    padding-top: 30px;
}

.project-details-second-inner .solution-content::after {
    display: none;
}

.drop-down-nav {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.footer-nav ul li.current-menu-item a{
    color: #99C247;
}

.drop-down-nav.open{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.drop-down-submenu {
    min-width: 900px;
    padding: 40px 80px;
    background-color: #A3CC50;
    position: absolute;
    display: none;
    z-index: 99;
    top: 116px;
    right: 0;
    transform: scale(0.7);
    opacity: 0;
    -webkit-border-bottom-left-radius: 80px;
    -moz-border-bottom-left-radius: 80px;
    border-bottom-left-radius: 80px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.drop-down-submenu.slow {
    height: auto;
    opacity: 1;
    display: block;
    transform: scale(1);
}

.drop-down-submenu-nav {
    margin-top: 130px;
    max-width: 550px;
}

.drop-down-submenu-nav ul li {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #aed560;
}

.drop-down-submenu-nav ul li:last-child {
    border-bottom: none;
}

.drop-down-submenu-nav ul li a {
    font-size: 28px;
    line-height: 25px;
    color: #fff;
}

.drop-down-submenu-nav ul li a:hover {
    color: #000;
}

.drop-down-submenu-nav ul li+li {
    margin-left: 0;
}

.header.header-sticky .drop-down-submenu {
    top: 66px;
}

.drop-down-main {
    display: flex;
}

.drop-down-nav {
    width: 20px;
    height: 20px;
    right: 0px;
    margin-left: 4px;
    cursor: pointer;
    top: 0px;
    background-image: url(../images/drop.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.submenu-open {
    position: relative;
}

.submenu-open::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.drop-down-close {
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 20px;
    right: 26px;
    font-size: 24px;
    z-index: 99;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.team-listing-wrap {
    width: 100%;
    padding: 130px 0;
}

.team-listing-wrap ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
    margin-left: -2%;
    margin-right: -2%;
}

.team-listing-wrap ul li {
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
}

.team-listing-wrap ul li .about-team-img-main {
    width: 100%;
}

.team-listing-wrap ul li .about-team-content {
    width: 100%;
    padding-right: 0;
    text-align: left;
}

.team-listing-wrap ul li .about-team-content ol {
    justify-content: left;
}

.team-listing-wrap ul li li {
    width: auto;
}

.career-form-main li {
    width: 49%;
    margin-bottom: 15px;
}

.career-form-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.career-form-main input {
    width: 100%;
    height: 45px;
    padding: 0px 20px;
    font-size: 15px;
    color: #000;
    line-height: 45px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
}

.career-form-main li.full-width {
    width: 100%;
    position: relative;
}

.fancybox__content.career-form {
    max-width: 1000px;
}

.file-upload-wrapper:hover:before {
    background: #000;
}

.file-upload-wrapper:before {
    content: "Browse";
    position: absolute;
    top: 0;
    right: 0;
    width: 135px;
    text-align: center;
    display: inline-block;
    height: 45px;
    background: #99c247;
    color: #fff;
    font-weight: 500;
    z-index: 25;
    font-size: 15px;
    line-height: 46px;
    padding: 0 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-submit.main-btn {
    background-color: #fff;
    color: #000 !important;
}

.form-submit.main-btn:hover {
    color: #000;
}

.fancybox__content>.carousel__button.is-close {
    top: 8px;
    right: 8px;
    color: #000;
}

.fancybox__content.career-form h2 {
    font-size: 40px;
    font-family: 'expressaregular';
    font-weight: 400;
    text-transform: lowercase;
    margin-bottom: 20px;
}

.news-slider-popup-content .news-date {
    position: static;
    font-size: 16px;
    left: 0;
    padding: 0;
    z-index: 1;
    color: #fff;
    margin-bottom: 10px;
}


#rev_slider_3_1_wrapper .ares .tp-bullet-title {
    visibility: visible !important;
    background: transparent !important;
    font-family: 'proxima_novaregular' !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    right: 18px !important;
    color: #7f7f7f !important;
    transform: translatex(0px) !important;
    -webkit-transform: translatex(0px) !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out !important;
}

#rev_slider_3_1_wrapper .ares .tp-bullet-title:after {
    width: 20px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out !important;
    height: 1px !important;
    border: none !important;
    content: ' ';
    position: absolute;
    right: -18px !important;
    top: 44% !important;
    background-color: #7f7f7f !important;

}

#rev_slider_3_1_wrapper .ares .tp-bullet.selected .tp-bullet-title:after {
    background-color: #99C247 !important;
    width: 38px !important;
    right: -35px !important;
}

#rev_slider_3_1_wrapper .ares .tp-bullet.selected .tp-bullet-title {
    color: #99C247 !important;
    right: 35px !important;
}

#rev_slider_3_1_wrapper .ares .tp-bullet {
    background: transparent !important;
}

/*---search-----*/
.screen-reader-text {
    display: none;
}

.posts-navigation .nav-links {
    margin-top: 10px;
}

.search-page li {
    width: 100%;
    padding: 20px;
}

.search-page .content {
    width: 100%;
}

/*-------Solution detail popup-------*/
.sol-detail-popup.fancybox__content {
    max-width: 660px;
    padding: 0px;
}

.sol-popup-image {
    width: 100%;
    height: 315px;
    background-size: cover;
}

.sol-popup-content {
    width: 100%;
    padding: 30px 25px;
    max-height: 400px;
    overflow-y: auto;
}

.sol-detail-popup .carousel__button.is-close {
    background-color: #fff;
}
.sol-popup-content::-webkit-scrollbar {
    width: 8px;
}

.sol-popup-content::-webkit-scrollbar-track {
    background: #222222;
}

.sol-popup-content::-webkit-scrollbar-thumb {
    background: #99C247;
}

.sol-popup-content::-webkit-scrollbar-thumb:hover {
    background: #99C247;
}
/*-----filters button----*/
.tr-filter-nav{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left:5px;
    column-gap: 55px;
    row-gap: 20px;
    margin-top:40px;
}
.tr-filter-nav button{
    border: 0px;
    background:transparent;
    font-family: 'gabaregular';
    font-size:14px;
    font-weight:bold;
    color:#000;
	position:relative;
	padding:0px;
	text-transform:capitalize;
}
.tr-filter-nav button:after{
    content: "";
    position: absolute;
    bottom:-5px;
    left:0px;
    width: 100%;
    transition: transform 250ms ease-in-out;
    border-bottom: 2px solid rgba(153, 194, 71, 1);
    transform: scaleX(0);
}
.tr-filter-nav button:hover:after,
.tr-filter-nav button.active:after{
    transform: scaleX(1);
}
.filter-listing > li,
.blog-filter-listing > li{
    display: none;
}
.insights-first-sec h2{
	margin-bottom:30px;
}
.blog-filter-listing{
	margin-top:60px;
	margin-bottom:60px;
}
.blog-listing-section .main-btn{
	display:block;
	width:185px;
	margin:0 auto;
}
.blog-listing-section .main-btn:after{
	background-image: url(../images/black-arrow.png);
}
.career-listing-section .main-title-content .main-title{
	margin-bottom:30px;
}
.footer-news-letter .main-btn{
	color:#fff;
	margin-top:20px;
	text-transform: capitalize;
}
.footer-news-letter .main-btn::after{
	background-color: #222222;
}
.footer-news-letter .main-btn:hover::after{
	background-color:transparent;
}
.txt-shadow{
	/*text-shadow:rgba(0, 0, 0, 0.5) 2px 2px 15px, rgba(0, 0, 0, 0.5) -2px 1px 1px !important;*/
	text-shadow: 0px 0px 15px rgba(81,67,21,0.8) !important;
	filter: drop-shadow(0px 0px 0px rgb(0,0,0,0.50)) !important;
}
.full-image-box{
	height:650px;
	width:100%;
}
.full-image-box img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.casestudy-main-image{
	width:50%;
	height:400px;
}
.casestudy-main-image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.values-carousel .owl-nav button{
	--side: -85px;
}
.hme-about-content.fullwidth-center{
	width:100%;
	max-width:960px;
	margin:0 auto;
	text-align:center;
}
.left-content-detail-casestudy{
	text-align:left;
	margin-top:25px;
}
.play-btn{
      position: absolute;
      top:50%;
      left:50%;
      transform: translate(-50%,-50%);
	width:50px !important;
	height:50px !important;
   }
.has-html5video .fancybox__content>.carousel__button.is-close{
        background:#fff;
    }
    .fancybox__html5video:focus{
        outline: none !important;
    }
    .insight-video-wrap{
        display: flex;
		 flex-wrap: wrap;
        row-gap: 20px;
        justify-content: space-between;
    }
    .insight-video-box{
        width:49%;
    }
    .insight-video-box video{
        width:100%;
        height:365px;
        object-fit: cover;
    }
    .insight-video-box a{
        position:relative;
        display: block;
    }
    .insight-video-box a img{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%,-50%);
        width:50px;
        height:50px;
    }
.page-template-page-blogs .news-slider-img,
.news-carousel .news-slider-img{
	height:418px;
}
.page-template-page-blogs .news-slider-img img,
.news-carousel .news-slider-img img{
	height:100%;
	object-fit:cover;
}
.intl-tel-input .country-list.hide{
	display:none;
}
.intl-tel-input .country-list{
	z-index:111;
	display:inline-block;
	width:auto;
}
.btn-txt-change.applied{
	pointer-events: none;
}
.size-upload-txt{
	font-size:12px;
}
.search-pannel form{
	display:flex;
}
.search-pannel form .search-submit{
	background: transparent;
    border: 0px;
    margin-right: 5px;
	color:#000;
	height:45px;
}
.search-pannel-search{
	display: block;
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
}

.privacy-policy .faq_question-text h3{
    font-family: 'proxima_novasemibold';
    font-size: 20px;
}
.left-txt-p p{
	text-align:left;
}
.related-casestudies-section.no-space{
	padding-top:50px;
}