/* hiding all bullets by default */
.slick-dots li {
  display: none
}
/* only displaying the active bullets and the 2 bullets next to it */
.slick-dots li.slick-active,
.slick-dots li.slick-active + li,
.slick-dots li.slick-active + li + li {
  display: inline-block;
}
/* displaying the last three bullets when slick-active class isn't applied to any li before them  */
.slick-dots li:nth-last-child(1),
.slick-dots li:nth-last-child(2),
.slick-dots li:nth-last-child(3) {
  display: inline-block;
}
/* hiding the last three bullets if slick-active exist before them */
.slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-dots li.slick-active ~ li:nth-last-child(3) {
  display: none;
}
/* specific conditions to always display the last three bullets */
.slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-dots li.slick-active + li:nth-last-child(3),
.slick-dots li.slick-active + li:nth-last-child(2),
.slick-dots li.slick-active + li:nth-last-child(1){
  display: inline-block;
}
.margin-bottom20 {
  margin-bottom: 30px;
}
img {
  width: 100%
}

.relative {
  position: relative;
  z-index: 9;
}
.relative.bottom {
  top: calc(100% - 20px);
}

body, html {
  overflow-x: hidden;
  width: 100%;
  color: #000;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #fff;
  font-size: 18px;
}

header .grid-container {
  max-width: 90rem;
  z-index: 999;
}

header {
  width: 100%;
  z-index: 999;
  /* -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; */
  height: unset;
  position: fixed;
  background: transparent;
  top: 0;
  padding: 30px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header.scroll {
  background: rgba(0, 0, 0, 1);
  box-shadow: 0 2px 8px rgb(0 0 0 / 25%);
}

/* header .left-group, header .right-group {
  margin-top: 15px
} */
header.menu-open .left-group a, header.menu-open  .right-group p a, header.scroll .left-group a, header.scroll  .right-group p a  {
  color: #000;
}
header .right-group {
   float: right;
}
header .left-group img {
  width: 220px;
}
nav {
    position: fixed;
    overflow: hidden;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: 99;
    height: 100vh;
    min-height: 750px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .75s ease;
    transition: -webkit-transform .75s ease;
    transition: transform .75s ease;
    transition: transform .75s ease, -webkit-transform .75s ease;
}

nav.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

nav ul.nav-menu {
  list-style: none;
  position: relative;
  top: 250px;
  margin: 0 auto;
  right: 60px;
  text-align: right;
  width: 100%;
  max-width: 90rem;

 
}
nav ul li {
    margin-bottom: 0.5rem
}
nav ul li a {
  font-family: "poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 30px;
  color: #fff;
  line-height: 1.2;
 

}
.accordion-menu .is-accordion-submenu a {
  font-family: "poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 26px;
  color: #fff;
  line-height: 1.2;
}
.accordion-menu .nested li{
  margin-bottom: 0;
}
.accordion-menu a, .accordion-menu .is-accordion-submenu a {
  padding: 0.25rem 0;
}
/* .accordion-menu .is-accordion-submenu a {
  padding: 0.5rem 1rem;
} */
nav ul li a:hover, nav ul li a:focus {
    /* text-decoration: underline; */
    color: #dedc00;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after{
  right: -1rem;
  border-color: #dedc00 transparent transparent;
}
.hamburger {
    display: inline-block;
    cursor: pointer;
    width: 35px;
    height: 35px;
    padding: 0;
    z-index: 999;
}
.hamburger .line {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 9px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hamburger:hover {
  cursor: pointer;
}
#navbar.is-active .line:nth-child(2) {
  width: 0px;
}
#navbar.is-active .line:nth-child(1),
#navbar.is-active .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#navbar.is-active .line:nth-child(1) {
  -webkit-transform: translateY(9px)rotate(-45deg);
  -ms-transform: translateY(9px)rotate(-45deg);
  -o-transform: translateY(9px)rotate(-45deg);
  transform: translateY(9px)rotate(-45deg);
}
#navbar.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  -ms-transform: translateY(-15px) rotate(45deg);
  -o-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}
.grid-container {
  max-width: 90rem;
  position: relative;
  height: 100%;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px
}
.grid-container.full {
  padding: 0;
}
.grid-container.padding-40 {
  padding-left: 40px;
  padding-right: 40px;
}
section {
  padding: 60px 0;
}
.grey-bg {
  background: #cdcccc
}
.dark-grey-bg {
  background: #333333
}
.black-bg {
  background: #000000
}
.green {
  color: #76b72d;
}
.yellow {
  color: #dedc04;
}
.white {
  color: #fff;
}
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:
  hidden; 
  max-width: 100%; 
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.viewall img {
  width: 40px;
  margin-right: 15px;
}
.viewall{
  color: #ffffff;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.9em;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.viewall:hover {
  color: #dedc00;
}

