@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
/* Variables */
/* HTML Elements */
html {
  font-size: 16px;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  position: relative;
  min-height: 100.1%;
  font-size: 1rem;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}
body h1,
body .h1,
body h2,
body .h2,
body h3,
body .h3,
body h4,
body .h4,
body h5,
body .h5,
body h6,
body .h6,
body blockquote,
body th {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body h1,
body .h1 {
  font-size: 50px;
  margin-bottom: 1.5rem;
  font-family: "Jost", sans-serif;
}
body h2,
body .h2 {
  font-size: 48px;
  margin-bottom: 1.5rem;
  color: #64C5B1;
  font-family: "Nunito Sans", sans-serif;
}
@media only screen and (max-width: 768px) {
  body h2,
  body .h2 {
    font-size: 30px;
  }
}
body h3,
body .h3 {
  font-size: 36px;
  margin-bottom: 1.5rem;
  font-family: "Nunito Sans", sans-serif;
  color: #4A5565;
  font-style: normal;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  body h3,
  body .h3 {
    font-size: 30px;
  }
}
body h4,
body .h4 {
  margin-bottom: 1.5rem;
  color: #4A5565;
  font-family: "Nunito Sans", sans-serif;
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  body h4,
  body .h4 {
    font-size: 30px;
  }
}
body h5,
body .h5 {
  color: #64C5B1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
@media only screen and (max-width: 768px) {
  body h5,
  body .h5 {
    font-size: 15px;
  }
}
body h6,
body .h6 {
  color: #64C5B1;
  font-family: "Jost", sans-serif;
  font-size: 25px;
}
@media only screen and (max-width: 768px) {
  body h6,
  body .h6 {
    font-size: 30px;
  }
}
body p {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: "Jost", sans-serif;
}
body a {
  color: #2359f5;
  transition: 0.3s ease all;
}
body a:focus, body a:visited, body a:hover, body a:active {
  outline: 0;
  text-decoration: none;
}
body hr {
  background-color: rgba(0, 0, 0, 0.2);
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
body ul,
body ol {
  margin-left: 0;
}
body label {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body input,
body select,
body textarea {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

/* Buttons */
.btn,
a.btn,
input.btn,
button.btn {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  border-radius: 3px;
}
.btn.btn-square,
a.btn.btn-square,
input.btn.btn-square,
button.btn.btn-square {
  font-size: 1.5rem;
  background: #dfe0f7;
  width: 7.75rem;
  height: 7.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  position: absolute;
  bottom: 0;
  right: 4rem;
}

/* Navigation */
#nav.navbar {
  transition: 0.3s ease all;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  backface-visibility: hidden;
}
#nav.navbar #navbar ul.nav.navbar-nav li.nav-item {
  padding: 0 0.5rem;
  margin: 0;
}
#nav.navbar #navbar ul.nav.navbar-nav li.nav-item a.nav-link {
  padding: 0;
  margin: 0;
}
#nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu {
  min-width: 12rem;
}
#nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu li.nav-item a.nav-link {
  font-size: 0.9rem;
}
@media only screen and (min-width: 992px) {
  #nav.navbar {
    height: 60px;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu {
    padding: 0.5rem;
    margin: 0.25rem 0 0;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu li.nav-item {
    width: 100%;
    margin-left: 0 !important;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu li.nav-item a.nav-link {
    width: 100%;
    margin-left: 0 !important;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  #nav.navbar #navbar ul.nav.navbar-nav > li:first-child,
  #nav.navbar #navbar ul.nav.navbar-nav > li:first-child > a.nav-link {
    padding-left: 0;
  }
  #nav.navbar #navbar ul.nav.navbar-nav > li:last-child,
  #nav.navbar #navbar ul.nav.navbar-nav > li:last-child > a.nav-link {
    padding-right: 0;
  }
  #nav.navbar #navbar .dropdown-menu {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.25s, opacity 0.25s linear;
  }
  .dropdown:hover #nav.navbar #navbar .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }
  #nav.navbar #navbar .dropdown-menu .dropdown > .dropdown-toggle:active {
    pointer-events: none;
  }
}
@media (max-width: 991px) {
  #nav.navbar #navbar ul.nav.navbar-nav {
    padding: 15px 0;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item:last-child {
    border-bottom: none;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu {
    border: none;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu li.nav-item {
    border-bottom: 1px solid #f5f5f5;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu li.nav-item:last-child {
    border-bottom: none;
  }
  #nav.navbar #navbar ul.nav.navbar-nav li.nav-item .dropdown-menu li.nav-item a.nav-link {
    padding: 15px 0 !important;
  }
}

.nav-link:focus, .nav-link:hover {
  color: #64C5B1;
}

/* Custom Styles */
.colour-text strong {
  color: #64C5B1;
  font-weight: normal;
}

.widget-area {
  display: none;
}

.logo img {
  height: 81px;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .logo img {
    height: 50px;
    padding-right: 115px;
  }
}

.brand-btn {
  padding-bottom: 40px;
}
.brand-btn a {
  border-radius: 10px;
  background: #64C5B1;
  color: #FFFFFF;
  text-align: center;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
}

.nav-offset {
  height: 60px;
}
@media only screen and (max-width: 768px) {
  .nav-offset {
    height: 40px;
  }
}

.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  gap: 32px;
}

