.body {
  height: 988px;
  width: 1600px;
}

header {
  display: flex;
  padding-left: 92px;
  align-items: center;
  top: 53px;
}
header .logo {
  padding-left: 0px;
  margin-left: 92px;
  margin-top: 53px;
  margin-right: 112px;
}
header .logo img {
  background: transparent url("images/final potofie.png") 0% 0% no-repeat padding-box;
  opacity: 1;
  width: 313px;
  height: 137px;
}
header nav {
  flex: 1;
  width: 653px;
  margin-top: 110px;
  margin-bottom: 65px;
}
header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  letter-spacing: 20px;
  opacity: 1;
}
header nav ul li {
  display: inline-block;
  font-size: 16px;
  font-family: Poppins-Regular;
  top: 110px;
}
header nav ul li.active a {
  top: 0px;
  font-family: Poppins-Regular;
  font-size: 16px;
  color: #659319;
  text-decoration: none;
}
header nav ul li a {
  display: inline-block;
  text-decoration: none;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
}

@media screen and (max-width: 768px) {
  header {
    padding-left: 20px;
    padding-top: 20px;
  }
  header .logo {
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 20px;
  }
  header nav {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  header nav ul {
    letter-spacing: 10px;
  }
}
@media screen and (max-width: 480px) {
  header {
    padding-left: 10px;
    padding-top: 10px;
  }
  header .logo {
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
  }
  header nav {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  header nav ul {
    letter-spacing: 5px;
  }
}
.banner {
  height: 816px;
  width: 100%; 
  margin-left: 0;
  margin-right: 0;
}
.sectiononebody {
  height: 816px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.banner .icon-right {
  top: 172px;
  left: 924px;
  width: 446px;
  margin-left: 67px;
  height: 816px;
  background: transparent url("images/Phone.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.banner .rectangle {
  top: 352px;
  left: 285px;
  width: 302px;
  height: 25px;
  margin-left: 130px;
  margin-top: 162px;
  border-radius: 50px;
  background: #eff4e7 0% 0% no-repeat padding-box;
  opacity: 1;
}
.banner .rectangle .text {
  top: 357px;
  left: 333px;
  width: 302px;
  height: 25px;
  font-family: Poppins-Regular;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0px;
  color: #242f51;
  opacity: 1;
}
.banner .banner-wrapper .banner-text {
  top: 394px;
  line-height: 1;
  margin-top: 12px;
  padding-left: 130px;
  left: 285px;
  width: 572px;
  height: 191px;
  text-align: left;
  margin-bottom: 20px;
  letter-spacing: 0px;
  color: #242f51;
  opacity: 1;
  font-family: Poppins-SemiBold;
  font-size: 50px;
}
.banner .banner-subtext {
  top: 605px;
  margin-left: 130px;
  left: 285px;
  width: 616px;
  margin-top: 20px;
  height: 119px;
  padding-top: 20px;
  padding-right: 155px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  font-family: Poppins-Regular;
  font-size: 18px;
  opacity: 1;
}
.banner .button-container {
  display: flex;
  margin-top: 29px;
  margin-left: 130px;
  justify-content: space-between;
  align-items: center;
}
.banner .button-container .download-button {
  top: 753px;
  border-radius: 50px;
  left: 285px;
  width: 170px;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 57px;
  background: #659319 0% 0% no-repeat padding-box;
  opacity: 1;
}
.banner .button-container .download-button .text a {
  top: 770px;
  left: 310px;
  width: 120px;
  height: 23px;
  font-family: Poppins-Bold;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.banner .button-container .demo-video {
  top: 769px;
  margin-right: 70px;
  font-family: Poppins-Regular;
  font-size: 16px;
  left: 482px;
  width: 152px;
  height: 23px;
  text-align: left;
  letter-spacing: 0px;
  color: #659319;
  opacity: 1;
}
.banner .button-container .demo-video a {
  text-align: left;
  letter-spacing: 0px;
  color: #659319;
  opacity: 1;
}
.banner .banner-footer {
  margin-top: -270px;
  top: 744px;
  left: 0px;
  width: 100%;
  height: 242px;
  background: transparent url("images/Mask Group 45.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.banner .banner-footer img {
  width: 1600px;
  height: 242px;
}
.banner .banner-footer .container {
  display: flex;
  align-items: center;
  justify-content: left;
}
.banner .banner-footer .container .demo-video {
  top: 769px;
  padding-left: 27px;
  margin-bottom: -85px;
  font-family: Poppins-Regular;
  font-size: 16px;
  left: 482px;
  width: 152px;
  height: 23px;
  text-align: left;
  letter-spacing: 0px;
  color: #659319;
  opacity: 1;
}
.banner .banner-footer .container .demo-video a {
  text-align: left;
  letter-spacing: 0px;
  color: #659319;
  opacity: 1;
}
.banner .banner-footer .container .download-button {
  top: 753px;
  left: 285px;
  width: 170px;
  margin-bottom: -60px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 130px;
  margin-top: 29px;
  border-radius: 50px;
  height: 57px;
  background: #659319 0% 0% no-repeat padding-box;
  opacity: 1;
}
.banner .banner-footer .container .download-button .text {
  top: 770px;
  left: 310px;
  width: 120px;
  height: 23px;
  font-family: Poppins-Bold;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
@media (max-width: 1200px) {
  .banner .banner-footer {
    width: 100%;
    max-width: 1200px;
  }
  .banner .banner-footer .icon-right,
  .banner .banner-footer .banner-wrapper,
  .banner .banner-footer .banner-footer {
    display: none;
  }
  .banner .banner-footer .rectangle {
    margin-left: 30px;
    margin-top: 30px;
  }
  .banner .banner-footer .banner-subtext {
    margin-left: 30px;
  }
}
@media (max-width: 768px) {
  .banner .banner-footer {
    height: auto;
  }
  .banner .banner-footer .icon-right {
    display: none;
  }
  .banner .banner-footer .rectangle {
    margin: 30px auto;
  }
  .banner .banner-footer .banner-wrapper {
    text-align: center;
  }
  .banner .banner-footer .banner-subtext {
    margin: 20px auto;
    padding: 0 20px;
  }
  .banner .banner-footer .banner-footer {
    margin-top: 0;
  }
}

.features {
  margin-top: -100px;
}
.features .row .header {
  top: 1068px;
  left: 555px;
  width: 490px;
  margin-left: 345px;
  height: 51px;
  text-align: center;
  letter-spacing: 0px;
  margin-top: 80px;
  color: #000000;
  opacity: 1;
  font-family: Poppins-SemiBold;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.features .subtext {
  padding-left: 0px;
  margin-left: 90px;
  margin-top: 31px;
  padding-right: 145px;
  top: 1150px;
  left: 285px;
  width: 1018px;
  height: 125px;
  font-family: Poppins-Regular;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.features .row {
  margin-top: 70px;
}
.features .row .buyers {
  top: 1345px;
  left: 203px;
  width: 657px;
  padding-right: 11px;
  margin-right: 11px;
  height: 903px;
  background: transparent url("images/Buyers.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body {
  margin-top: 100px;
  margin-left: 55px;
}
.features .title-body .title {
  top: 1445px;
  left: 915px;
  margin-left: 51px;
  width: 260px;
  flex-grow: 1;
  font-family: Poppins-SemiBold;
  font-size: 36px;
  height: 97px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.features .title-body .subtitle {
  top: 1554px;
  left: 916px;
  margin-top: 12px;
  margin-left: 51px;
  width: 330px;
  height: 49px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.features .title-body .icon-calendar {
  top: 1666px;
  left: 911px;
  width: 88px;
  margin-left: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88px;
  background: #E1F4F4 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 50%;
}
.features .title-body .icon-calendar .calendar {
  top: 1691px;
  left: 936px;
  width: 39px;
  height: 39px;
  background: transparent url("images/calender-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-envelope {
  top: 1789px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 910px;
  margin-left: 51px;
  width: 88px;
  height: 89px;
  background: #EFEFDD 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-envelope .envelope {
  top: 1814px;
  left: 935px;
  width: 38px;
  height: 38px;
  background: transparent url("images/send-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-wallet {
  top: 1914px;
  left: 910px;
  width: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 51px;
  height: 88px;
  background: #dee8cf 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-wallet .wallet {
  top: 1941px;
  left: 935px;
  width: 39px;
  height: 34px;
  background: transparent url("images/wallet-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-eye {
  top: 2037px;
  left: 911px;
  margin-left: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  background: #F3F3F4 0% 0% no-repeat padding-box;
  opacity: 0.71;
}
.features .title-body .icon-eye .eye {
  top: 2067px;
  left: 936px;
  width: 39px;
  height: 29px;
  background: transparent url("images/eye-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-cash {
  border-radius: 50%;
  top: -8px;
  margin-left: 51px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  background: #EDF6F4 0% 0% no-repeat padding-box;
  opacity: 1;
}
.features .title-body .icon-cash .cash {
  top: 2184px;
  left: 941px;
  width: 29px;
  height: 41px;
  background: transparent url("images/mobile-money-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 0.27;
}
.features .title-body .icon-calendar-info {
  margin-left: -46px;
  color: #616368;
  font-family: Poppins-Regular;
  font-size: 16px;
  padding-right: 3px;
  padding-top: 20px;
}
@media only screen and (max-width: 768px) {
  .features .subtext {
    margin-left: 20px;
    padding-right: 20px;
    width: auto;
  }
  .features .buyers {
    width: 100%;
  }
  .features .title-body {
    margin-left: 20px;
  }
  .features .title-body .subtitle {
    width: auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .features .subtext {
    margin-left: 50px;
    padding-right: 80px;
    width: auto;
  }
  .features .buyers {
    width: 100%;
  }
  .features .title-body {
    margin-left: 50px;
  }
  .features .title-body .subtitle {
    width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .features .subtext {
    margin-left: 90px;
    padding-right: 145px;
    width: 1018px;
  }
  .features .buyers {
    width: 657px;
    height: 903px;
  }
  .features .title-body {
    margin-left: 55px;
  }
}

.digital {
  height: 928px;
  margin-bottom: 100px;
  margin-top: 100px;
  opacity: 1;
}
.digital .title-separator {
  top: 3586px;
  left: 762px;
  margin-top: 15px;
  width: 1px;
  height: 147px;
  background: #4B4A48 0% 0% no-repeat padding-box;
  opacity: 0.39;
}
.digital .title {
  top: 3569px;
  left: 212px;
  width: 494px;
  height: 206px;
  font-family: Poppins-SemiBold;
  font-size: 40px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.digital .sub {
  top: 3609px;
  left: 810px;
  width: 476px;
  margin-top: 52px;
  height: 75px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.digital .acheteur,
.digital .producteur,
.digital .cooperative {
  margin-top: 67px;
  width: 100%;
}
.digital .acheteur .acheteur-logo,
.digital .acheteur .producteur-logo,
.digital .acheteur .cooperative-logo,
.digital .producteur .acheteur-logo,
.digital .producteur .producteur-logo,
.digital .producteur .cooperative-logo,
.digital .cooperative .acheteur-logo,
.digital .cooperative .producteur-logo,
.digital .cooperative .cooperative-logo {
  width: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 88px;
  opacity: 1;
}
.digital .acheteur {
  top: 3842px;
  left: 212px;
}
.digital .acheteur .acheteur-logo {
  background: #F7F7EC 0% 0% no-repeat padding-box;
}
.digital .acheteur .acheteur-logo-content {
  top: 3867px;
  left: 240px;
  width: 33px;
  height: 39px;
  background: transparent url("images/farmer-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.digital .acheteur-header {
  top: 3960px;
  left: 212px;
  width: 93px;
  margin-top: 30px;
  height: 28px;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  text-align: left;
  letter-spacing: 0px;
  color: #B1B144;
  opacity: 1;
}
.digital .acheteur-text {
  top: 3998px;
  left: 213px;
  width: 252px;
  height: 75px;
  margin-top: 10px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.digital .producteur {
  top: 3842px;
  left: 597px;
}
.digital .producteur .producteur-logo {
  background: #EDF6F4 0% 0% no-repeat padding-box;
}
.digital .producteur .producteur-logo-content {
  top: 3863px;
  top: 3863px;
  left: 624px;
  width: 38px;
  height: 47px;
  background: transparent url("images/buyer-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.digital .producteur-header {
  top: 3960px;
  left: 598px;
  width: 113px;
  margin-top: 30px;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  height: 28px;
  text-align: left;
  letter-spacing: 0px;
  color: #51A897;
  opacity: 1;
}
.digital .producteur-text {
  top: 3998px;
  left: 597px;
  width: 265px;
  height: 75px;
  margin-top: 10px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.digital .cooperative {
  margin-top: 67px;
  top: 3842px;
  left: 988px;
  width: 340px;
  height: 231px;
  opacity: 1;
}
.digital .cooperative .cooperative-logo {
  top: 3842px;
  left: 989px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #EFF4E7 0% 0% no-repeat padding-box;
  opacity: 1;
}
.digital .cooperative .cooperative-logo-content {
  top: 3873px;
  left: 1014px;
  width: 39px;
  height: 27px;
  background: transparent url("images/handshake-svgrepo-com.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.digital .cooperative-header {
  top: 3960px;
  left: 988px;
  width: 126px;
  margin-top: 30px;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  height: 28px;
  text-align: left;
  letter-spacing: 0px;
  color: #659319;
  opacity: 1;
}
.digital .cooperative-text {
  top: 3998px;
  left: 989px;
  width: 339px;
  margin-top: 10px;
  height: 75px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.digital .profile-header {
  top: 4131px;
  left: 212px;
  width: 265px;
  height: 51px;
  font-family: Poppins-SemiBold;
  font-size: 36px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin-top: 58px;
}
@media (max-width: 1200px) {
  .digital .title {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: auto;
    font-size: 32px;
  }
  .digital .sub {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: auto;
    font-size: 14px;
  }
  .digital .acheteur,
  .digital .producteur,
  .digital .cooperative {
    margin-top: 30px;
    width: 100%;
  }
  .digital .acheteur .acheteur-logo,
  .digital .acheteur .producteur-logo,
  .digital .acheteur .cooperative-logo,
  .digital .producteur .acheteur-logo,
  .digital .producteur .producteur-logo,
  .digital .producteur .cooperative-logo,
  .digital .cooperative .acheteur-logo,
  .digital .cooperative .producteur-logo,
  .digital .cooperative .cooperative-logo {
    width: 60px;
    height: 60px;
  }
  .digital .acheteur-text,
  .digital .producteur-text,
  .digital .cooperative-text {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    height: auto;
    font-size: 14px;
  }
  .digital .profile-header {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .digital {
    height: auto;
    padding: 30px;
  }
  .digital .title {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: auto;
    font-size: 28px;
  }
  .digital .sub {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    height: auto;
    font-size: 14px;
  }
  .digital .acheteur,
  .digital .producteur,
  .digital .cooperative {
    margin-top: 30px;
    width: 100%;
  }
  .digital .acheteur .acheteur-logo,
  .digital .acheteur .producteur-logo,
  .digital .acheteur .cooperative-logo,
  .digital .producteur .acheteur-logo,
  .digital .producteur .producteur-logo,
  .digital .producteur .cooperative-logo,
  .digital .cooperative .acheteur-logo,
  .digital .cooperative .producteur-logo,
  .digital .cooperative .cooperative-logo {
    width: 50px;
    height: 50px;
  }
  .digital .acheteur-text,
  .digital .producteur-text,
  .digital .cooperative-text {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    height: auto;
    font-size: 14px;
  }
  .digital .profile-header {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
  }
}

.solution-advantages {
  margin-top: -100px;
}
.solution-advantages .advantages-title {
  margin-left: 155px;
  width: 698px;
  font-family: Poppins-SemiBold;
  font-size: 36px;
  margin-bottom: 20px;
  margin-top: 150px;
  text-align: center;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.solution-advantages .advantages {
  margin-bottom: 244px;
  width: 1094px;
  height: 614px;
  opacity: 1;
}
.solution-advantages .advantages .advantage-body {
  width: 531px;
  margin-top: 66px;
  height: 165px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  opacity: 1;
}
.solution-advantages .advantages .advantage-body .numbering {
  margin-left: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 28px;
  margin-top: 39px;
  margin-bottom: 38px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 2px solid #6f9a28;
  opacity: 1;
}
.solution-advantages .advantages .advantage-body .numbering .number {
  margin-bottom: 15px;
  font-size: 30px;
  width: 18px;
  height: 41px;
  text-align: center;
  font: normal normal bold 30px/58px Nunito Sans;
  letter-spacing: 0px;
  color: #6f9a28;
  opacity: 1;
}
.solution-advantages .advantages .advantage-body .advantage-content {
  margin-top: 40px;
  width: 358px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
  font-family: Poppins-Regular;
  font-size: 16px;
}
@media (max-width: 1200px) {
  .solution-advantages .advantages {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
  }
  .solution-advantages .advantages .advantage-body {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .solution-advantages .advantages-title {
    margin-left: 20px;
    width: 100%;
    font-size: 24px;
  }
  .solution-advantages .advantages {
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
  .solution-advantages .advantage-body {
    width: 100%;
    height: auto;
    margin: 20px 0;
  }
  .solution-advantages .numbering {
    margin: 0 auto;
  }
  .solution-advantages .advantage-content {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10px;
  }
}

.app-download {
  background: white;
  top: 5771px;
  left: 0px;
  width: 1600px;
  opacity: 1;
}
@media (max-width: 1200px) {
  .app-download .app-download .download {
    padding: 0 20px;
    max-width: 100%;
  }
  .app-download .app-download .download-background {
    display: block;
  }
}
@media (max-width: 768px) {
  .app-download .app-download .download-title {
    font-size: 32px;
  }
  .app-download .app-download .download-content-text {
    font-size: 14px;
  }
  .app-download .app-download .download-icons {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .app-download .app-download .download-icons .download-app-google-play,
  .app-download .app-download .download-icons .download-app-store {
    margin-bottom: 15px;
  }
  .app-download .app-download .download-background {
    display: block;
    margin: 20px auto;
    max-width: 300px;
    width: 100%;
    height: auto;
  }
}
.app-download .download {
  top: 5771px;
  left: 0px;
  margin-left: -80px;
  width: 1638px;
  opacity: 1;
}
.app-download .download .download-title {
  top: 5839px;
  left: 168px;
  width: 594px;
  margin-top: 68px;
  height: 67px;
  font-family: Poppins-SemiBold;
  font-size: 48px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.app-download .download .download-content-text {
  margin-right: 799px;
  top: 5928px;
  left: 172px;
  width: 629px;
  height: 49px;
  margin-bottom: 29px;
  padding-right: 99px;
  display: block;
  margin-top: 22px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}
.app-download .download .download-icons {
  top: 6006px;
  left: 163px;
  width: 416px;
  height: 83px;
  opacity: 1;
  margin-bottom: 94px;
}
.app-download .download .download-icons .download-app-google-play {
  top: 6006px;
  left: 163px;
  width: 185px;
  height: 83px;
  background: transparent url("images/en_badge_web_generic.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.app-download .download .download-icons .download-app-store {
  top: 6020px;
  left: 394px;
  margin-top: 9px;
  width: 185px;
  margin-right: 204;
  height: 55px;
  background: transparent url("images/download-on-the-app-store-apple.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}
.app-download .download-background {
  top: 5771px;
  left: 783px;
  margin-left: -150px;
  width: 817px;
  height: 412px;
  background: transparent url("images/Group 4098.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}

.pdn-top-30 {
  padding-top: 35px;
}

ul.link li {
  display: inline-block;
  padding: 8px 15px;
  padding-bottom: 8px;
  padding-bottom: 45px;
}

ul.link li a {
  color: #fff;
  font-size: 17px;
}

ul.link li a:hover {
  color: #308409;
}

ul.location_icon {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: -30px;
}

ul.location_icon li {
  float: left;
  height: 60px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 20px;
}

ul.location_icon li:last-child {
  padding-right: 0px;
}

ul.location_icon span {
  font-size: 17px;
  font-weight: 400;
}

.copyright {
  background: #000000 0% 0% no-repeat padding-box;
  padding: 20px 0px;
}

.container {
  text-align: center;
}

.container p {
  color: #fff;
  font-size: 16px;
  margin: 0;
}

.footer {
  background: #659319 0% 0% no-repeat padding-box;
  opacity: 1;
  text-align: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.footer .headinga h3 {
  font-size: 38px;
  display: block;
  color: #fff;
  max-width: 160px;
  padding-bottom: 1px;
  border-bottom: #fff solid 1px;
  text-align: center;
  margin: 0 auto;
}

.footer .headinga span {
  font-size: 17px;
  display: block;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 5px;
}

.footer .headinga p {
  font-size: 17px;
  display: block;
  color: #fff;
}

/* Responsive styles */
@media (max-width: 1200px) {
  /* Styles for laptop screens */
  .footer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  /* Styles for tablet screens */
  .footer .headinga h3 {
    font-size: 30px;
    max-width: 120px;
  }
}
@media (max-width: 576px) {
  /* Styles for mobile phone screens */
  .footer .headinga h3 {
    font-size: 24px;
    max-width: 100px;
  }
  .footer .headinga span,
  .footer .headinga p {
    font-size: 14px;
  }
}
.channels {
  overflow: hidden;
  margin-bottom: 150px;
  margin-top: 100px;
  height: 800px;
  margin-left: 230px;
  width: 1114px;
}
.channels .rev_slider {
  width: 1114px;
}
.channel-title {
  top: 2485px;
  left: 213px;
  width: 315px;
  height: 97px;
  font-family: Poppins-SemiBold;
  font-size: 36px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.channel-subtext {
  margin-bottom: 29px;
  top: 2552px;
  left: 213px;
  width: 1114px;
  height: 83px;
  font-family: Poppins-Regular;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  color: #616368;
  opacity: 1;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
  height: 50px;
  background-color: rgba(139, 132, 132, 0.5);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Styling for the previous and next arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  color: #fff;
  font-size: 24px;
  line-height: 48px;
}

/* Styling for the active carousel indicator */
.carousel-indicators .active {
  background-color: #125505;
}

/* Centering the carousel indicators */
.carousel-indicators {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Styling to prevent shadowing of slider items by the arrows */
.carousel-inner {
  position: relative;
  z-index: 1;
}

.ussd-image-one {
  top: 2664px;
  left: 268px;
  width: 283px;
  height: 517px;
  background: transparent url("images/tenje.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ussd-image-two {
  top: 2823px;
  left: 591px;
  width: 414px;
  height: 414px;
  opacity: 1;
}

.ussd-image-three {
  top: 2664px;
  left: 1079px;
  width: 283px;
  height: 517px;
  margin-left: 65px;
  /* UI Properties */
  background: transparent url("images/tenje 2.png") 0% 0% no-repeat padding-box;
  opacity: 1;
}

#lottie-container {
  margin-left: 40px;
  margin-right: 74px;
  margin-top: 200px;
  top: 2823px;
  display: flex;
  align-items: center;
  left: 591px;
  width: 414px;
  height: 414px;
  opacity: 1;
}

.web-image {
  height: 599px;
}

.app-images {
  height: 599px;
}

.left-vertical-line {
  /* Layout Properties */
  top: 2804px;
  left: 623px;
  margin-bottom: 38px;
  width: 0px;
  height: 164px;
  /* UI Properties */
  border: 1px dashed #707070;
  opacity: 1;
}

.left-horizontal-one {
  top: 2797px;
  left: 525px;
  margin-bottom: 210px;
  margin-right: 2px;
  margin-left: -30px;
  width: 98px;
  height: 1px;
  border: 1px dashed #707070;
  opacity: 1;
}

.left-horizontal-two {
  top: 2967px;
  left: 627px;
  width: 98px;
  margin-right: -130px;
  margin-top: 125px;
  height: 1px;
  border: 1px dashed #707070;
  opacity: 1;
}

.right-horizontal-one {
  top: 2967px;
  left: 875px;
  margin-top: 130px;
  margin-left: -160px;
  width: 98px;
  height: 1px;
  border: 1px dashed #707070;
  opacity: 1;
}

.right-vertical-line {
  top: 2803px;
  left: 989px;
  width: 0px;
  margin-bottom: 33px;
  height: 164px;
  border: 1px dashed #707070;
  opacity: 1;
}

.right-horizontal-two {
  top: 2802px;
  left: 997px;
  width: 98px;
  height: 1px;
  margin-bottom: 210px;
  margin-right: -65px;
  border: 1px dashed #707070;
  opacity: 1;
}

.ussd-container {
  display: flex;
  width: 1088px;
  margin-top: -50px;
  justify-content: space-between;
  align-items: center;
}

.ussd-image-one,
#lottie-container,
.ussd-image-three {
  flex: 1;
}

#video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  display: none;
  margin-top: 300px;
  margin-left: 330px;
  height: 500px;
  background-color: rgba(44, 43, 43, 0.9);
  z-index: 9999;
}

#video-player {
  width: 100%;
  height: 100%;
}

#close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 24px;
  color: #fff;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 1;
}

.popupvid {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.popupvid .active {
  visibility: visible;
  opacity: 1;
}
.popupvid .video {
  position: relative;
  max-width: 900px;
  outline: none;
  box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.4);
}
.popupvid .close {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 24px;
  color: #fff;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 1;
}/*# sourceMappingURL=style.css.map */