h1 {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5em;
  color: inherit;
  margin-bottom: 1em;
  line-height: 1.05;
}
h1 span, #intro-sec .page-title .headings-slider h1 strong {
  text-shadow: #000 0px 0 5px;
}
#pages h1 { 
  font-size: 2.9em;
}
h3 {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2em;
  color: inherit;
  margin-bottom: 1em;
  line-height: 1.1;
}

#homepage-news h3 {
  line-height: 1.2;
  margin-top: .5rem;
  max-width: 75%;
}
h3 span {
  color: #fff;
}

.black h3 span, a {
  color: #000;
}


h4 {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4em;
  color: inherit;
  margin-bottom: 1.5em;
  margin-top: 1em;
  line-height: 1.1;
}
h5 {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1em;
  color: inherit;
  margin-bottom: 1em;
  line-height: 1.1;
}

h6 {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  color: inherit;
  line-height: 1.3;
}

p {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .9em;
  color: inherit;
  line-height: 1.4;
}

.pad-bottom blockquote {
  margin: 0px 0 30px;
}

.pad-top {
  margin-top: 170px;

}
.margin-top20 {
  margin-top: 30px
}
.margin-top60 {
  margin-top: 60px
}
blockquote {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1em;
  color: #fff;
  line-height: 1.2;
  border: none;
  margin: 60px 0 30px;
  padding: 0;
}

.page-content blockquote {
  color: rgba(0, 0, 0, 0.7);
  font-style: italic;
  font-size: 0.9em;
  margin: 0 0 1em;
  font-weight: 500;
}
cite {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: .7em;
  color: #dedc04;
  line-height: 1.2;
}
cite::before {content:'';}
.request-btn {
  background: #dedc00;
    vertical-align: text-top;
    margin-right: 30px;
    text-align: center;
    padding: 4px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    border-radius: 5px;
    color: #000;
    transition: all .3s ease;
}
.request-btn.no-margin {
  margin-right: 0;
}
.request-btn:hover {
  background: #000000;
  color: #76b72d;
}
header.scroll .request-btn:hover, header.active .request-btn:hover  {
  border: 1px solid #76b72d;
}
.view-all-btn {
  background: #76b72d;
    vertical-align: text-top;
    text-align: center;
    padding: 10px 30px;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    max-width: 300px;
    line-height: 1;
    margin-top: 0;
    border-radius: 5px;
    color: #fff; 
    float: right;
    transition: all .3s ease;
}
.view-all-btn:hover {
  background: #fff;
  color: #76b72d;
  border: 1px solid #76b72d;
}
.view-all-btn:focus {
  color: #76b72d;
}
.view-product {
  margin: 30px 0;
  display: flex;
  width: 100%;
}
/* .view-product .left {
  width: 35%;
  margin-top: .5em;
}
.view-product .right {
  width: 65%;
} */
#main-content .page-content .view-product p {
  color: #76b72d;
  margin-bottom: 0!important;
}
.view-product .view-all-btn {
  max-width: unset;
  /* margin-left: 25px; */
  vertical-align: unset;
  font-size: 0.9rem;
  float: unset;
  width: 100%;
}

button.read-more {
  background: #76b72d;
    vertical-align: text-top;
    text-align: center;
    padding: 10px 30px;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    max-width: 300px;
    line-height: 1;
    /* margin-top: 0; */
    border-radius: 5px;
    color: #fff; 
    transition: all .3s ease;
    margin-bottom: 2em;
    margin-top: 2em;
}
.readmore-btn {
  background: transparent ;
    text-align: center;
    padding: 3px 30px;
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    max-width: 300px;
    line-height: 1;
    border-radius: 5px;
    color: #76b72d; 
    border: 1px solid #76b72d;
    margin-top: 1em;
    transition: all .3s ease;
}
.readmore-btn:hover {
  color: #fff;
  background: #76b72d;
}

#homepage-cases .case-details .readmore-btn:hover, .events-listing .readmore-btn:hover,#main-content .person-details .readmore-btn:hover, .member-details .readmore-btn:hover {
  background: #76b72d;
  color: #000;
  border: 1px solid #76b72d;
} 

.events-listing .card .readmore-btn, .member-details .readmore-btn {
  color: #dedc00 ; 
  border: 1px solid #dedc00;
}
.card .readmore-btn {
padding: 8px 30px;
max-width: 150px;
}
#home {
  position: relative;
  height: 460px;
  min-height: 460px;
  padding: 0;
}