.nav-wrapper {
  display: flex;
  gap: 48px;
  align-items: center;
  padding: 20px 87px;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  top: 80px;
}
@media only screen and (max-width: 768px) {
  .nav-wrapper {
    padding: 20px 28px;
    gap: 10px;
    justify-content: space-between;
    height: 136px;
    align-items: flex-start;
    top: 61px;
  }
}
.nav-wrapper li a {
  color: white;
  font-weight: 500;
}
.nav-wrapper .contact-btn {
  border-radius: 10px;
  background: #64C5B1;
}
.nav-wrapper .contact-btn a:focus, .nav-wrapper .contact-btn a:hover {
  color: #FFFFFF;
}

.home-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mobile-nav-overlay {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-nav-overlay {
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: fit-content;
    background: #fff;
    z-index: 9999;
    padding: 24px 28px;
    opacity: 97%;
  }
  .mobile-nav-overlay.open {
    display: flex;
  }
  .mobile-nav-overlay .mobile-nav-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
  }
  .mobile-nav-overlay .nav-close {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #64C5B1;
    font-size: 36px;
    line-height: 1;
    padding: 4px;
  }
  .mobile-nav-overlay .mobile-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mobile-nav-overlay .mobile-nav-menu li {
    border-bottom: 1px solid #e8e8e8;
  }
  .mobile-nav-overlay .mobile-nav-menu li a {
    display: block;
    padding: 22px 0;
    font-size: 18px;
    font-weight: 500;
    color: #1a2e44;
    text-decoration: none;
  }
  .mobile-nav-overlay .mobile-nav-menu li:last-child {
    border-bottom: none;
    margin-top: 24px;
  }
  .mobile-nav-overlay .mobile-nav-menu li:last-child a {
    display: block;
    background: #64C5B1;
    color: #fff;
    text-align: center;
    padding: 18px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
  }
}

.nav-toggler {
  display: none;
  background-color: transparent;
  flex-direction: column;
  border: none;
}
@media only screen and (max-width: 768px) {
  .nav-toggler {
    display: flex;
  }
}
.nav-toggler .navbar-toggler-icon {
  width: 25px;
  height: 3px;
  background-color: #64C5B1;
  margin: 4px 0;
}

.home-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Banner Sections */
.banner {
  display: flex;
  height: 600px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 60px;
}
.banner .container {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 240px;
  padding-right: 240px;
  margin-top: 100px;
  z-index: 1;
}
.banner h2 {
  color: #FFF;
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 65px; /* 130% */
  letter-spacing: 6px;
  text-transform: uppercase;
}
.banner .brand-logos {
  position: relative;
  top: 116px;
  align-items: center !important;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .banner .brand-logos {
    gap: 20px;
    width: 93%;
  }
}
@media only screen and (max-width: 768px) {
  .banner {
    background-image: url("/wp-content/uploads/2026/02/new-mobile-banner.jpg") !important;
  }
}

.ecoffee-img img {
  height: 81px;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .ecoffee-img img {
    height: 66px;
  }
}

.kuving-img img {
  height: 51px;
  width: auto;
}
@media only screen and (max-width: 768px) {
  .kuving-img img {
    height: 33px;
  }
}