#home .overlay {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
}
#home .container {
  position: relative;
  max-width: 90rem;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  height: 100%;
  z-index: 3;

}
#home .page-title {
  position: absolute;
  bottom: 0px;
  color: #fff;
  z-index: 3;
  padding-right: 60px;
}
#home .page-title h1 {
  margin-bottom: .5em;
}
#pages #intro-sec {
 padding: 60px 0;
 height: auto;
}

#intro-sec {
  padding: 0;
  background-image: url(../images/intro-secbg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 480px;
  position: relative;
}
#intro-sec .page-title {
  margin-top: -125px;
}
#intro-sec.about .about-text-box {
  background: #333333;
  padding: 30px;
  
}

#intro-sec.about .about-text-box p{
  color: #fff;
  margin-bottom: 0;
}

#teams {
position: relative;
}

#teams .top-image {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 356px;
  width: 100%;
  object-fit: cover;
}

.card img {
  transition: transform 0.3s ease;
}
.card:hover img {
  transform: scale(1.05);
}
#teams .card .team-image {
  position: relative;
  overflow: hidden;
  height: 220px;
  background: rgba(0, 0, 0, 0.5)
}
#teams .card .member-details {
  padding: 30px 20px 35px;
}
#teams .card.team-member img {
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#teams .card .member-details p {
  margin-bottom: 2em;
  font-size: 0.8em;
  line-height: 1.2;
}

#our-clients.homepage  {
  margin-top: -130px;

}

#our-clients.homepage h3 {
  margin-bottom: 2em
}
#homepage-cases {
  position: relative;
  margin-top: 40px;
}

#homepage-cases .half-image-top {
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  object-fit: cover;
}
#homepage-cases .case-image {
  height: 220px;
  position: relative;
  overflow: hidden;
}
#homepage-cases .case-image img{
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

#homepage-cases.cases-page {
  position: relative;
  margin-top: 0;
  padding: 60px 0;
}

#homepage-cases.cases-page .top-img{
  position: absolute;
  top: 0;
  left: 0;
  height: 356px;
}
#homepage-cases .case-details{
  background: #333333;
  height: 220px;
  position: relative;
}
#homepage-cases .case-details .details {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 20px;
}
/* #homepage-cases .case-details h5 {
  margin-bottom: .5em;
} */
#homepage-cases .case-details p, #homepage-services p {
  color: #fff;
  font-size: 0.7em;
  line-height: 1.2;
  margin-bottom: 2em;
}
#homepage-cases .case-details .readmore-btn {
  border: 1px solid #dedc00;
  padding: 4px 30px;
  font-size: 12px;
  color: #dedc00;
}
#homepage-cases .title-bottom {margin-top:60px}

#homepage-services {
  position: relative;
  max-width: 120rem;
  padding-top: 40px;
  margin: 0 auto;
}
#homepage-services .left-group {
  z-index: 2;
}
#homepage-services .half-image-left {
  height: 100%;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: -60px;
  object-fit: cover;
  z-index: -1;
}
#homepage-services.services-page .services-sec {
  position: relative;
}
#homepage-services.services-page .services-sec .half-image-left {
  top: unset;
  max-height: 220px;
  width: 50vw;
}
.services-sec .matchimage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  min-height:260px
}
.services-sec .bottom-img {
  position: absolute;
  top: 220px;
  right: 0;
  width: 50vw;
 
}
#homepage-services .half-image-right {
  width: 50%;
  margin: 0;
  position: absolute;
  top: 240px;
  right: -60px;
  z-index: 8;
}
#homepage-services .left-group {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

}
#homepage-services .image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 240px;
}
#homepage-services .text-box {
  position: relative;
  text-align: center;
  color: #fff;
  height: 240px;
  transition: all .3s ease;
}

#homepage-services .text-box:hover {
  background: #000000;
}

#homepage-services.services-page {
  padding-bottom: 0;
}
#homepage-services.services-page .text-box, #homepage-services.services-page .image-box {
  min-height: 220px;
}
#homepage-services .text-box .details {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 20px 30px 0;
}
#homepage-services .landowners-and-farmers {
  background: #80b865
}
#homepage-services .food-and-beverage {
  background: #3e8bbe
}
#homepage-services .fashion-and-textile {
  background: #6daba8
}
#homepage-services .relative, #homepage-services .matchbox {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 9;
}

#homepage-services .relative .matchbox .left-group {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#homepage-services .matchbox.photo img {
  object-fit: cover;
  height: 100%;
}

.services-sec .grid-container {
  position: relative;
  z-index: 9;
}

.imgBanner {
  min-height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
#homepage-news .details-top, .events-listing .details-top {
  display: flex;
  flex-wrap: wrap;

}
#homepage-news .details-top span, .events-listing .details-top span{
  width: 50%;
}
#homepage-news .details-top span.category {
  color: #76b72d; 
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}

.events-listing .details-top span.category {
  color: #dedc00; 
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
#homepage-news .details-top span.date, .events-listing .details-top span.date {
  color: #808080; 
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  text-align: right;
}
#homepage-news hr {
  margin: 40px auto;
  border-bottom: 1px solid #b3b3b3;
  max-width: 2000px;
}

.news-details.black a:hover {
  color: #000;
}

#homepage-news .news-listing hr {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: -2em;
  margin-left: 0;
}

#homepage-news .news-listing .row-end hr {
  margin-right: 0;
}

#homepage-news .news-listing .border:nth-child(4) hr,
#homepage-news .news-listing .border:nth-child(8) hr,
#homepage-news .news-listing .border:nth-child(12) hr,
#homepage-news .news-listing .border:nth-child(16) hr,
#homepage-news .news-listing .border:nth-child(20) hr{
  margin-right: 0;
}

#homepage-news .news-listing .card:hover a h5{
  color: #000;
}

.events-listing .card a, .black-bg .card {
  color: #fff;
}
.card {
  border: none;
  background: transparent;
}
#homepage-news .card .news-image, .events-listing .news-image {
  position: relative;
  overflow: hidden;
  height: 170px;
  margin: 1em 0; 
}
#homepage-news .card img, .events-listing .card img {
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#main-content.profile {
  position: relative;
}
#main-content.profile .top-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 230px;
  object-fit: cover;
}
#main-content .page-content {
  padding-right: 40px;
  
}
#main-content .page-content.no-bold {
  padding-right: 0;
}
#main-content .page-content h6 {
  font-weight: 700;
}

#main-content .page-content.article p a, #main-content .page-content.case-study h6 {
  color: #76b72d;
}

 #main-content .page-content.sub-page figure .more {
  display: none;
}

#main-content .page-content.case-study .content-has-readmore {
  list-style-type: none;
  counter-reset: css-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
  margin-top: 40px;
}

#main-content .page-content.sub-page ol {
  list-style:none;
  margin: 0;
}

#main-content .page-content.sub-page ol li {
  counter-increment: step-counter;
  color: #76b72d;
  font-weight: 700;
  margin-top: 1.5em;
  font-size: 1.1rem;

}
#main-content .page-content.text-page-only ol li {
  margin-bottom: 1em;
}

#main-content .page-content.sub-page ol li::before
{

    background-color: #dedc00;
    border-radius: 5px;
    font-weight: 700;
    content: counter(step-counter);
    margin-right: 1em;
    color: #000;
    padding: 5px 15px 0;
}

#main-content .page-content.sub-page ol li p {
  margin-top: 1.5em;
  margin-bottom: 0; 
  font-weight: 400!important;
}
#main-content .page-content.sub-page img {
  margin-top: 1em;
}
#main-content .page-content.sub-page figcaption, #main-content .page-content.page-content.article figcaption {
  background: #76b72d;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  font-size: .8rem;
  line-height: 1.2;
  margin-bottom: 1em;
}

#main-content .page-content.case-study .content-has-readmore h6 {
  counter-increment: css-counter 1; /* Increase the counter by 1. */
  margin-bottom: 1.5em;
  margin-top: .5em;
  position: relative;
  padding-left: 3em;
}

#main-content .page-content.case-study .content-has-readmore h6:before {
    top: -5px;
    content: counter(css-counter);
    width: 35px;
    height: 35px;
    color: #000000;
    background-color: #dedc00;
    position: absolute;
    left: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 2;
}

#main-content .person-details h3 {
  color: #fff;
  margin-bottom: .5em;
}
#main-content .page-content.case-study.services h3 {
  margin-bottom: 0.25em;
}
#main-content .page-content.case-study.services h4 {
margin-top: 0;
color: #dedc00;

}
#main-content .page-content.case-study.services h5 {
  color: #76b72d;
}
#main-content .person-details h5 {
  color: #dedc00;
  font-weight: 700;
  margin-bottom: 1em;
}
#main-content .page-content.about-us p strong {
  color: #76b72d;
}

#main-content .person-details .social {
  margin-bottom: 90px;
}
#main-content .person-details .social a {
  color: #fff;
  font-size: 0.9em;
}
#main-content .person-details .social img {
  width: 30px;
}
#main-content .person-details .readmore-btn {
  border: 1px solid #dedc00;
  color: #000000;
}