.dopper-img img {
  height: 33px;
  width: 41vh;
}
@media only screen and (max-width: 768px) {
  .dopper-img img {
    height: 19px;
  }
}

@media only screen and (max-width: 768px) {
  .banner {
    margin-bottom: 40px;
  }
  .banner .container {
    padding-left: 0px;
    padding-right: 0px;
    z-index: 0;
  }
  .banner h2 {
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px; /* 112.903% */
    letter-spacing: 6px;
  }
  .banner-overlay::before {
    width: 94%;
    left: 11px;
  }
}
/* Brands Sections */
.brands-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0px;
}
.brands-section .brand-blocks {
  background-color: #FFF;
  border-radius: 24px;
  width: 1114px;
  height: auto;
  margin: 60px auto;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.brands-section .brand-blocks .text-col {
  padding-left: 60px;
  padding-top: 40px;
}
.brands-section .brand-blocks .brand-subline::before {
  content: "";
  width: 48px;
  height: 4px;
  background: #64C5B1;
  border-radius: 33554400px;
  margin-top: auto;
  margin-bottom: auto;
}
.brands-section .brand-blocks p {
  color: #4A5565;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 111px;
}
.brands-section .brand-blocks figure {
  margin-bottom: 0px;
}
.brands-section .brand-blocks .brand-img {
  margin-top: 1px;
}
.brands-section .brand-blocks .brand-img img {
  width: 568px;
  height: 561px;
}
.brands-section .brand-blocks .right-img img {
  border-radius: 0 24px 24px 0;
}
.brands-section .brand-blocks .left-img img {
  border-radius: 24px 0px 0px 24px;
}
.brands-section .brand-blocks .product-imgs img {
  width: auto;
  height: auto;
  padding-bottom: 20px;
}
.brands-section .dopper {
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 768px) {
  .brands-section {
    padding: 40px 0px;
  }
  .brands-section .container {
    padding: 0px 20px;
  }
  .brands-section .brand-blocks {
    width: auto;
    display: flex;
    flex-direction: column-reverse;
    margin: 40px auto;
  }
  .brands-section .brand-blocks .brand-img {
    margin-top: 1px;
  }
  .brands-section .brand-blocks .brand-img img {
    width: 568px;
    height: auto;
  }
  .brands-section .brand-blocks p {
    padding-right: 0px;
  }
  .brands-section .brand-blocks .right-img img {
    border-radius: 24px 24px 0px 0;
  }
  .brands-section .brand-blocks .left-img img {
    border-radius: 24px 24px 0px 0;
  }
  .brands-section .brand-blocks .text-col {
    padding: 30px;
  }
  .brands-section .img-direction {
    flex-direction: column !important;
  }
}

/* About Sections */
.about-text {
  padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .about-text {
    padding-bottom: 32px;
    margin-bottom: 0px;
  }
}

.about-section {
  padding: 60px 90px;
}
.about-section .container {
  padding: 0px;
}
@media only screen and (max-width: 768px) {
  .about-section p {
    padding-bottom: 32px;
    margin-bottom: 0px;
  }
}

.number-blocks {
  padding-top: 30px;
  padding-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.number-blocks .primary {
  color: #64C5B1;
  text-align: center;
  font-family: "Jost", sans-serif;
  font-size: 36px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .number-blocks {
    margin-bottom: 0px;
    padding-bottom: 32px;
    padding-top: 0px;
  }
  .number-blocks .primary {
    padding-bottom: 10px !important;
  }
  .number-blocks .smaller-text {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 0px;
  }
}

.about-col {
  gap: 24px !important;
  width: 1112px;
}
@media only screen and (max-width: 768px) {
  .about-col {
    flex-direction: column !important;
    margin-bottom: 0px;
  }
}

.about-blocks {
  background-color: #64C5B1;
  padding: 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 220px;
  flex-wrap: nowrap;
}
.about-blocks figure {
  margin-bottom: 13px;
}
.about-blocks figure img {
  width: 48px;
  height: 48px;
}
.about-blocks .heading {
  color: #FFFFFF;
  font-family: "Nunito Sans", sans-serif;
  margin-bottom: 10px;
}
.about-blocks .text {
  color: #FFFFFF;
  font-family: "Jost", sans-serif;
  margin-bottom: 8px;
  line-height: 22.8px;
}
@media only screen and (max-width: 768px) {
  .about-blocks {
    display: grid !important;
    grid-template-columns: 64px 1fr;
    grid-template-rows: auto auto;
    gap: 4px 5px;
    height: auto;
    padding: 20px;
    align-items: center;
  }
  .about-blocks figure {
    grid-column: 1;
    grid-row: 1/3;
    margin-bottom: 0;
    align-self: center;
  }
  .about-blocks .heading {
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0;
    padding-bottom: 4px;
  }
  .about-blocks .text {
    grid-column: 2;
    grid-row: 2;
    margin-bottom: 0;
    padding-bottom: 0px;
  }
}

/* Contact Sections */
.form-block {
  margin-top: 60px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 86%;
  padding-bottom: 60px;
}
.form-block .contact h4 {
  color: #4A5565;
  font-family: "Nunito Sans";
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
@media only screen and (max-width: 768px) {
  .form-block .contact h4 {
    font-size: 28px;
  }
}
.form-block .contact h4, .form-block .contact p {
  margin-bottom: 60px;
}
.form-block .form {
  width: fit-content;
  display: flex;
  justify-content: space-evenly;
}
.form-block .form h4 {
  color: #4A5565;
  font-family: "Nunito Sans", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
@media only screen and (max-width: 768px) {
  .form-block .form h4 {
    font-size: 28px;
  }
}
.form-block .form p {
  display: flex;
  flex-direction: column;
}
.form-block .form label {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #4A5565;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 12px;
}
.form-block .form div {
  background-color: white;
  padding: 40px;
  justify-content: space-around;
  gap: 20px;
  align-items: center;
  border-radius: 24px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .form-block .form div {
    padding: 20px;
    padding-top: 40px;
  }
}
.form-block .form input {
  border: 2px solid #E5E7EB;
  border-radius: 14px;
  height: 60px;
  background: #F9FAFB;
  width: 100%;
  padding-left: 20px;
}
.form-block .form textarea {
  height: 180px;
  border: 2px solid #E5E7EB;
  border-radius: 14px;
  background: #F9FAFB;
  width: 100%;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .form-block .form textarea {
    padding: 10px;
  }
}
.form-block .form .wpcf7-submit {
  border-radius: 14px;
  background-color: #64C5B1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.1135 18.0716C12.1452 18.1505 12.2002 18.2179 12.2712 18.2646C12.3423 18.3113 12.4259 18.3352 12.5109 18.333C12.5959 18.3308 12.6781 18.3027 12.7467 18.2524C12.8152 18.2021 12.8668 18.1321 12.8943 18.0516L18.311 2.2183C18.3377 2.14446 18.3428 2.06455 18.3257 1.98793C18.3086 1.9113 18.27 1.84113 18.2145 1.78561C18.159 1.7301 18.0888 1.69154 18.0122 1.67446C17.9356 1.65737 17.8557 1.66246 17.7818 1.68913L1.9485 7.1058C1.86808 7.13338 1.79802 7.1849 1.74772 7.25344C1.69743 7.32199 1.66931 7.40428 1.66713 7.48926C1.66495 7.57425 1.68883 7.65787 1.73555 7.7289C1.78226 7.79993 1.84959 7.85497 1.9285 7.88663L8.53683 10.5366C8.74574 10.6203 8.93554 10.7453 9.0948 10.9043C9.25406 11.0633 9.37948 11.2529 9.4635 11.4616L12.1135 18.0716Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.2116 1.78906L9.09497 10.9049' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 113px center;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  padding-right: 48px;
  cursor: pointer;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .form-block .form .wpcf7-submit {
    font-size: 18px;
    padding-right: 60px;
    background-position: right 61px center;
  }
}
.form-block .form .wpcf7 input::placeholder,
.form-block .form .wpcf7 textarea::placeholder {
  font-family: "Jost", sans-serif;
  font-size: 18px;
  opacity: 1;
  padding: 20px;
}
.form-block .form .wpcf7-not-valid-tip {
  padding-top: 10px;
}
.form-block .form .screen-reader-response {
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  .form-block .form .wpcf7-response-output {
    padding-top: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .about-section {
    padding: 40px 10px;
  }
  .about-col {
    width: auto;
  }
  .number-blocks {
    width: auto;
  }
  .number-blocks p {
    font-size: 14px;
  }
  .contact-ending {
    margin-bottom: 0px;
  }
}
/* Contact Sections */
.contact-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0px;
}
@media only screen and (max-width: 768px) {
  .contact-section .mobile-text {
    padding-left: 36px;
    padding-right: 36px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .contact-section {
    padding: 40px 0px;
  }
  .contact-section h2 {
    margin-bottom: 0px;
    padding-bottom: 32px;
  }
}

@media only screen and (max-width: 768px) {
  .form-block {
    margin-top: 32px;
    margin-bottom: 0px;
    gap: 8px;
    padding-bottom: 40px;
  }
  .form-block .contact h4 {
    margin-bottom: 32px;
  }
  .form-block .contact p {
    margin-bottom: 32px;
  }
}

#page > section > .container,
#page > section > .wp-block-group__inner-container > .container {
  position: relative;
}

#intro {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#intro .btn-square {
  right: inherit;
  left: 50%;
  transform: translateX(-50%);
}

.home-header-list {
  columns: 2;
  width: 550px;
}

#scroller {
  border-top: 2px solid #cfd1d2;
  border-bottom: 2px solid #cfd1d2;
}
#scroller h2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#benefits > .container {
  min-height: 520px;
  background: #f5f5f5;
}
#benefits .text-left {
  width: 500px;
  padding-top: 3rem;
  padding-left: 3rem;
}
#benefits .text-right {
  position: absolute;
  width: 400px;
  left: 60%;
  top: 50%;
  transform: translateY(-50%);
}