#main-content .page-content p, #main-content .page-content ul li {
  color: rgba(0, 0, 0, 70%);
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  font-size: 0.9em;
}
#main-content .page-content.no-bold p:first-of-type,  #main-content .page-content.case-study .content-has-readmore p:first-of-type {
 font-weight: 400;
}
#main-content .page-content p:first-of-type {
  font-weight: 700 ;
}
#main-content .page-content p:last-of-type {
margin-bottom: 2em;
}
#main-content .page-content p strong {
  font-weight: 700;
}
#main-content .page-content p strong a {
  color: #76b72d;
}
#main-content .page-content ul, #product-options .card.option-box ul {
  list-style: none;
  margin: 0 0 1.5em 0;
}
#main-content .page-content ul li, #product-options .card.option-box ul li {
  padding-left: 1em;
  position: relative;
}
#main-content .page-content ul li::before, #product-options .card.option-box ul li::before {
  content: '-';
  color: #dedc00;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}
#main-content .page-content h6.date {
  margin-bottom: 2em;
  color: rgba(0, 0, 0, 50%);
  font-size: 0.9em;
  font-weight: 400;
}

#main-content .text-only a {
  color: #000;
}
#main-content .text-only .address {
  margin-bottom: 2em;
}
#main-content .text-only .address p strong{
  font-weight: 700;
  color: #dedc00;
}
#main-content .text-only .address p {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  margin-bottom: 1.5em;
}
#main-content.contact .text-only h3 {
  font-weight: 400;
  line-height: 1.2;
}
#main-content.contact .text-only h3 a {
  font-weight: 700;
}
#main-content.contact .social {
  position: absolute;
  bottom: 0;
}
#main-content.contact .social p {
  margin-bottom: 0;
}
#main-content .social img {
  width: 40px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px
}
#main-content .social a {
  font-weight: 700;
  font-size: 2em;
}

#main-content .careers-listing {
  max-width: 80%;
}

#main-content .careers-listing p:last-of-type {
  margin-bottom: 2em;
}

#main-content hr {
  margin: 2em 0;
}

#main-content .buttons-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
}

#main-content .buttons-group .left {
  width: 40%;
}
#main-content .buttons-group .right {
  width: 60%;
  text-align: right;
}
.events-listing .card .details {
  margin-bottom: 1em;
}
.events-listing .card .event-date {
  font-weight: 600;
  margin-bottom: 0;
}
.event-date span {
  color: #76b72d;
}
#main-content .buttons-group .right a {
  margin-left: 20px;
}

#main-content .aside-block {
  padding: 0px 30px 40px;
}

#main-content .aside-block.enquires p {
  color: #fff;
}
#main-content .aside-block.enquires p a {
  color: #dedc00;
}
#main-content .aside-block.black-bg {
  padding: 40px 30px ;
}
#main-content .aside-block h3 {
  font-size: 1.8em;
}
#main-content .aside-block .request-form [type='submit'] {
  float: unset;
}

.bottom-border{
  border-bottom: 1px solid #b3b3b3;
}
/* .bottom-border.rows-end{
  padding-right: 0;
}
.bottom-border.rows-start{
  padding-left: 0;
} */

#main-content.clients .clients-listing {
  margin-top: 40px;
}
#main-content.clients .client {
  text-align: center;
}

#main-content.clients .client img{
  max-width: 85%;
  margin: 1em auto;
}

#our-products {
  padding-bottom: 0;
}
#our-products h3 {
  margin-bottom: 1.25em;
}
#our-products .screenshot {
  margin-bottom: 2em;
}

#our-products .screenshot img {
  margin-bottom: 1em;
}

#our-products .screenshot p{
  color: #cecece;
  font-size: 0.8em;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1,2;
}

/* #main-content .icons-text .text p::before {
  content: '-';
  color: #dedc00;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
} */
#main-content .icons-text .text p, .option-box p {
  color: #cecece;
  font-size: 0.8em;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  position: relative;
  /* padding-left: 1em; */
}

#main-content .buttons-right {
  display: block;
  width: 100%;
  margin-bottom: 2em;
}

#main-content .buttons-right .view-all-btn {
  float: unset;
  max-width: 100%;
  width: 100%;
  display: block;
  margin-top: 1em;
  vertical-align: unset;
  transition: none;
  font-size: 0.8rem;
  text-align: left;
  padding: 13px;
  border: 1px solid #76b72d;
}

#main-content .icons-text {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
  margin-top: 1em;
  color: white;
}

#main-content .icons-text img {
  max-width: 86px;
  margin: 0 auto;
  width: 35%;
}

#main-content .icons-text .text {
  width: 65%;
  padding: 0 0 0 1em;
}

#main-content .icons-text .text h6 {
  font-weight: 700;
}



#product-options .card.option-box {
  padding: 40px;
  background: #000000;
  text-align: center;
}
#product-options .card.option-box img {
  height: 100px;
  margin-bottom: 1.5em;
}
#product-options .card.option-box h5 {
  text-align: center;
  color: #fff;
}
#product-options .card.option-box ul  {
  margin: 0;
}
#product-options .card.option-box ul li {
  color: #cecece;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 0.8em;
  line-height: 1.3;
  margin-bottom: 0.5em;
}
#product-options .card.option-box ul li:last-of-type {
  margin-bottom: 0;
}
#request-demo {
  background-image: url(../images/background-full.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-attachment: fixed; */
  min-height: 600px;
  position: relative;
  color: #808080;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}
#request-demo .request-form {
  padding: 30px 20px;
}
.request-form p{
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
  margin-bottom: 1.5em;
  line-height: 1.4;
  color: #808080;
}
.request-form [type='text'], .request-form [type='email']{
  border: .5px solid #000;
  border-radius: 5px;
  box-shadow: none;
  height: 2.35rem;
  background: #fefefe;
  color: #808080;
  line-height: 1.4;
}

.request-form textarea{
  border: .5px solid #000;
  border-radius: 5px;
  box-shadow: none;
  background: #fefefe;
  color: #808080;
  line-height: 1.4;
}
.request-form ::-webkit-input-placeholder { /* Edge */
  color: #808080;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .7em;
  line-height: 1.4;
}
.request-form ::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #808080;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .7em;
  line-height: 1.4;
}
.request-form ::placeholder {
  color: #808080;
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .7em;
  line-height: 1.4;
}
.request-form .form-bottom {
  margin-top: 30px;
}
.request-form [type='submit'] {
background: #dedc00;
font-family: "poppins", sans-serif;
font-weight: 600;
font-style: normal;
text-align: center;
max-width: 300px;
margin-top: 30px;
padding: 10px 20px;
font-size: 14px;
color: #000;
cursor: pointer;
border-radius: 5px;
float: right;
}
.services-sec {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/intro-secbg.jpg);
}
.add-margin-top {
  margin-top: 240px
}
.pull-out-box {
  background-color: #76b72d;
  padding: 20px;
  margin: 40px 0;
}
#main-content .page-content .pull-out-box h6, #main-content .page-content .pull-out-box p strong {
  color: #000;
}
#main-content .page-content .pull-out-box p {
  color: #fff;
}
/* the slides */
 .client-slider .slick-slide {
  margin: 0 20px;
}
/* the parent */
.client-slider .slick-list {
  margin: 0 20px;
}
.client-slider .slick-dots {
  bottom: -50px;
}

.client-slider .slick-dots li button:before {
  font-size: 12px;
}
footer {
  background: #000000;
  color: #fff
}
footer .grid-container {
  padding-top: 30px;
}
footer .logo {
  width: 220px;
}
footer .right-block {
  float: right;
}
footer .social-icon {
  width: 20px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
}

/* footer ul {
  list-style: none;
  margin: 2.2em 0 0;
  float: right;
} */
footer .social-media {
  list-style: none;
  margin: 0 0 1.5em;
}
footer .social-media li {
  margin: 0 10px 0 0;
}
footer .social-media li img {
  width: 30px;
}

footer .footer-pages {
  list-style: none;
  margin: 0 ;
  float: unset;
  line-height: 1.4;
}
footer .footer-pages li , footer .social-media li {
  display: inline-block;
 
}
footer .footer-pages li::after {
 content: "|";
 margin: 0 5px 0;
 font-size: 13px;
 line-height: 1.4;
 vertical-align: top;
}
footer .footer-pages li:last-of-type::after {
content: "";
}
footer ul li a {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  vertical-align: top;
  /* margin: 0 6px 0 4px; */

}
footer ul li a:hover {
  color: #dedc00;
}
footer .address {
  margin-bottom: 1.5em;
}
footer .address p{
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #fff;
  line-height: 1.4;
 
}
/* footer .address.copy {
  margin-bottom: 0;
} */
footer .address.copy p {
  /* margin-top: 6px; */
  font-size: 11px;

}
.address p a {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #dedc00;
  line-height: 1.4;
}

.address p a:hover {
  color: #fff;
}
.address.white p a {
  color: #fff;
  font-size: 11px;
}
@-webkit-keyframes animateHeight {
  0% {
    height: 0%
  }

  100% {
    height: 100%
  }
}