#story > .container {
  min-height: 520px;
  background: #f5f5f5;
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

#process .accordion-body {
  position: relative;
}
#process .accordion-content {
  width: 560px;
}

#team > .container {
  background: #f5f5f5;
}
#team .team-heading {
  border-top: 2px solid #cfd1d2;
  border-bottom: 2px solid #cfd1d2;
  margin-bottom: 3rem;
}
#team .team-heading .h2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#team .team-members {
  display: flex;
  flex-wrap: wrap;
  padding: 6.25rem;
  column-gap: 6.25rem;
  row-gap: 2.625rem;
  text-align: center;
}
#team .team-members .team-member {
  width: 11.25rem;
}
#team .team-members .team-member .team-member-photo {
  width: 10.75rem;
  height: 10.75rem;
  background: #fff;
  margin-bottom: 1rem;
  border-radius: 50%;
}
#team .team-members .team-member .team-member-name {
  margin-bottom: 1rem;
}
#team .team-members .team-member .team-member-job-title {
  background: #fff;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
  border-radius: 9999px;
}

.footer-bg {
  background-color: #64C5B1;
  clear: both;
  display: block;
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 40px 163px;
}
.footer-bg .row {
  display: flex;
  justify-content: space-between;
  gap: 41px;
}
.footer-bg .row .col-md-6, .footer-bg .row .col-md-2 {
  padding: 0px;
}
.footer-bg .row .col-md-2 {
  padding-left: 41px;
}
.footer-bg h6::after {
  content: "";
  width: 48px;
  height: 2px;
  background: #FFFFFF;
  border-radius: 33554400px;
  margin-top: auto;
  margin-bottom: auto;
}
.footer-bg h6 {
  color: #FFFFFF;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 15px;
}
.footer-bg p {
  color: #FFFFFF;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer-bg .menu {
  padding-left: 0px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer-bg .menu li a {
  color: #FFFFFF;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  text-decoration: none;
  font-weight: 500;
}
.footer-bg .menu ::marker {
  color: transparent;
}
.footer-bg .last-section {
  display: flex;
  flex-direction: column;
}
.footer-bg .last-section p {
  font-size: 15px;
}
.footer-bg .last-section::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  border-radius: 33554400px;
  margin-top: auto;
  margin-bottom: 33px;
}
.footer-bg .social-icons {
  display: flex;
  width: fit-content;
  gap: 12px;
}
.footer-bg .social-icons figure {
  margin-bottom: 0px;
}
.footer-bg .social-icons figure img {
  width: 32px;
  height: 35px;
}
.footer-bg a {
  color: #FFFFFF;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .footer-bg {
    padding: 40px 20px;
  }
  .footer-bg .row .col-md-2 {
    padding-left: 0px;
  }
}

/* Media Queries */

/*# sourceMappingURL=main.css.map */