@keyframes animateHeight {
  0% {
    height: 0%
  }

  100% {
    height: 100%
  }
}

.animateHeightOut {
  -webkit-animation-name: animateHeightOut;
  animation-name: animateHeightOut
}

@-webkit-keyframes animateHeightOut {
  0% {
    height: 100%
  }

  100% {
    height: 0%
  }
}

@keyframes animateHeightOut {
  0% {
    height: 100%
  }

  100% {
    height: 0%
  }
}

/* media queries */
/* @media only screen and (max-width: 1619px) and (min-width: 1440px) {
#homepage-services .half-image-right {
  width: 46vw;
}}
@media only screen and (max-width: 1439px) and (min-width: 1200px) {
  #homepage-services .half-image-right {
    width: 46vw;
  }
} */
@media only screen and (max-width: 1023px) {
  /* #homepage-services .half-image-left {
    top: 104px;
  } */

  #main-content .buttons-right {
    margin-top: 40px;
  }

  #product-options {
    padding-top: 0;
  }
  #main-content .buttons-right .view-all-btn {
    text-align: center;
  }

  footer .social-media {
    margin-top: 1.5em;
  }

  .add-margin-top {
    margin-top: 0;
  }
  #homepage-services.services-page {
    background: none;
  }
  #homepage-services .relative.matchbox{
    min-height: 400px;
  }
  #homepage-services .text-box .details {
    padding: 20px 10px 0;
  }
  #homepage-services .text-box .details h5 {
    font-size: 1em;
  }
  /* #homepage-services .image-box {
    height: 120px;
  } */
  #homepage-services .half-image-right {
    bottom: 120px;
  }
  /*#homepage-services .bottom {
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0 30px;
    text-align: center;
  }
 */
  #our-products .matchbox .request-btn {
    position: relative;
  }
  .embed-container{
    margin-bottom:2rem
  }
  .viewall {
    position: relative;
  }
  h3 {
    font-size: 1.7em;
  }
.page-title h1 {
  margin-bottom: 0;
}
.pad-top {
  margin-top: 0;
}
.pad-top blockquote {
  margin-top: 40px;
}
#main-content .page-content {
  padding-right: 0;
}
#main-content .aside-block {
 margin-top: 40px;
}



#homepage-news .news-listing .border:nth-child(2) hr, 
#homepage-news .news-listing .border:nth-child(6) hr,
#homepage-news .news-listing .border:nth-child(10) hr{
  margin-right: 0;
}
.card {
  margin-bottom: 1.5em;
}

#main-content.contact .social {
  position: relative;
  bottom: unset;
}
#main-content .news-photo {
  margin-bottom: 40px;
}
footer .right-block, footer ul{
  float: unset;
  margin-top: 2em;
  margin-bottom: 1em;
}
footer .right-block.last {
  margin-top: 0;
}

#intro-sec {
  height: 650px;
}
}

@media only screen and (max-width: 768px) {
  #intro-sec .page-title {
    margin-top: -105px;
}

#homepage-cases .half-image-top { 
  height: 35%;
}
#our-clients.homepage {
 margin-top: -100px;
}
#homepage-services .bottom  .request-btn {

  margin-right: 0;

}
h1 {
  font-size: 3em;
}
#pages h1 {
  font-size: 2.5em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.25em;
}
.grid-container, #home .container {
  padding-left: 40px;
  padding-right: 40px;
}
nav ul.nav-menu {
  left: 40px;
  text-align: left;
  right: unset;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-left: -1rem;
}
nav ul li {
  margin-bottom: .5rem;
}
section, #pages #intro-sec.about, #pages #intro-sec {
  padding: 40px 0;
}
#home {
  height: 400px;
  min-height: 400px;
}
#main-content .careers-listing {
  max-width: 100%;
}
.services-sec .matchimage {
  min-height: 180px;
}

}

@media only screen and (max-width: 639px) {
  #our-clients.homepage {
    margin-top: 0px;
   }
  .view-product {
    display: block;
  }
  .view-product .left {
    width: 100%;

  }
  .view-product .right {
    width: 100%;
  
  }
  .view-product .view-all-btn {
    margin-bottom: 1em;
  }
  .services-sec .left-group.matchbox {
    padding-top: 220px;
  }
  #homepage-services.services-page .services-sec .half-image-left {
    width: 100%;
    max-height: 400px;
  }
  .services-sec .matchimage {
    min-height: 200px;
  }
  #homepage-services .text-box {
    min-height: 180px;
    height: auto;
  }
  #homepage-services .matchbox.solutions {
    min-height: 600px;
  }
  #homepage-services .half-image-right {
    bottom: 69px;
    width: 100%;
    top: unset;
    right: unset;
  }
  .imgBanner, #request-demo {
    background-attachment: unset;
  }
  #homepage-services .bottom {
    top: unset;
    /* bottom: 0px;
    position: absolute;
    left: 0;
    right: 0; */
    margin-top: 40px;
    text-align: center;
  }
  #homepage-news .news-listing hr, #homepage-news hr {
    margin: 30px auto 25px!important;
    width: 100%;
  }

  blockquote {
    font-size: 1em;
  }
  #our-products .icons-text img, #product-options .card.option-box img {
    height: 70px;
  }
  #main-content.clients .clients-listing {
    margin-top: 0;
  }
  #our-products .matchbox .request-btn {
    left: unset;
    bottom: unset;

  }

  #pages h1 {
    font-size: 2.2em;
  }
  h5 {
    font-size: 0.9em;
  }
  h6 {
      font-size: 0.8em;
  }
  nav ul li a {
    font-size: 26px;
  }
  .accordion-menu .is-accordion-submenu a {
    font-size: 22px;
  }
  #main-content .page-content p, #main-content .page-content ul li {
      font-size: 0.8em;
  }
  .view-all-btn {
    max-width: 100%;
    margin-top: 1em;
    vertical-align: unset;
    width: 100%;
  }
  #main-content .buttons-group .left {
    width: 100%;
    order: 2;
  }
  
  #main-content .buttons-group .right{
    width: 100%;
    order: 1;
    margin-bottom: 2em;
    text-align: left;
 
  }
  #main-content .buttons-group .right a {
    margin-left: 0;
    margin-right: 20px;
  }
  #intro-sec {
    height: unset;
    padding-bottom: 60px;
  }
  #homepage-cases {
    margin-top: unset;
    padding-top: 60px;
  }
  #our-products .text p {
    font-size: 0.7em;
  }
  #homepage-news .feature-news .news-image img {
    margin-bottom: 1em;
  }
  #homepage-news .card .news-image, .events-listing .news-image {
    height: 220px;
  }
 
  #homepage-services.services-page .text-box, #homepage-services.services-page .image-box {
    min-height: 180px;
  }
  #pages #intro-sec.about {
    min-height: unset;
  }
  #teams {
    margin-top: 0;
    padding: 40px 0;
  }
  .margin-top60 {
    margin-top: 30px;
  }
  #main-content .person-details .social {
    margin-bottom: 30px;
  }
  #main-content .person-details h3, #main-content .person-details .social a {
    color: #333333;
  }
  /* #main-content.profile .top-img {
    height: 75vh;
  } */
  #main-content .person-details .profile-photo {
    margin-bottom: 1.5em
  }
}

@media only screen and (max-width: 539px) {
  .request-btn {
    font-size: 12px;
    padding: 4px 6px;
  }
  .hamburger .line {
    margin: 7px 0;
  }
  #navbar.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(45deg);
    -ms-transform: translateY(-11px) rotate(45deg);
    -o-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
}
  nav ul li a {
    font-size: 22px;
  }

  .accordion-menu .is-accordion-submenu a {
    font-size: 18px;
  }
  .xsmall-12 {
    width: 100%!important;
  }
  .grid-container, #home .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  nav ul {
    left: 30px;
  }
  nav ul li {
    margin-bottom: .5rem;
  }
  header .left-group img, footer .logo {
    width: 160px;
  }
  h1 {
    font-size: 2.4em;
  }

  h3, #main-content .aside-block h3 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.1em;
  }

  #intro-sec .page-title {
    margin-top: -85px;
  }

}

@media only screen and (max-width: 359px) {

}

.page-content h2 {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2em;
  color: #000;
  line-height: 1.2em;
}
.page-content h3,
.page-content h3 strong {
  color: #76b72d;
  margin: 1rem 0 !important;
  font-family: "poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.2em;
}

.page-content h4 {
  
}
.page-content h5 {
  
}
.page-content h6 {
  
}
.page-content blockquote {
  color: rgba(0, 0, 0, 70%);
  font-size: 0.9rem; 
  font-style: normal;
  font-weight: 400;
  margin-bottom: 2rem;
}
.page-content blockquote strong {
  color: #76b72d;
  font-size: 1.2rem; 
  display: block; 
  margin-bottom: 0rem;
}

.page-content.text-only ol li {
  margin-bottom: .5rem;
} 

.images-side {
  margin-bottom: 40px;
  width: 100%;
}