@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@font-face {
  font-family: "myriad-pro";
  src: url("/src/public/fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
  font-weight: normal;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "myriad-pro", sans-serif;
  font-size: 1.6rem;
  color: #0a1629;
  background-color: #fefefe;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

.container,
.container-fluid {
  padding: 0;
}
@media (max-width: 575px) {
  .container,
  .container-fluid {
    padding: 0 2rem;
  }
}

.container.py {
  padding: 4rem 0 4rem;
}
@media (max-width: 575px) {
  .container.py {
    padding: 2.8rem 1rem 2.8rem;
  }
}

.bg-gray {
  background-color: #d7dadb;
}

.max-width-container {
  max-width: 192rem;
  margin: 0 auto;
  padding: 0;
}

*:focus {
  box-shadow: none !important;
}

.scrollbar-0::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  display: none;
}
.scrollbar-0 {
  scrollbar-width: none;
}
.scrollbar-0::-ms-scrollbar {
  display: none;
}

.gap-20 {
  gap: 2rem;
}

.row-gap-20 {
  row-gap: 2rem;
}

.gap-25 {
  gap: 2.5rem;
}

.row-gap-25 {
  row-gap: 2.5rem;
}

.row-gap-50 {
  row-gap: 4rem;
}
@media (max-width: 1199px) {
  .row-gap-50 {
    row-gap: 3rem;
  }
}
@media (max-width: 767px) {
  .row-gap-50 {
    row-gap: 2rem;
  }
}

.row-gap-100 {
  row-gap: 10rem;
}

.gap-30 {
  gap: 3rem;
}

.gap-35 {
  gap: 3.5rem;
}

.vertical-divider {
  border-left: 1px solid #e4e6e8;
}

.min-h-100vh {
  min-height: 100vh;
}

.primary-color {
  color: #004fa3;
}

.mt-6 {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .mt-6 {
    margin-top: 2rem;
  }
}

.text-primary {
  color: #004FA3 !important;
}

.text-success {
  color: #00af65 !important;
}

.mt-7 {
  margin-top: 5rem;
}

.mt-8 {
  margin-top: 8rem;
}

.mt-14 {
  margin-top: 14rem;
}
@media (max-width: 991px) {
  .mt-14 {
    margin-top: 8rem;
  }
}

.mb-14 {
  margin-bottom: 14rem;
}
@media (max-width: 991px) {
  .mb-14 {
    margin-bottom: 8rem;
  }
}

.border-green {
  border: 2px solid #01a358;
}

.bg-blue {
  background-color: #004fa3;
}

.bg-green {
  background-color: #06A965;
}

.max-w-100 {
  max-width: 100% !important;
}

.text-blue {
  color: #004fa3;
}

.text-green {
  color: #008f4f;
}

.success-text {
  color: #28a745;
}

.success-bg {
  background-color: #28a745;
}

.bg-dark-green {
  background-color: #0f5d30;
}

.pad-top {
  padding-top: 4.8rem;
}
@media (max-width: 991px) {
  .pad-top {
    padding-top: 0;
  }
}

.quote-pad {
  padding-top: 14rem;
}
@media (max-width: 1399px) {
  .quote-pad {
    padding-top: 8rem;
  }
}
@media (max-width: 1199px) {
  .quote-pad {
    padding: 0 5rem;
    padding-top: 10rem;
  }
}
@media (max-width: 767px) {
  .quote-pad {
    padding: 5rem 0;
  }
}

.gray-bg {
  background: url("../../public/images/gray-bg.png"), #FFF;
}

.gray-bg-2 {
  background: url("../../public/images/gray-bg2.png"), #FFF;
}

a {
  text-decoration: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.message p,
.message h6,
.message h5,
.h4,
h5,
.key .row-h,
.h5,
h6,
.h6,
ul,
li,
ol,
p,
.accordion .accordion-body ul li span,
.accordion .accordion-body ul li,
.card.detail-card .card-body .deatils-wrapper .details span {
  margin-bottom: 0;
}

h1, .h1 {
  font-size: 4.8rem;
  font-weight: 700;
}
@media (max-width: 575px) {
  h1, .h1 {
    font-size: 4.1009rem;
  }
}

h2, .h2 {
  font-size: 3rem;
  font-weight: 700;
}

h3, .h3 {
  font-size: 2.6rem;
  font-weight: 700;
}

h4, .message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span, .message h6, .message h5, .message .key .row-h, .key .message .row-h, .h4 {
  font-size: 3.6rem;
  font-weight: 700;
}

h5, .key .row-h, .h5 {
  font-size: 2.4rem;
  font-weight: 700;
}

h6, .h6 {
  font-size: 1.8rem;
  font-weight: 700;
}

.btn {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 1.2rem 2rem;
  font-size: 1.6rem;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.btn.btn-primary {
  background-color: #004fa3;
  color: #ffffff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.btn.btn-primary:hover {
  background-color: #004894;
}
.btn.btn-primary:disabled {
  background-color: #0a81ff;
  color: #7d8592;
  pointer-events: none;
}
.btn.btn-light {
  background-color: #ffffff;
  padding: 0.8rem 5.5rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #004fa3;
}
.btn.btn-light .coco-leaves {
  left: -10px;
  bottom: 0;
  height: 58px;
  width: 58px;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .btn.btn-light .coco-leaves {
    height: 53px;
    width: 53px;
  }
}
.btn.btn-light:hover {
  background-color: #d7eaff;
  box-shadow: 4px 4px 8px rgb(45, 45, 45);
}
.btn.btn-light:hover .coco-leaves {
  left: 88%;
}
@media (max-width: 767px) {
  .btn.btn-light {
    font-size: 1.2rem;
  }
}
.btn.slick-btn {
  background-color: rgba(0, 0, 0, 0.07);
  color: #004fa3;
  font-weight: 600;
  margin-top: 3rem;
  width: -moz-fit-content;
  width: fit-content;
}

.nav-tabs .custom-tab-button {
  position: relative;
  color: #004fa3;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  padding: 1.2rem 4rem 1.2rem 10rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1399px) {
  .nav-tabs .custom-tab-button {
    padding: 0.8rem 3rem 0.8rem 10rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .nav-tabs .custom-tab-button {
    padding: 0.8rem 2rem 0.8rem 8rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .nav-tabs .custom-tab-button {
    padding: 0.8rem 2rem 0.8rem 7rem;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .nav-tabs .custom-tab-button {
    padding: 0.8rem 2rem 0.8rem 4rem;
    font-size: 1rem;
  }
}
.nav-tabs .custom-tab-button.active {
  background: #00af66;
  color: #ffffff;
}
.nav-tabs .custom-tab-button.active .arrow {
  transform: rotate(180deg);
  color: #00af66;
  background: #ffffff;
}
.nav-tabs .custom-tab-button img {
  position: absolute;
  max-width: 10rem;
  bottom: 0;
  left: -3rem;
}
@media (max-width: 1399px) {
  .nav-tabs .custom-tab-button img {
    max-width: 9rem;
    left: -2rem;
  }
}
@media (max-width: 1199px) {
  .nav-tabs .custom-tab-button img {
    max-width: 7rem;
    left: -2rem;
  }
}
@media (max-width: 575px) {
  .nav-tabs .custom-tab-button img {
    max-width: 5rem;
    left: -2rem;
  }
}
.nav-tabs .custom-tab-button .arrow {
  width: 3rem;
  height: 3rem;
  background: linear-gradient(91deg, #507f48, #83a467);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .nav-tabs .custom-tab-button .arrow {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 575px) {
  .nav-tabs .custom-tab-button .arrow {
    width: 2rem;
    height: 2rem;
  }
  .nav-tabs .custom-tab-button .arrow svg {
    width: 1.6rem;
  }
}

.card {
  border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
  border: none;
}
.card .card-body {
  padding: 3rem 3.8rem;
}
.card .card-body.p-20 {
  padding: 2rem;
}
.card .card-body .user-3 {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.card .card-body .user-3 .user-pfp {
  width: 7.2rem;
  height: 7.2rem;
  border: 2px solid #3f8cff;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  padding: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card .card-body .user-3 h5, .card .card-body .user-3 .key .row-h, .key .card .card-body .user-3 .row-h {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.card .card-body .user-3 p, .card .card-body .user-3 .accordion .accordion-body ul li span, .accordion .accordion-body ul li .card .card-body .user-3 span, .card .card-body .user-3 .accordion .accordion-body ul li, .accordion .accordion-body ul .card .card-body .user-3 li, .card.detail-card .card-body .user-3 .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .user-3 span {
  font-size: 1.6rem;
  line-height: 131.25%;
}
@media (max-width: 767px) {
  .card .card-body {
    padding: 1.5rem 1.8rem;
  }
}
.card.draggable {
  padding: 1rem;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.card.draggable .card-header {
  background: transparent;
  border: none;
}
.card.draggable .card-header .title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.card.draggable .card-header .title-wrapper h5, .card.draggable .card-header .title-wrapper .key .row-h, .key .card.draggable .card-header .title-wrapper .row-h {
  color: #000000;
  font-family: Inter;
  font-size: 1.8rem;
  font-weight: 500;
}
.card.draggable .card-header .title-wrapper select {
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border: 1px solid rgba(148, 156, 169, 0.33);
  color: #343b4e;
  font-size: 1.2rem;
  font-weight: 500;
}
.card.draggable .card-header .actions {
  display: flex;
  align-items: center;
  gap: 1.3rem;
}
.card.draggable .card-body {
  padding: 2rem;
}
.card.draggable .card-body h4, .card.draggable .card-body .message p, .message .card.draggable .card-body p, .card.draggable .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card.draggable .card-body .deatils-wrapper .details span, .card.draggable .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card.draggable .card-body .deatils-wrapper .details .message span, .card.draggable .card-body .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .card.draggable .card-body li, .card.draggable .card-body .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .card.draggable .card-body li, .card.draggable .card-body .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .card.draggable .card-body span, .card.draggable .card-body .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .card.draggable .card-body span, .card.draggable .card-body .message h6, .message .card.draggable .card-body h6, .card.draggable .card-body .message h5, .card.draggable .card-body .message .key .row-h, .key .card.draggable .card-body .message .row-h, .message .card.draggable .card-body h5, .message .card.draggable .card-body .key .row-h, .key .message .card.draggable .card-body .row-h {
  color: #000000;
  font-size: 2rem;
  font-weight: 600;
}
.card.draggable .card-body p, .card.draggable .card-body .accordion .accordion-body ul li span, .accordion .accordion-body ul li .card.draggable .card-body span, .card.draggable .card-body .accordion .accordion-body ul li, .accordion .accordion-body ul .card.draggable .card-body li, .card.draggable .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card.draggable .card-body .deatils-wrapper .details span {
  color: #000000;
  font-size: 1.2rem;
  font-weight: 700;
}
.card.draggable .card-body .bar-wrapper span {
  color: #7d8592;
  font-size: 1rem;
  padding-top: 0.5rem;
}
.card.draggable .card-body .bar-wrapper .pro-bar {
  height: 0.7rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  background: #71c1ad;
  position: relative;
  margin-top: 2.4rem;
}
.card.draggable .card-body .bar-wrapper .pro-bar .bar-behind {
  height: 0.7rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  background: #ee190b;
  position: absolute;
}
.card.draggable .card-body .bar-wrapper .pro-bar .divider {
  width: 0.2rem;
  height: 2.1rem;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  background: #434253;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.card.draggable .card-body .project-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
.card.draggable .card-body .project-name img {
  width: 5.8rem;
  height: 5.8rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.card.draggable .card-body .project-name span {
  color: #91929e;
  font-size: 1.4rem;
}
.card.draggable .card-body .project-name h5, .card.draggable .card-body .project-name .key .row-h, .key .card.draggable .card-body .project-name .row-h {
  font-size: 2rem;
  font-weight: 700;
}
.card.draggable .card-body .project-timeline {
  color: #7d8592;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 114.286%;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 2.4rem;
}
.card.draggable .card-body .project-timeline span {
  color: #0a1629;
  font-weight: 700;
}
.card.draggable .card-body .step-list li:not(:last-of-type) {
  margin-bottom: 2.34rem;
}
.card.draggable .card-body .gallery .slick-slide:not(:last-of-type) {
  margin-right: 1.6rem;
}
.card.draggable .card-body .gallery img {
  width: 100%;
  height: 18.8rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2.1rem;
  -webkit-border-radius: 2.1rem;
  -moz-border-radius: 2.1rem;
  -ms-border-radius: 2.1rem;
  -o-border-radius: 2.1rem;
}
.card.draggable .card-body .tasks-list .task {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card.draggable .card-body .tasks-list .task:not(:last-of-type) {
  margin-bottom: 1.8rem;
}
.card.draggable .card-body .tasks-list .task .tast-name {
  font-size: 1.4rem;
  font-weight: 700;
}
.card.draggable .card-body .tasks-list .task .tast-status {
  color: #15c0e6;
  font-size: 1.4rem;
  font-weight: 700;
}
.card.draggable .card-body .btn.btn-link {
  color: #3f8cff;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  text-align: end;
  padding: 0;
  margin-top: 3.3rem;
  margin-left: auto;
}
.card.overview-card {
  margin-bottom: 4rem;
}
.card.overview-card .card-body {
  padding: 0 2rem;
  min-height: 16.6rem;
}
.card.overview-card .card-body .tasks {
  padding: 1rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-left: 1px solid #d8e0f0;
}
.card.overview-card .card-body .tasks span {
  color: #91929e;
  font-size: 1.4rem;
}
.card.overview-card .card-body .tasks p, .card.overview-card .card-body .tasks .accordion .accordion-body ul li span, .accordion .accordion-body ul li .card.overview-card .card-body .tasks span, .card.overview-card .card-body .tasks .accordion .accordion-body ul li, .accordion .accordion-body ul .card.overview-card .card-body .tasks li, .card.overview-card .card.detail-card .card-body .tasks .deatils-wrapper .details span, .card.detail-card .card.overview-card .card-body .tasks .deatils-wrapper .details span, .card.overview-card .card.detail-card .card-body .deatils-wrapper .details .tasks span, .card.detail-card .card.overview-card .card-body .deatils-wrapper .details .tasks span {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
.card.detail-card .card-body {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.card.detail-card .card-body .deatils-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #d8e0f0;
}
.card.detail-card .card-body .deatils-wrapper .details p, .card.detail-card .card-body .deatils-wrapper .details .accordion .accordion-body ul li, .accordion .accordion-body ul .card.detail-card .card-body .deatils-wrapper .details li, .card.detail-card .card-body .deatils-wrapper .details span {
  color: #7d8592;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
}
.card.detail-card .card-body .deatils-wrapper .details span {
  font-weight: 400;
  padding: 1rem 0;
}
.card.detail-card .card-body .desc {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 133.333%;
}
.card.detail-card .card-body .desc.bottm-spc {
  padding-bottom: 4.8rem;
  border-bottom: 1.5px solid #d8e0f0;
  margin-bottom: 0.8rem;
}

.project-progress {
  height: 30.9rem;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
.project-progress img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-progress .progress-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(113, 193, 173, 0.35);
  width: 34%;
  height: 100%;
}

.user-1 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.user-1 img {
  width: 5rem;
  height: 5rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
}
.user-1 p, .user-1 .accordion .accordion-body ul li span, .accordion .accordion-body ul li .user-1 span, .user-1 .accordion .accordion-body ul li, .accordion .accordion-body ul .user-1 li, .user-1 .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .user-1 span {
  font-size: 1.6rem;
  font-weight: 700;
}
.user-1 span {
  color: #91929e;
  font-size: 1.4rem;
}

.slick-section .slick-slide .card {
  margin: 0 20px;
  background-color: white;
  font-family: "myriad-pro", sans-serif;
  border: 2px solid #28a745;
}
.slick-section .slick-slide .card h3 {
  font-size: 3rem;
  color: #004fa3;
  font-weight: 400;
}
.slick-section .slick-slide .card h3 span {
  color: #28a745;
}
@media (max-width: 1199px) {
  .slick-section .slick-slide .card h3 {
    font-size: 3.4rem;
  }
}
@media (max-width: 767px) {
  .slick-section .slick-slide .card h3 {
    font-size: 2.6rem;
  }
}
.slick-section .slick-slide .card p, .slick-section .slick-slide .card .accordion .accordion-body ul li span, .accordion .accordion-body ul li .slick-section .slick-slide .card span, .slick-section .slick-slide .card .accordion .accordion-body ul li, .accordion .accordion-body ul .slick-section .slick-slide .card li, .slick-section .slick-slide .card.detail-card .card-body .deatils-wrapper .details span {
  font-size: 1.6rem;
  line-height: 1.92rem;
  letter-spacing: -1;
}
@media (max-width: 1199px) {
  .slick-section .slick-slide .card p, .slick-section .slick-slide .card .accordion .accordion-body ul li span, .accordion .accordion-body ul li .slick-section .slick-slide .card span, .slick-section .slick-slide .card .accordion .accordion-body ul li, .accordion .accordion-body ul .slick-section .slick-slide .card li, .slick-section .slick-slide .card.detail-card .card-body .deatils-wrapper .details span {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .slick-section .slick-slide .card p, .slick-section .slick-slide .card .accordion .accordion-body ul li span, .accordion .accordion-body ul li .slick-section .slick-slide .card span, .slick-section .slick-slide .card .accordion .accordion-body ul li, .accordion .accordion-body ul .slick-section .slick-slide .card li, .slick-section .slick-slide .card.detail-card .card-body .deatils-wrapper .details span {
    font-size: 1.4rem;
  }
}
.slick-section .slick-slide .card .slick-img {
  position: relative;
  padding-bottom: 2rem;
  overflow: hidden;
  height: 20rem;
  width: 100%;
  transition: width 0.4s ease;
}
.slick-section .slick-slide .card .slick-img:hover {
  width: 116%;
}
@media (max-width: 991px) {
  .slick-section .slick-slide .card .slick-img:hover {
    width: 107%;
  }
}
.slick-section .slick-slide .card .slick-img img {
  border-radius: 14px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  display: block;
  position: relative;
  z-index: 1;
  transition: transform 0.4s ease; /* Smooth transition for transform */
}
@media (max-width: 767px) {
  .slick-section .slick-slide .card .slick-img img {
    height: 18rem;
  }
}
.slick-section .slick-slide .card .card:hover .slick-img {
  width: 116%;
}
.slick-section .slick-slide .card .card:hover .slick-img img {
  transform: scaleX(1);
}
.slick-section .slick-slide .card .slick-data {
  height: 27rem;
}
@media (max-width: 767px) {
  .slick-section .slick-slide .card .slick-data {
    height: 22rem;
  }
}
.slick-section .slick-slide .card h6 {
  font-size: 1.6rem;
  color: #004fa3;
  letter-spacing: -1;
}
@media (max-width: 767px) {
  .slick-section .slick-slide .card h6 {
    font-size: 1.4rem;
  }
}
.slick-section .slick-slide .card ul {
  list-style: disc;
}
.slick-section .slick-slide .card ul li {
  font-size: 1.6rem;
  letter-spacing: -1;
}
@media (max-width: 1199px) {
  .slick-section .slick-slide .card ul li {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .slick-section .slick-slide .card ul li {
    font-size: 1.4rem;
  }
}
.slick-section .slick-slide.slick-center .card {
  overflow: visible;
  margin: 0 10px;
  background: linear-gradient(to bottom left, #91b071, #035e31);
  color: white;
  border: 0;
  box-shadow: 24px 22px 19px -8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 24px 22px 19px -8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 24px 22px 19px -8px rgba(0, 0, 0, 0.3);
}
.slick-section .slick-slide.slick-center .card .slick-img {
  transition: width 0.4s ease;
  width: 116%;
}
@media (max-width: 991px) {
  .slick-section .slick-slide.slick-center .card .slick-img {
    width: 107%;
  }
}
.slick-section .slick-slide.slick-center .card .slick-img img {
  transition: transform 0.4s ease; /* Smooth transition for transform */
}
.slick-section .slick-slide.slick-center .card h3 {
  color: white;
}
.slick-section .slick-slide.slick-center .card h3 span {
  color: white;
}
.slick-section .slick-slide.slick-center .card h6 {
  color: white;
}
.slick-section .slick-slide.slick-center .card .btn-light {
  background-color: white;
}
@media (max-width: 767px) {
  .slick-section .slick-slide.slick-center .card {
    box-shadow: 9px 14px 19px -8px rgba(0, 0, 0, 0.3);
  }
}

.mile-time {
  position: relative;
  font-family: "myriad-pro", sans-serif;
}
.mile-time .card {
  width: 33rem;
  height: 22rem;
  border-left: 3px solid #008f4f;
  font-size: 2.1rem;
  line-height: 2.6rem;
}
.mile-time .card .coco-leaf {
  width: 34px;
  height: 60px;
  transform: translate(-23px, -11px);
}
.mile-time .card .time-data {
  padding-right: 3rem;
  padding-top: 5.5rem;
}
@media (max-width: 767px) {
  .mile-time .card .time-data {
    padding-right: 0;
    padding-top: 5.5rem;
  }
}
.mile-time .card .time-badge {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 4.017rem;
  padding: 0 0.95rem;
  background-color: rgb(113, 119, 121);
  transform: translate(-3px, 25px);
}
.mile-time .card:nth-child(-n+4) {
  border-bottom: 4px solid #008f4f;
}
.mile-time .card:nth-child(-n+4)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #769c4e;
  border-radius: 50%;
  transform: translate(-50%, 50%);
}
.mile-time .card:nth-child(n+5) {
  border-top: 0;
}
.mile-time .card:nth-child(n+5) .coco-leaf {
  transform: translate(-23px, 21px);
}
@media (max-width: 991px) {
  .mile-time .card:nth-child(n+5) .coco-leaf {
    transform: translate(-23px, 0px);
  }
}
.mile-time .card:nth-child(n+5) .time-badge {
  transform: translate(-3px, 50px);
}
.mile-time .card:nth-child(n+5) .time-data {
  padding-top: 8rem;
}
.mile-time .card:nth-child(n+5)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #769c4e;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .mile-time .card:nth-child(n+5)::after {
    top: 100%;
  }
}
@media (max-width: 1199px) {
  .mile-time .card {
    font-size: 1.8rem;
    width: 32rem;
  }
}
@media (max-width: 991px) {
  .mile-time .card {
    font-size: 1.8rem;
    width: 33rem;
  }
  .mile-time .card:nth-child(odd):not(:first-child) {
    border-right: 4px solid #008f4f;
    border-right: 0;
    margin-top: 60px;
    border-bottom: 4px solid #008f4f;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .mile-time .card:nth-child(odd):not(:first-child) {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .mile-time .card:nth-child(even) {
    position: relative;
    transform: translate(15%, 48%);
    border-bottom: 0;
    margin-top: 50px;
  }
  .mile-time .card:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 217px;
    left: -49px;
    width: 46px;
    height: 4px;
    background-color: #008f4f;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .mile-time .card:nth-child(even)::before {
    display: none;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .mile-time .card:nth-child(even) {
    transform: translate(0%, 0%);
    border-bottom: 4px solid #008f4f;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .mile-time .card {
    font-size: 1.5rem;
    width: 33rem;
  }
}
.mile-time .center-line {
  position: absolute;
  width: 100%;
  height: 5px;
  z-index: -1;
  top: 49%;
  background-color: #008f4f;
}
@media (max-width: 991px) {
  .mile-time .center-line {
    width: 5px;
    height: 85%;
    top: 21.8%;
    z-index: 1;
    left: 46%;
  }
}
@media (max-width: 767px) {
  .mile-time .center-line {
    width: 0;
    height: 0;
  }
}
@media (max-width: 991px) {
  .mile-time {
    flex: 1 1 50%;
  }
}
@media (max-width: 767px) {
  .mile-time {
    flex: 1 1 100%;
    padding: 0 2.4rem;
  }
}

.card.corporate-gov-card {
  margin: 0 1.4rem;
}
@media (max-width: 575px) {
  .card.corporate-gov-card {
    margin: 0 0.4rem;
  }
}
.card.corporate-gov-card .card-body {
  padding: 3rem 2.8rem;
  display: grid;
  grid-template-columns: 0.5fr 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 991px) {
  .card.corporate-gov-card .card-body {
    grid-template-columns: 1fr;
    padding: 1rem 1.4rem;
  }
  .card.corporate-gov-card .card-body > div:first-of-type {
    display: flex;
    align-items: center;
    border-bottom: 4px solid #00af65;
  }
}
@media (max-width: 575px) {
  .card.corporate-gov-card .card-body > div:first-of-type {
    border-bottom: 2px solid #00af65;
  }
  .card.corporate-gov-card .card-body > div:first-of-type img {
    max-width: 10rem;
  }
  .card.corporate-gov-card .card-body > div:first-of-type h6 {
    font-size: 1rem;
  }
}
.card.corporate-gov-card .card-body ul li {
  letter-spacing: normal;
}
.card.corporate-gov-card .card-body img {
  max-width: 20rem;
}
.card.corporate-gov-card .card-body p, .card.corporate-gov-card .card-body .accordion .accordion-body ul li span, .accordion .accordion-body ul li .card.corporate-gov-card .card-body span, .card.corporate-gov-card .card-body .accordion .accordion-body ul li, .accordion .accordion-body ul .card.corporate-gov-card .card-body li, .card.corporate-gov-card .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card.corporate-gov-card .card-body .deatils-wrapper .details span {
  font-size: 1.4rem !important;
  margin-bottom: 1rem;
}
@media (max-width: 575px) {
  .card.corporate-gov-card .card-body p, .card.corporate-gov-card .card-body .accordion .accordion-body ul li span, .accordion .accordion-body ul li .card.corporate-gov-card .card-body span, .card.corporate-gov-card .card-body .accordion .accordion-body ul li, .accordion .accordion-body ul .card.corporate-gov-card .card-body li, .card.corporate-gov-card .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card.corporate-gov-card .card-body .deatils-wrapper .details span {
    font-size: 1.2rem !important;
    margin-bottom: 0.8rem;
  }
}
.card.corporate-gov-card .card-body ul li {
  font-size: 1.4rem !important;
}
.card.corporate-gov-card .card-body hr {
  margin: 2rem 0;
  border-top: 2px solid #004fa3;
  opacity: 1;
}
.card.corporate-gov-card .card-body h6 {
  padding-top: 1rem;
  font-size: 1.6rem;
}
.card.corporate-gov-card .card-body h6 span {
  color: #004fa3;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .card.corporate-gov-card .card-body h6 span {
    font-size: 1rem;
  }
}
@media (max-width: 575px) {
  .card.corporate-gov-card .card-body h6 span {
    font-size: 0.8rem;
  }
}
.card.corporate-gov-card .card-body .title {
  position: relative;
  display: flex;
  align-items: end;
  margin: 1rem 0;
}
.card.corporate-gov-card .card-body .title img {
  max-height: 4rem;
}
.card.corporate-gov-card .card-body .title img.exp-icon {
  position: absolute;
  width: 2.4rem;
  left: 1.8rem;
  bottom: 0.9rem;
}
.card.corporate-gov-card .card-body .title img.qua-icon {
  position: absolute;
  width: 1.8rem;
  left: 2.4rem;
  bottom: 0.6rem;
}
.card.corporate-gov-card .card-body .title h5, .card.corporate-gov-card .card-body .title .key .row-h, .key .card.corporate-gov-card .card-body .title .row-h {
  font-size: 1.8rem;
  color: #004fa3;
}
.card.corporate-gov-card .card-body .accordion .accordion-button {
  background: #026936;
  color: #ffffff;
}
.card.corporate-gov-card .card-body .accordion .accordion-button:last-of-type {
  margin-top: 2rem;
}
@media (max-width: 1199px) {
  .card.corporate-gov-card .card-body .accordion .accordion-button {
    padding-left: 10rem;
  }
}
@media (max-width: 575px) {
  .card.corporate-gov-card .card-body .accordion .accordion-button {
    padding: 0.6rem 1rem 0.6rem 5rem;
  }
}
.card.corporate-gov-card .card-body .accordion .accordion-button .arrow {
  background-color: #ffffff;
  color: #008f4f;
}
@media (max-width: 575px) {
  .card.corporate-gov-card .card-body .accordion {
    padding: 0 1rem;
  }
}

.nav-tabs {
  border: none;
}

.nav-tabs-circle {
  gap: 2.3rem 3rem;
  justify-content: center;
}
.nav-tabs-circle .nav-link {
  width: 12rem;
  height: 12rem;
  background-color: #bfbfbf;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  font-size: 1.1rem;
  text-align: center;
  padding: 0.7rem;
  box-shadow: 0px 10px 5px gray;
  border: none;
}
.nav-tabs-circle .nav-link span {
  display: block;
  color: #575353;
  font-weight: 400;
}
.nav-tabs-circle .nav-link:hover, .nav-tabs-circle .nav-link.active {
  background-color: #035e30;
  color: #ffffff;
  box-shadow: 0px 10px 5px gray !important;
}
.nav-tabs-circle .nav-link:hover span, .nav-tabs-circle .nav-link.active span {
  color: white;
}

.tab-circle-content .tab-pane.active.show {
  display: flex;
  justify-content: end;
}
@media (max-width: 991px) {
  .tab-circle-content .tab-pane.active.show {
    justify-content: center;
  }
}
.tab-circle-content .person {
  position: relative;
}
.tab-circle-content .person::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 21px;
  width: 2px;
  height: 60%;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
}
.tab-circle-content .person img {
  width: 44rem;
  height: 44rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  position: relative;
  z-index: 2;
  -o-object-position: top center;
     object-position: top center;
}
@media (max-width: 991px) {
  .tab-circle-content .person img {
    width: 40rem;
    height: 40rem;
  }
}
@media (max-width: 767px) {
  .tab-circle-content .person img {
    width: 35rem;
    height: 35rem;
  }
}
@media (max-width: 575px) {
  .tab-circle-content .person img {
    width: 27rem;
    height: 27rem;
  }
}
.tab-circle-content .person h3 {
  color: #004fa3;
  margin-top: 3rem;
  margin-left: 4rem;
}
.tab-circle-content .person h3 span {
  display: block;
  color: rgba(0, 0, 0, 0.7725490196);
  font-weight: 300;
}

.review-tabs {
  position: absolute;
  top: 8%;
  left: 6.5%;
  background-color: #ffffff;
  width: 86%;
  background-color: white;
  z-index: 2;
}
.review-tabs .content-img img {
  height: 100%;
  width: 100%;
}
.review-tabs .nav-pills {
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #d9d9d9;
  transform: none !important;
}
.review-tabs .nav-pills .nav-item {
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  padding: 0.75rem 0;
  color: #004fa3;
  border-right: 1px solid #d9d9d9;
}
.review-tabs .nav-pills .nav-item .nav-link {
  position: relative;
  font-size: 1.8rem;
  line-height: 2rem;
  color: #004fa3;
  width: 100%;
  z-index: 1;
  text-transform: uppercase;
}
.review-tabs .nav-pills .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 107%;
  height: 0;
  background-color: #0c589f;
  transition: width 0.3s ease, height 0.3s ease;
  z-index: -1;
}
.review-tabs .nav-pills .nav-item .nav-link.active {
  background-color: transparent;
  color: white;
}
.review-tabs .nav-pills .nav-item .nav-link.active::before {
  height: 11rem;
}
@media (max-width: 991px) {
  .review-tabs .nav-pills .nav-item .nav-link.active::before {
    height: 8.5rem;
  }
}
@media (max-width: 767px) {
  .review-tabs .nav-pills .nav-item .nav-link.active::before {
    height: 6rem;
  }
}
@media (max-width: 575px) {
  .review-tabs .nav-pills .nav-item .nav-link.active::before {
    height: 6rem;
  }
}
@media (max-width: 991px) {
  .review-tabs .nav-pills .nav-item .nav-link {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .review-tabs .nav-pills .nav-item .nav-link {
    font-size: 1.5rem;
  }
}
@media (max-width: 991px) {
  .review-tabs .nav-pills .nav-item {
    flex: 1 1 33%;
  }
}
@media (max-width: 767px) {
  .review-tabs .nav-pills .nav-item {
    flex-basis: 50%;
    flex: 1 1 50%;
    padding: 0.1rem 0;
    background-color: white;
    box-shadow: 0px 11px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 11px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 11px 5px 0px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 991px) {
  .review-tabs .nav-pills {
    row-gap: 24px;
  }
}
.review-tabs .tab-content .heading {
  padding: 2rem 9rem 1rem;
  background-color: #01a358;
  color: #ffffff;
}
@media (max-width: 991px) {
  .review-tabs .tab-content .heading {
    padding: 2rem 2rem 1rem;
  }
}
.review-tabs .tab-content h4, .review-tabs .tab-content .message p, .message .review-tabs .tab-content p, .review-tabs .tab-content .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .review-tabs .tab-content span, .review-tabs .tab-content .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .review-tabs .tab-content span, .review-tabs .tab-content .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .review-tabs .tab-content li, .review-tabs .tab-content .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .review-tabs .tab-content li, .review-tabs .tab-content .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .review-tabs .tab-content span, .review-tabs .tab-content .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .review-tabs .tab-content span, .review-tabs .tab-content .message h6, .message .review-tabs .tab-content h6, .review-tabs .tab-content .message h5, .review-tabs .tab-content .message .key .row-h, .key .review-tabs .tab-content .message .row-h, .message .review-tabs .tab-content h5, .message .review-tabs .tab-content .key .row-h, .key .message .review-tabs .tab-content .row-h {
  font-size: 2.6rem;
}
@media (max-width: 991px) {
  .review-tabs .tab-content h4, .review-tabs .tab-content .message p, .message .review-tabs .tab-content p, .review-tabs .tab-content .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .review-tabs .tab-content span, .review-tabs .tab-content .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .review-tabs .tab-content span, .review-tabs .tab-content .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .review-tabs .tab-content li, .review-tabs .tab-content .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .review-tabs .tab-content li, .review-tabs .tab-content .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .review-tabs .tab-content span, .review-tabs .tab-content .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .review-tabs .tab-content span, .review-tabs .tab-content .message h6, .message .review-tabs .tab-content h6, .review-tabs .tab-content .message h5, .review-tabs .tab-content .message .key .row-h, .key .review-tabs .tab-content .message .row-h, .message .review-tabs .tab-content h5, .message .review-tabs .tab-content .key .row-h, .key .message .review-tabs .tab-content .row-h {
    font-size: 2.8rem;
  }
}
@media (max-width: 767px) {
  .review-tabs .tab-content h4, .review-tabs .tab-content .message p, .message .review-tabs .tab-content p, .review-tabs .tab-content .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .review-tabs .tab-content span, .review-tabs .tab-content .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .review-tabs .tab-content span, .review-tabs .tab-content .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .review-tabs .tab-content li, .review-tabs .tab-content .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .review-tabs .tab-content li, .review-tabs .tab-content .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .review-tabs .tab-content span, .review-tabs .tab-content .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .review-tabs .tab-content span, .review-tabs .tab-content .message h6, .message .review-tabs .tab-content h6, .review-tabs .tab-content .message h5, .review-tabs .tab-content .message .key .row-h, .key .review-tabs .tab-content .message .row-h, .message .review-tabs .tab-content h5, .message .review-tabs .tab-content .key .row-h, .key .message .review-tabs .tab-content .row-h {
    font-size: 2.2rem;
  }
}
.review-tabs .tab-content p, .review-tabs .tab-content .accordion .accordion-body ul li span, .accordion .accordion-body ul li .review-tabs .tab-content span, .review-tabs .tab-content .accordion .accordion-body ul li, .accordion .accordion-body ul .review-tabs .tab-content li, .review-tabs .tab-content .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .review-tabs .tab-content span {
  font-size: 1.8rem;
  line-height: 2rem;
}
.review-tabs .tab-content p span, .accordion .accordion-body ul li .review-tabs .tab-content span span, .review-tabs .tab-content .accordion .accordion-body ul li span, .accordion .accordion-body ul .review-tabs .tab-content li span, .review-tabs .tab-content .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .review-tabs .tab-content span span {
  color: #28a745;
  font-weight: 500;
}
@media (max-width: 991px) {
  .review-tabs .tab-content p, .review-tabs .tab-content .accordion .accordion-body ul li span, .accordion .accordion-body ul li .review-tabs .tab-content span, .review-tabs .tab-content .accordion .accordion-body ul li, .accordion .accordion-body ul .review-tabs .tab-content li, .review-tabs .tab-content .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .review-tabs .tab-content span {
    font-size: 1.5rem;
  }
}
.review-tabs .tab-content .tab-data {
  padding-left: 9rem;
  padding-bottom: 2rem;
}
@media (max-width: 991px) {
  .review-tabs .tab-content .tab-data {
    padding-left: 2rem;
  }
}
.review-tabs .tab-content .a-img {
  width: 100%;
  height: 100%;
  height: 44rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .review-tabs {
    position: relative;
    margin-top: 0rem;
    margin-bottom: -7rem;
    top: 14%;
  }
}
@media (max-width: 575px) {
  .review-tabs {
    margin-top: 0rem;
    margin-bottom: -7rem;
  }
}

.financial-div .financial-tab {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  row-gap: 30px;
}
.financial-div .financial-tab .nav-item {
  flex: 1 1 0%;
  z-index: 2;
}
.financial-div .financial-tab .nav-item .nav-link {
  border: none;
  padding: 1rem;
  width: 22rem;
  height: 9rem;
}
.financial-div .financial-tab .nav-item .nav-link p, .financial-div .financial-tab .nav-item .nav-link .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-div .financial-tab .nav-item .nav-link span, .financial-div .financial-tab .nav-item .nav-link .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-div .financial-tab .nav-item .nav-link li, .financial-div .financial-tab .nav-item .nav-link .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-div .financial-tab .nav-item .nav-link span {
  font-size: 1.4rem;
  text-transform: uppercase;
  min-width: 160px;
  min-height: 6.5rem;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .financial-div .financial-tab .nav-item .nav-link p, .financial-div .financial-tab .nav-item .nav-link .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-div .financial-tab .nav-item .nav-link span, .financial-div .financial-tab .nav-item .nav-link .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-div .financial-tab .nav-item .nav-link li, .financial-div .financial-tab .nav-item .nav-link .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-div .financial-tab .nav-item .nav-link span {
    min-width: 94px;
    min-height: 6rem;
  }
}
@media (max-width: 767px) {
  .financial-div .financial-tab .nav-item .nav-link p, .financial-div .financial-tab .nav-item .nav-link .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-div .financial-tab .nav-item .nav-link span, .financial-div .financial-tab .nav-item .nav-link .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-div .financial-tab .nav-item .nav-link li, .financial-div .financial-tab .nav-item .nav-link .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-div .financial-tab .nav-item .nav-link span {
    font-size: 1.1rem;
    min-width: 94px;
    min-height: 4.5rem;
  }
}
.financial-div .financial-tab .nav-item .nav-link.active {
  position: relative;
  background-color: #005bac !important;
}
.financial-div .financial-tab .nav-item .nav-link.active p, .financial-div .financial-tab .nav-item .nav-link.active .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-div .financial-tab .nav-item .nav-link.active span, .financial-div .financial-tab .nav-item .nav-link.active .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-div .financial-tab .nav-item .nav-link.active li, .financial-div .financial-tab .nav-item .nav-link.active .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-div .financial-tab .nav-item .nav-link.active span {
  color: white;
}
.financial-div .financial-tab .nav-item .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -15px;
  transform: translateX(-50%);
  border-width: 15px 10px 0 10px;
  border-style: solid;
  border-color: #005bac transparent transparent transparent;
}
.financial-div .financial-tab .nav-item .nav-link.active::before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  z-index: 2;
}
@media (max-width: 1920px) {
  .financial-div .financial-tab .nav-item .nav-link {
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .financial-div .financial-tab .nav-item .nav-link {
    width: 21.5rem;
  }
}
@media (max-width: 1199px) {
  .financial-div .financial-tab .nav-item .nav-link {
    width: 23rem;
  }
}
@media (max-width: 991px) {
  .financial-div .financial-tab .nav-item .nav-link {
    width: 33rem;
    height: 8.5rem;
    padding: 0.7rem;
  }
}
@media (max-width: 767px) {
  .financial-div .financial-tab .nav-item .nav-link {
    width: 100%;
    height: 7.5rem;
    padding: 0.7rem;
  }
}
@media (max-width: 1920px) {
  .financial-div .financial-tab .nav-item {
    flex: 1 1 18%;
  }
}
@media (max-width: 1399px) {
  .financial-div .financial-tab .nav-item {
    flex: initial;
  }
}
@media (max-width: 767px) {
  .financial-div .financial-tab .nav-item {
    flex: 1 1 40%;
  }
}
@media (max-width: 991px) {
  .financial-div .financial-tab .bottom-item1 {
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 52%;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .financial-div .financial-tab .bottom-item1 {
    bottom: -84px;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .financial-div .financial-tab .bottom-item1 {
    bottom: -75px;
  }
}
@media (max-width: 991px) {
  .financial-div .financial-tab .bottom-item2 {
    position: absolute;
    bottom: 38px;
    right: 0;
    left: 55%;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .financial-div .financial-tab .bottom-item2 {
    bottom: -84px;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .financial-div .financial-tab .bottom-item2 {
    bottom: -75px;
  }
}
@media (max-width: 991px) {
  .financial-div .financial-tab .bottom-item3 {
    position: absolute;
    bottom: -52px;
    left: 0;
    right: 52%;
  }
}
@media (max-width: 991px) and (max-width: 1199px) {
  .financial-div .financial-tab .bottom-item3 {
    bottom: -92px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .financial-div .financial-tab .bottom-item3 {
    bottom: -200px;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .financial-div .financial-tab .bottom-item3 {
    bottom: -180px;
  }
}
@media (max-width: 991px) {
  .financial-div .financial-tab .bottom-item4 {
    position: absolute;
    bottom: -52px;
    right: 0;
    left: 55%;
  }
}
@media (max-width: 991px) and (max-width: 1199px) {
  .financial-div .financial-tab .bottom-item4 {
    bottom: -92px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .financial-div .financial-tab .bottom-item4 {
    bottom: -200px;
  }
}
@media (max-width: 991px) and (max-width: 575px) {
  .financial-div .financial-tab .bottom-item4 {
    bottom: -180px;
  }
}
.financial-div .tab-content {
  position: relative;
  z-index: 1;
  background-color: #01a358;
  color: white;
  margin-top: -9rem;
}
.financial-div .tab-content .large {
  font-size: 9.453rem;
}
@media (max-width: 1199px) {
  .financial-div .tab-content .large {
    font-size: 5.4rem;
  }
}
@media (max-width: 767px) {
  .financial-div .tab-content .large {
    font-size: 4rem;
  }
}
@media (max-width: 575px) {
  .financial-div .tab-content .large {
    font-size: 2.6rem;
  }
}
.financial-div .tab-content .small {
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .financial-div .tab-content .small {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .financial-div .tab-content .small {
    font-size: 1.3rem;
  }
}
.financial-div .tab-content .row {
  padding-top: 14rem;
  padding-bottom: 5rem;
}
.financial-div .tab-content .row .col-lg-4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .financial-div .tab-content .row {
    padding-top: 12rem;
  }
}
@media (max-width: 767px) {
  .financial-div .tab-content .row {
    padding-top: 12rem;
  }
}
.financial-div .tab-content .financial-row {
  row-gap: 40px;
}
.financial-div .tab-content .financial-row .data {
  border-right: 1px solid white;
}
@media (max-width: 991px) {
  .financial-div .tab-content .financial-row .data {
    border: 0;
  }
}
@media (max-width: 767px) {
  .financial-div .tab-content .financial-row {
    row-gap: 0;
  }
}
.financial-div img {
  width: 60%;
}
@media (max-width: 1199px) {
  .financial-div img {
    width: 40%;
  }
}

.small-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.small-slider-container .person {
  position: relative;
}
.small-slider-container .person::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 12px;
  width: 2px;
  height: 60%;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
}
.small-slider-container .person img {
  width: 50rem;
  height: 50rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  position: relative;
  z-index: 2;
  -o-object-position: top center;
     object-position: top center;
}
@media (max-width: 991px) {
  .small-slider-container .person img {
    width: 40rem;
    height: 40rem;
  }
}
@media (max-width: 767px) {
  .small-slider-container .person img {
    width: 35rem;
    height: 35rem;
  }
}
@media (max-width: 575px) {
  .small-slider-container .person img {
    width: 27rem;
    height: 27rem;
  }
}
.small-slider-container .person h3 {
  color: #004fa3;
  margin-top: 7rem;
  margin-left: 4rem;
}
.small-slider-container .person h3 span {
  display: block;
  color: rgba(0, 0, 0, 0.7725490196);
  font-weight: 300;
}
.small-slider-container .slick-next {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #fff url("../../public/icons/slick-next.jpg") center no-repeat;
  background-size: 48px;
  right: -45px;
}
.small-slider-container .slick-next::before {
  display: none;
}
.small-slider-container .slick-next:hover, .small-slider-container .slick-next:active, .small-slider-container .slick-next:focus {
  background-size: 48px;
}
@media (max-width: 1199px) {
  .small-slider-container .slick-next {
    right: -9px;
    top: 100%;
  }
}
@media (max-width: 991px) {
  .small-slider-container .slick-next {
    background-size: 30px;
    width: 28px;
    height: 28px;
    right: -0.6rem;
  }
  .small-slider-container .slick-next:hover, .small-slider-container .slick-next:active, .small-slider-container .slick-next:focus {
    background-size: 28px;
  }
}
.small-slider-container .slick-prev {
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff url("../../public/icons/slick-prev.jpg") center no-repeat;
  background-size: 48px;
  color: transparent;
  left: -41px;
  top: 100%;
}
.small-slider-container .slick-prev::before {
  display: none;
}
.small-slider-container .slick-prev:hover, .small-slider-container .slick-prev:active, .small-slider-container .slick-prev:focus {
  background-size: 48px;
}
@media (max-width: 1199px) {
  .small-slider-container .slick-prev {
    left: -9px;
  }
}
@media (max-width: 991px) {
  .small-slider-container .slick-prev {
    background-size: 30px;
    width: 28px;
    height: 28px;
    left: -0.6rem;
  }
  .small-slider-container .slick-prev:hover, .small-slider-container .slick-prev:active, .small-slider-container .slick-prev:focus {
    background-size: 28px;
  }
}

@media screen and (min-width: 1920px) {
  .financial-div .financial-tab .nav-item .nav-link {
    width: 24rem;
  }
}
@media (max-width: 767px) {
  .cs-nav-tabs li {
    width: 100%;
  }
}

.accordion {
  background-color: transparent;
}
.accordion .accordion-item {
  background-color: transparent;
}
.accordion .accordion-button {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #035d30;
  padding: 2rem;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1399px) {
  .accordion .accordion-button {
    padding: 0.8rem 1rem;
  }
}
@media (max-width: 1199px) {
  .accordion .accordion-button {
    padding: 0.8rem 1rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 575px) {
  .accordion .accordion-button {
    padding: 0.8rem 1rem;
    font-size: 1rem;
  }
}
.accordion .accordion-button:not(.collapsed) {
  color: white;
  background-color: #00af65;
  box-shadow: none;
}
.accordion .accordion-button:not(.collapsed) .arrow {
  background-color: #004fa3;
  transform: rotate(180deg);
}
.accordion .accordion-button::after {
  display: none;
}
.accordion .accordion-button .arrow {
  width: 3.4rem;
  height: 3.4rem;
  background-color: #008047;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .accordion .accordion-button .arrow {
    width: 2.8rem;
    height: 2.8rem;
  }
}
@media (max-width: 1199px) {
  .accordion .accordion-button .arrow {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 575px) {
  .accordion .accordion-button .arrow {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
  }
  .accordion .accordion-button .arrow svg {
    width: 1.6rem;
  }
}
.accordion .accordion-button .exp-leaf {
  position: absolute;
}
@media (max-width: 1199px) {
  .accordion .accordion-button .exp-leaf {
    max-height: 6rem;
    bottom: 0;
    left: -0.5rem;
  }
}
@media (max-width: 575px) {
  .accordion .accordion-button .exp-leaf {
    max-height: 4rem;
  }
}
.accordion .accordion-button .qu-leaf {
  position: absolute;
}
@media (max-width: 1199px) {
  .accordion .accordion-button .qu-leaf {
    max-height: 6rem;
    bottom: 0;
    left: -0.5rem;
  }
}
@media (max-width: 575px) {
  .accordion .accordion-button .qu-leaf {
    max-height: 3.6rem;
  }
}
.accordion .accordion-body {
  background: transparent;
  padding: 3rem 0;
}
.accordion .accordion-body p, .accordion .accordion-body ul li span, .accordion .accordion-body ul li, .accordion .accordion-body .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .accordion .accordion-body span {
  font-size: 1.6rem !important;
  margin: 0 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 1199px) {
  .accordion .accordion-body p, .accordion .accordion-body ul li span, .accordion .accordion-body ul li, .accordion .accordion-body .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .accordion .accordion-body span {
    font-size: 1.4rem !important;
  }
}
@media (max-width: 575px) {
  .accordion .accordion-body p, .accordion .accordion-body ul li span, .accordion .accordion-body ul li, .accordion .accordion-body .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .accordion .accordion-body span {
    font-size: 1.2rem !important;
  }
}
.accordion .accordion-body ul {
  list-style-position: outside;
  padding-left: 2rem;
}
.accordion .accordion-body ul li {
  margin: 0;
  padding-left: 0;
  line-height: inherit;
}
.accordion .accordion-body ul li span {
  font-weight: 700;
  margin: 0;
}
.accordion .accordion-body ul li::marker {
  color: #000000;
}

.navbar {
  position: fixed;
  padding: 0 5%;
  top: 28px;
  width: 100%;
  z-index: 10;
  background: transparent;
  transition: background 0.3s ease, padding 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.navbar.scrolled {
  background: transparent;
  padding: 0rem 3%;
  top: 0;
}
.navbar.scrolled .navbar-brand {
  width: 11rem;
  transition: width 0.3s ease;
  visibility: hidden;
}
@media (max-width: 575px) {
  .navbar.scrolled .navbar-brand {
    width: 7rem;
  }
}
.navbar .navbar-brand {
  width: 17rem;
  height: auto;
  transition: width 0.3s ease;
}
.navbar .navbar-brand img {
  width: 100%;
  height: 100%;
}
@media (max-width: 575px) {
  .navbar .navbar-brand {
    width: 11rem;
  }
}
.navbar .navbar-toggler svg {
  color: black;
}
@media (max-width: 575px) {
  .navbar .navbar-toggler svg {
    color: #0f5d30;
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 575px) {
  .navbar {
    padding: 0;
  }
}

footer {
  padding-top: 9rem;
  overflow: hidden;
}
footer .brand-logo {
  width: 18rem;
  height: 12rem;
}
footer .brand-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991px) {
  footer .brand-logo {
    width: 13rem;
    height: 8rem;
  }
}
footer .main-desc p, footer .main-desc .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details footer .main-desc span, footer .main-desc .accordion .accordion-body ul li, .accordion .accordion-body ul footer .main-desc li, footer .main-desc .accordion .accordion-body ul li span, .accordion .accordion-body ul li footer .main-desc span {
  font-size: 1.566rem;
  color: #555555;
}
@media (max-width: 991px) {
  footer .main-desc p, footer .main-desc .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details footer .main-desc span, footer .main-desc .accordion .accordion-body ul li, .accordion .accordion-body ul footer .main-desc li, footer .main-desc .accordion .accordion-body ul li span, .accordion .accordion-body ul li footer .main-desc span {
    font-size: 1.33rem;
  }
}
footer .main-desc span,
footer .main-desc a {
  color: #004fa3;
  display: block;
}
footer .nav-wrraper a {
  font-size: 2.2rem;
  color: #555555;
  margin-bottom: 0.6rem;
}
@media (max-width: 991px) {
  footer .nav-wrraper a {
    font-size: 1.8rem;
  }
}
footer .bottom-footer {
  margin-top: 13rem;
  padding: 5rem 0 5rem;
  background-color: #7a964c;
}
footer .bottom-footer p, footer .bottom-footer .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details footer .bottom-footer span, footer .bottom-footer .accordion .accordion-body ul li, .accordion .accordion-body ul footer .bottom-footer li, footer .bottom-footer .accordion .accordion-body ul li span, .accordion .accordion-body ul li footer .bottom-footer span {
  font-size: 2.5rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  footer .bottom-footer p, footer .bottom-footer .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details footer .bottom-footer span, footer .bottom-footer .accordion .accordion-body ul li, .accordion .accordion-body ul footer .bottom-footer li, footer .bottom-footer .accordion .accordion-body ul li span, .accordion .accordion-body ul li footer .bottom-footer span {
    font-size: 2.1rem;
  }
}
@media (max-width: 767px) {
  footer .bottom-footer p, footer .bottom-footer .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details footer .bottom-footer span, footer .bottom-footer .accordion .accordion-body ul li, .accordion .accordion-body ul footer .bottom-footer li, footer .bottom-footer .accordion .accordion-body ul li span, .accordion .accordion-body ul li footer .bottom-footer span {
    font-size: 1.9rem;
  }
}
@media (max-width: 575px) {
  footer .bottom-footer p, footer .bottom-footer .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details footer .bottom-footer span, footer .bottom-footer .accordion .accordion-body ul li, .accordion .accordion-body ul footer .bottom-footer li, footer .bottom-footer .accordion .accordion-body ul li span, .accordion .accordion-body ul li footer .bottom-footer span {
    font-size: 1.2rem;
  }
}
footer .bottom-footer .social-icons a {
  width: 4.3rem;
  height: 4.3rem;
  line-height: 4rem;
}
@media (max-width: 767px) {
  footer .bottom-footer .social-icons a {
    width: 3.4rem;
    height: 3.4rem;
  }
}
footer .bottom-footer .scroll-top-wrapper {
  bottom: 80%;
  left: 5%;
}
footer .bottom-footer .scroll-top-wrapper .scroll-top-btn img {
  width: 8rem;
  height: 8rem;
}
@media (max-width: 991px) {
  footer .bottom-footer .scroll-top-wrapper .scroll-top-btn img {
    width: 6rem;
    height: 6rem;
  }
}
@media (max-width: 767px) {
  footer .bottom-footer .scroll-top-wrapper .scroll-top-btn img {
    width: 5rem;
    height: 5rem;
  }
}
@media (max-width: 575px) {
  footer .bottom-footer .scroll-top-wrapper .scroll-top-btn img {
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media (max-width: 991px) {
  footer .bottom-footer .scroll-top-wrapper {
    left: 80%;
    bottom: 83%;
  }
}
@media (max-width: 767px) {
  footer .bottom-footer .scroll-top-wrapper {
    bottom: 87%;
    left: 65%;
  }
}
@media (max-width: 575px) {
  footer .bottom-footer .scroll-top-wrapper {
    left: 76%;
  }
}
@media (max-width: 767px) {
  footer .bottom-footer {
    margin-top: 4.4rem;
  }
}
footer .flower-container {
  position: absolute;
  top: -42px;
  right: 0;
  width: 260px;
  height: 260px;
  z-index: 1;
}
footer .flower-container .leaf-img {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: top right;
  width: 186px;
  height: auto;
}
@media (max-width: 1199px) {
  footer .flower-container .leaf-img {
    width: 150px;
  }
}
@media (max-width: 767px) {
  footer .flower-container .leaf-img {
    width: 149px;
  }
}
footer .flower-container .leaf-1 {
  top: -75px;
  right: 49px;
  transform: rotate(-23deg);
  z-index: 3;
  opacity: 77%;
}
@media (max-width: 1199px) {
  footer .flower-container .leaf-1 {
    top: -48px;
    right: 18px;
  }
}
@media (max-width: 767px) {
  footer .flower-container .leaf-1 {
    top: -45px;
    right: 30px;
  }
}
footer .flower-container .leaf-2 {
  top: 40px;
  width: 200px;
  right: -52px;
  transform: rotate(13deg);
  z-index: 2;
}
@media (max-width: 1920px) {
  footer .flower-container .leaf-2 {
    width: 172px;
  }
}
@media (max-width: 1199px) {
  footer .flower-container .leaf-2 {
    width: 134px;
  }
}
@media (max-width: 767px) {
  footer .flower-container .leaf-2 {
    width: 133px;
  }
}
footer .flower-container .leaf-3 {
  top: 58px;
  right: -91px;
  transform: rotate(8deg);
  z-index: 2;
  opacity: 77%;
  width: 146px;
}
@media (max-width: 1199px) {
  footer .flower-container .leaf-3 {
    width: 106px;
    top: 62px;
    right: -78px;
  }
}
@media (max-width: 767px) {
  footer .flower-container .leaf-3 {
    top: 50;
    right: -80px;
    width: 104px;
  }
}
footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("http://213.210.21.175/alba_microsite/src/public/images/footer-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  background-position: top;
}
@media (max-width: 767px) {
  footer {
    padding-top: 13rem;
  }
}

.offcanvas {
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
  background-color: #01a358;
}
.offcanvas.offcanvas-half {
  background-color: #01a358 !important;
  width: 40vw;
  padding-left: 10%;
}
.offcanvas.offcanvas-half .offcanvas-body {
  overflow-x: hidden;
}
.offcanvas.offcanvas-half .text-reset {
  background: transparent;
  border: 0;
}
@media (max-width: 767px) {
  .offcanvas.offcanvas-half .text-reset svg {
    width: 4rem;
    height: 4rem;
  }
}
.offcanvas.offcanvas-half ul .nav-item {
  text-align: left;
}
.offcanvas.offcanvas-half ul .nav-item .nav-link {
  color: #ffffff;
  font-size: 2.1rem;
}
.offcanvas.offcanvas-half ul .nav-item .nav-link:hover, .offcanvas.offcanvas-half ul .nav-item .nav-link.active {
  color: #004fa3;
}
@media (max-width: 991px) {
  .offcanvas.offcanvas-half ul .nav-item .nav-link {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .offcanvas.offcanvas-half ul .nav-item .nav-link {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .offcanvas.offcanvas-half ul {
    padding-left: 20%;
  }
}
@media (max-width: 991px) {
  .offcanvas.offcanvas-half {
    width: 100vw !important;
    padding-left: 27%;
  }
}
@media (max-width: 767px) {
  .offcanvas.offcanvas-half {
    padding-left: 0rem;
  }
}
@media (max-width: 991px) {
  .offcanvas {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.hero-section {
  position: relative;
  height: 100vh;
  max-height: 110rem;
  background-color: #FEFEFE;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.hero-section .hero-vid {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  bottom: -3.6rem;
  left: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .hero-section .hero-vid {
    height: auto;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .hero-section .hero-vid {
    width: 130%;
    left: -22rem;
  }
}
@media (max-width: 575px) {
  .hero-section .hero-vid {
    width: 320%;
    left: -29rem;
  }
}
.hero-section.ceo {
  background-image: url("./../../public/images/AlbaCEO.png"), url(" ./../../public/images/bg-shape.png");
  background-size: contain, cover;
}
@media (max-width: 991px) {
  .hero-section.ceo {
    background-size: 115%, cover;
    background-position-x: 54px;
  }
}
@media (max-width: 767px) {
  .hero-section.ceo {
    background-size: 134%, cover;
    background-position-x: 14px;
  }
}
@media (max-width: 575px) {
  .hero-section.ceo {
    background-size: 200%, cover;
    background-position-x: -74px;
  }
}
.hero-section.chairman {
  background-image: url("./../../public/images/Alba-Chairman.webp"), url(" ./../../public/images/bg-shape.png");
  background-size: contain, cover;
  background-position: bottom, left;
}
@media (max-width: 991px) {
  .hero-section.chairman {
    background-size: 80%, cover;
  }
}
@media (max-width: 767px) {
  .hero-section.chairman {
    background-size: 86%, cover;
  }
}
@media (max-width: 575px) {
  .hero-section.chairman {
    background-size: 134%, cover;
    background-position: bottom, left;
  }
}
@media (max-width: 360px) {
  .hero-section.chairman {
    background-size: 190%, cover;
  }
}
.hero-section .name-sec {
  background-image: url("./../../public/images/gray-side.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 50rem;
  height: 33rem;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: end;
  align-items: end;
  padding: 0 20rem 5rem 0;
}
@media (max-width: 575px) {
  .hero-section .name-sec {
    width: 95%;
  }
}
.hero-section .name-sec p, .hero-section .name-sec .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .hero-section .name-sec span, .hero-section .name-sec .accordion .accordion-body ul li, .accordion .accordion-body ul .hero-section .name-sec li, .hero-section .name-sec .accordion .accordion-body ul li span, .accordion .accordion-body ul li .hero-section .name-sec span {
  color: #ffffff;
  text-transform: uppercase;
}
.hero-section .name-sec p span, .hero-section .name-sec .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .hero-section .name-sec span span, .hero-section .name-sec .accordion .accordion-body ul li span, .accordion .accordion-body ul .hero-section .name-sec li span, .accordion .accordion-body ul li .hero-section .name-sec span span {
  display: block;
  font-weight: 700;
  color: #00af66;
}
.hero-section .message-wrapper {
  background-color: #717779;
  font-weight: 600;
  font-style: italic;
  color: #ffffff;
  max-width: 46rem;
  padding: 1.8rem 6rem 1.8rem 1.8rem;
  border-top-right-radius: 2.6rem;
  border-bottom-right-radius: 2.6rem 26px;
  position: absolute;
  bottom: 22%;
  right: 5%;
  font-size: 2.2rem;
}
@media (max-width: 1199px) {
  .hero-section .message-wrapper {
    font-size: 1.4rem;
    max-width: 31rem;
    bottom: 14%;
    right: 4%;
  }
}
@media (max-width: 991px) {
  .hero-section .message-wrapper {
    display: none;
  }
}
.hero-section .message-wrapper.type-2 {
  right: 14%;
}
@media (max-width: 1549px) {
  .hero-section .message-wrapper.type-2 {
    right: 11%;
  }
}
@media (max-width: 1199px) {
  .hero-section .message-wrapper.type-2 {
    right: 4%;
  }
}
.hero-section .message-wrapper .leaf {
  position: absolute;
  right: -8.8rem;
  top: -16rem;
  max-height: 14rem;
}
@media (max-width: 1199px) {
  .hero-section .message-wrapper .leaf {
    max-height: 8rem;
    right: -7.6rem;
    top: -10rem;
  }
}
.hero-section h1 {
  font-size: 3.6rem;
  padding-top: 19rem;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .hero-section h1 {
    font-size: 3.2rem;
    padding-top: 19rem;
  }
}
@media (max-width: 767px) {
  .hero-section h1 {
    font-size: 2.2rem;
    padding-top: 16rem;
  }
}
.hero-section p, .hero-section .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .hero-section span, .hero-section .accordion .accordion-body ul li, .accordion .accordion-body ul .hero-section li, .hero-section .accordion .accordion-body ul li span, .accordion .accordion-body ul li .hero-section span {
  font-size: 2.6rem;
  color: #ef3e33;
  margin-top: 1.4rem;
}
@media (max-width: 767px) {
  .hero-section p, .hero-section .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .hero-section span, .hero-section .accordion .accordion-body ul li, .accordion .accordion-body ul .hero-section li, .hero-section .accordion .accordion-body ul li span, .accordion .accordion-body ul li .hero-section span {
    font-size: 1.6rem;
  }
}
.hero-section .leaf-image {
  position: absolute;
  top: 0;
  right: 11%;
  width: 64%;
  z-index: 1;
  clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
  -webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 100%, 0% 100%);
  transition: -webkit-clip-path 1s ease-out;
  transition: clip-path 1s ease-out;
  transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out;
}
@media (max-width: 1199px) {
  .hero-section .leaf-image {
    top: -36px;
  }
}
@media (max-width: 767px) {
  .hero-section .leaf-image {
    top: 30%;
    width: 100%;
    right: 0px;
  }
}
@media (max-width: 767px) {
  .hero-section.bg-1, .hero-section.quote.bg-2 {
    background-size: cover;
  }
}
@media (max-width: 575px) {
  .hero-section {
    height: 100vh;
  }
}

.members {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
@media (max-width: 991px) {
  .members {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.members .flower-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 260px;
  z-index: 1;
}
.members .flower-container .leaf-img {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: top right;
  width: 180px;
  height: auto;
}
@media (max-width: 767px) {
  .members .flower-container .leaf-img {
    width: 138px;
  }
}
@media (max-width: 575px) {
  .members .flower-container .leaf-img {
    width: 110px;
    max-height: 180px;
  }
}
.members .flower-container .leaf-1 {
  top: -81px;
  right: 24px;
  transform: rotate(-23deg);
  z-index: 3;
  opacity: 77%;
}
.members .flower-container .leaf-2 {
  top: 40px;
  right: -52px;
  transform: rotate(13deg);
  z-index: 2;
}
@media (max-width: 767px) {
  .members .flower-container .leaf-2 {
    top: 0;
    right: -67px;
  }
}
.members .flower-container .leaf-3 {
  top: 39px;
  right: -108px;
  transform: rotate(8deg);
  z-index: 2;
  opacity: 77%;
  width: 140px;
}
@media (max-width: 767px) {
  .members .flower-container .leaf-3 {
    width: 125px;
    top: 0;
  }
}
.members .bottom-flower-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 260px;
  height: 260px;
  pointer-events: none;
  z-index: 1;
}
.members .bottom-flower-container .bottom-leaf-img {
  position: absolute;
  height: auto;
}
.members .bottom-flower-container .bottom-leaf-1 {
  bottom: 6px;
  left: -40px;
  transform: rotate(0deg);
  z-index: 3;
  width: 163px;
  opacity: 77%;
}
.members .bottom-flower-container .bottom-leaf-2 {
  bottom: -42px;
  left: -25px;
  width: 243px;
  transform: rotate(6deg);
  z-index: 2;
}
.members h2 {
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .members h2 {
    margin-top: 5rem;
    font-size: 2.2rem;
    margin-bottom: 8.3rem;
  }
}
@media (max-width: 767px) {
  .members h3 {
    font-size: 2.6rem;
    margin-left: 3rem;
  }
}
@media (max-width: 575px) {
  .members h3 {
    margin-top: 3rem !important;
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
}

.message {
  font-family: "myriad-pro", sans-serif;
  height: 100vh;
}
@media (max-width: 991px) {
  .message .container {
    padding-bottom: 10rem;
  }
}
@media (max-width: 575px) {
  .message .container {
    padding-bottom: 6rem;
  }
  .message .container .btn.btn-light.leaves {
    margin-left: 1rem;
  }
}
@media (max-width: 991px) {
  .message {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.message h1 {
  font-size: 4rem;
}
.message h2 {
  text-transform: uppercase;
  font-size: 2.8rem;
}
@media (max-width: 1199px) {
  .message h2 {
    font-size: 4.2rem;
  }
}
@media (max-width: 991px) {
  .message h2 {
    font-size: 3.8rem;
  }
}
@media (max-width: 767px) {
  .message h2 {
    font-size: 2.8rem;
  }
}
.message h4, .message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span, .message h6, .message h5, .message .key .row-h, .key .message .row-h {
  font-size: 2.6rem;
  line-height: 2.8rem;
  margin-top: 1.4rem;
}
@media (max-width: 991px) {
  .message h4, .message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span, .message h6, .message h5, .message .key .row-h, .key .message .row-h {
    font-size: 2.6rem;
  }
}
@media (max-width: 767px) {
  .message h4, .message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span, .message h6, .message h5, .message .key .row-h, .key .message .row-h {
    font-size: 2.1rem;
  }
}
.message h5, .message .key .row-h, .key .message .row-h {
  font-size: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 1199px) {
  .message h5, .message .key .row-h, .key .message .row-h {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .message h5, .message .key .row-h, .key .message .row-h {
    margin-bottom: 1.5rem;
  }
}
.message h6 {
  font-size: 2rem;
  line-height: 3.6rem;
}
@media (max-width: 767px) {
  .message h6 {
    font-size: 1.5rem;
  }
}
.message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
}
@media (max-width: 767px) {
  .message p, .message .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .message span, .message .accordion .accordion-body ul li, .accordion .accordion-body ul .message li, .message .accordion .accordion-body ul li span, .accordion .accordion-body ul li .message span {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
}
@media (max-width: 991px) {
  .message .button-mb {
    margin-bottom: 0rem;
  }
}
@media (max-width: 575px) {
  .message .button-mb {
    margin-bottom: 0rem;
  }
}
.message .msg-img {
  max-width: 100%;
  width: 78%;
  height: 60%;
  max-height: 20rem;
}
.message .msg-img .people-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
@media (max-width: 991px) {
  .message .msg-img {
    width: 50%;
    height: 60%;
  }
}
@media (max-width: 767px) {
  .message .msg-img {
    width: 100%;
    height: 38%;
  }
}
@media (max-width: 991px) {
  .message .row {
    row-gap: 9.2rem;
  }
}

.review-quote {
  position: relative;
  font-family: "myriad-pro", sans-serif;
}

.review {
  padding-bottom: 50rem;
  position: relative;
  background-color: #ffffff;
}
.review .container {
  position: relative;
  z-index: 1;
}
.review::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 20rem;
  background-color: #10af65;
}
@media (max-width: 767px) {
  .review::after {
    height: 24rem;
  }
}
.review h2 {
  color: #ffffff;
  margin-bottom: 10rem;
  font-weight: 400;
  text-transform: uppercase;
}
.review h2 span {
  color: #004fa3;
  font-weight: 700;
}
@media (max-width: 991px) {
  .review h2 {
    padding: 2.4rem 0 0;
  }
}
@media (max-width: 767px) {
  .review h2 {
    font-size: 2.4rem;
    margin-bottom: 4rem;
    padding: 1.8rem 0 0;
  }
}
@media (max-width: 991px) {
  .review {
    padding-bottom: 0px;
  }
}

.quote {
  max-height: 90rem;
  height: 100vh;
}
.quote.bg-1, .quote.bg-2 {
  background-image: url("../images/bg3.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
@media (max-width: 991px) {
  .quote.bg-1, .quote.bg-2 {
    background-size: cover;
  }
}
.quote.bg-2 {
  background-image: url("../images/bg2.webp");
}
.quote .coco-leave {
  width: 5rem;
  height: 8rem;
  left: -33px;
  top: -57px;
}
.quote .coco-leave.two {
  top: -32px;
}
@media (max-width: 991px) {
  .quote .coco-leave.two {
    top: -2.8rem;
  }
}
@media (max-width: 767px) {
  .quote .coco-leave.two {
    top: -0.6rem;
  }
}
@media (max-width: 575px) {
  .quote .coco-leave.two {
    top: -1.6rem;
  }
}
@media (max-width: 991px) {
  .quote .coco-leave {
    left: -36px;
    top: -58px;
  }
}
@media (max-width: 767px) {
  .quote .coco-leave {
    width: 3rem;
    height: 5rem;
    left: -15px !important;
    top: -40px;
  }
}
@media (max-width: 575px) {
  .quote .coco-leave {
    left: 5px !important;
  }
}
.quote h2 {
  color: #ffffff;
  font-size: 4.6rem;
  line-height: 5.1rem;
  font-weight: 600;
  max-width: 72rem;
}
@media (max-width: 1199px) {
  .quote h2 {
    font-size: 2.9rem;
    line-height: 3.6rem;
  }
}
@media (max-width: 767px) {
  .quote h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    padding-left: 0.6rem;
  }
}
@media (max-width: 575px) {
  .quote h2 {
    padding-left: 1.6rem;
  }
}
.quote p, .quote .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .quote span, .quote .accordion .accordion-body ul li, .accordion .accordion-body ul .quote li, .quote .accordion .accordion-body ul li span, .accordion .accordion-body ul li .quote span {
  font-size: 2.625rem;
  line-height: 3.417rem;
  font-style: italic;
  color: #ffffff;
  margin-top: 3rem;
}
.quote p span, .quote .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .quote span span, .quote .accordion .accordion-body ul li span, .accordion .accordion-body ul .quote li span, .accordion .accordion-body ul li .quote span span {
  font-weight: 600;
  font-style: normal;
  display: block;
}
@media (max-width: 991px) {
  .quote p, .quote .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .quote span, .quote .accordion .accordion-body ul li, .accordion .accordion-body ul .quote li, .quote .accordion .accordion-body ul li span, .accordion .accordion-body ul li .quote span {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .quote p, .quote .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .quote span, .quote .accordion .accordion-body ul li, .accordion .accordion-body ul .quote li, .quote .accordion .accordion-body ul li span, .accordion .accordion-body ul li .quote span {
    font-size: 2.2rem;
  }
}
@media (max-width: 575px) {
  .quote {
    height: 76vh;
  }
}

.financial-statements h2 {
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .financial-statements h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 767px) {
  .financial-statements h2 {
    font-size: 2.3rem;
  }
}
.financial-statements .stat-row {
  row-gap: 2rem;
}
.financial-statements .download-wrapper {
  padding-bottom: 1.8rem;
  border-bottom: 2px solid #769c4e;
  width: 100%;
}
.financial-statements .download-wrapper p, .financial-statements .download-wrapper .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-statements .download-wrapper span, .financial-statements .download-wrapper .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-statements .download-wrapper li, .financial-statements .download-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-statements .download-wrapper span {
  font-size: 2.8rem;
}
.financial-statements .download-wrapper p span, .financial-statements .download-wrapper .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .financial-statements .download-wrapper span span, .financial-statements .download-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul .financial-statements .download-wrapper li span, .accordion .accordion-body ul li .financial-statements .download-wrapper span span {
  font-weight: 300;
}
@media (max-width: 991px) {
  .financial-statements .download-wrapper p, .financial-statements .download-wrapper .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-statements .download-wrapper span, .financial-statements .download-wrapper .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-statements .download-wrapper li, .financial-statements .download-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-statements .download-wrapper span {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .financial-statements .download-wrapper p, .financial-statements .download-wrapper .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-statements .download-wrapper span, .financial-statements .download-wrapper .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-statements .download-wrapper li, .financial-statements .download-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-statements .download-wrapper span {
    font-size: 2rem;
  }
}
.financial-statements .download-wrapper .btn.btn-link {
  border: 2px solid #769c4e;
  min-width: 5rem;
  min-height: 5rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  padding: 0.4rem;
}
.financial-statements .download-wrapper .btn.btn-link svg {
  color: #ffffff;
}
.financial-statements .download-wrapper .btn.btn-link:hover {
  background-color: #769c4e;
}
@media (max-width: 575px) {
  .financial-statements .download-wrapper .btn.btn-link {
    min-width: 3.6rem;
    min-height: 3.6rem;
  }
}

.financial-highlight {
  height: 100vh;
}
@media (max-width: 1199px) {
  .financial-highlight {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.financial-highlight .container {
  position: relative;
  z-index: 1;
}
.financial-highlight h2 {
  margin-bottom: 4rem;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .financial-highlight h2 {
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
}
.financial-highlight .bottom-cards {
  background-color: #01a358;
}
.financial-highlight .bottom-cards .large {
  font-size: 9.4rem;
}
.financial-highlight .bottom-cards .small {
  font-size: 1.982rem;
}
.financial-highlight .global-sales {
  width: 80%;
  margin: 0 auto;
}
.financial-highlight .global-sales img {
  width: 100%;
}
.financial-highlight .global-sales img.map-img {
  margin-bottom: -10rem;
}
@media (max-width: 575px) {
  .financial-highlight .global-sales img.map-img {
    margin-bottom: -4rem;
  }
}
.financial-highlight .global-sales img.circle-bg {
  max-width: 117.6rem;
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .financial-highlight .global-sales img.circle-bg {
    width: 54rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight .global-sales img.circle-bg {
    width: 30rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .global-sales {
    width: 100%;
  }
}
.financial-highlight .map-container .bubble-row {
  gap: 3.5rem;
  bottom: 3.8rem;
  left: 50%;
  transform: translateX(-50%);
}
.financial-highlight .map-container .bubble-row .bubble {
  width: 20rem;
  height: 20rem;
  background-color: rgb(255, 255, 255);
  z-index: 5;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1), inset -100px -100px 100px 77px rgba(0, 0, 0, 0.1);
}
.financial-highlight .map-container .bubble-row .bubble .region {
  font-size: 2rem;
}
@media (max-width: 1199px) {
  .financial-highlight .map-container .bubble-row .bubble .region {
    font-size: 1.4rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .map-container .bubble-row .bubble .region {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .map-container .bubble-row .bubble .region {
    font-size: 0.8rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight .map-container .bubble-row .bubble .region {
    font-size: 0.7rem;
  }
}
.financial-highlight .map-container .bubble-row .bubble .value {
  font-size: 3.2rem;
}
@media (max-width: 1199px) {
  .financial-highlight .map-container .bubble-row .bubble .value {
    font-size: 2.5rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .map-container .bubble-row .bubble .value {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .map-container .bubble-row .bubble .value {
    font-size: 1.2rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight .map-container .bubble-row .bubble .value {
    font-size: 1rem;
  }
}
.financial-highlight .map-container .bubble-row .bubble.up {
  margin-bottom: 146px;
}
@media (max-width: 1920px) {
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 145px;
  }
}
@media (max-width: 1399px) {
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 106px;
  }
}
@media (max-width: 1199px) {
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 89px;
  }
}
@media (max-width: 991px) {
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 4.4rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 1rem;
  }
}
.financial-highlight .map-container .bubble-row .bubble.down {
  margin-bottom: -20px;
}
@media (max-width: 767px) {
  .financial-highlight .map-container .bubble-row .bubble.down {
    margin-bottom: -32px;
    margin-left: 0px;
  }
}
@media (max-width: 1920px) {
  .financial-highlight .map-container .bubble-row .bubble {
    width: 19rem;
    height: 19rem;
  }
}
@media (max-width: 1399px) {
  .financial-highlight .map-container .bubble-row .bubble {
    width: 16rem;
    height: 16rem;
  }
}
@media (max-width: 1199px) {
  .financial-highlight .map-container .bubble-row .bubble {
    width: 13rem;
    height: 13rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .map-container .bubble-row .bubble {
    width: 10.5rem;
    height: 10.5rem;
    border: 4px solid #007e42;
  }
}
@media (max-width: 767px) {
  .financial-highlight .map-container .bubble-row .bubble {
    width: 9.6rem;
    height: 9.6rem;
    border: 4px solid #007e42;
  }
}
@media (max-width: 575px) {
  .financial-highlight .map-container .bubble-row .bubble {
    width: 5.7rem;
    height: 5.7rem;
    border: 4px solid #007e42;
  }
}
@media (max-width: 1920px) {
  .financial-highlight .map-container .bubble-row {
    gap: 4.3rem;
  }
}
@media (max-width: 1399px) {
  .financial-highlight .map-container .bubble-row {
    gap: 2.1rem;
    bottom: 3.2rem;
  }
}
@media (max-width: 1199px) {
  .financial-highlight .map-container .bubble-row {
    gap: 2.3rem;
    bottom: 3rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .map-container .bubble-row {
    gap: 0.9rem;
    bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .map-container .bubble-row {
    gap: 1.1rem;
    bottom: 3.8rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight .map-container .bubble-row {
    gap: 0.3rem;
    bottom: 3.4rem;
  }
}
.financial-highlight .text-data {
  width: 78%;
  margin: 0 auto;
  border-radius: 3rem;
  padding: 0.5rem 6rem;
  margin-top: 8rem;
}
.financial-highlight .text-data .perc {
  font-size: 7.3rem;
}
@media (max-width: 991px) {
  .financial-highlight .text-data .perc {
    font-size: 5.5rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .text-data .perc {
    font-size: 3.55rem;
  }
}
.financial-highlight .text-data p, .financial-highlight .text-data .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-highlight .text-data span, .financial-highlight .text-data .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-highlight .text-data li, .financial-highlight .text-data .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-highlight .text-data span {
  font-size: 2.6rem;
  line-height: 4.3rem;
}
@media (max-width: 1199px) {
  .financial-highlight .text-data p, .financial-highlight .text-data .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-highlight .text-data span, .financial-highlight .text-data .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-highlight .text-data li, .financial-highlight .text-data .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-highlight .text-data span {
    font-size: 2.4rem;
    line-height: 3.3rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .text-data p, .financial-highlight .text-data .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-highlight .text-data span, .financial-highlight .text-data .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-highlight .text-data li, .financial-highlight .text-data .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-highlight .text-data span {
    font-size: 2.1rem;
    line-height: 3.3rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .text-data p, .financial-highlight .text-data .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-highlight .text-data span, .financial-highlight .text-data .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-highlight .text-data li, .financial-highlight .text-data .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-highlight .text-data span {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight .text-data p, .financial-highlight .text-data .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .financial-highlight .text-data span, .financial-highlight .text-data .accordion .accordion-body ul li, .accordion .accordion-body ul .financial-highlight .text-data li, .financial-highlight .text-data .accordion .accordion-body ul li span, .accordion .accordion-body ul li .financial-highlight .text-data span {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .text-data {
    padding: 0.5rem 4rem;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .financial-highlight .text-data {
    padding: 1.5rem 2rem;
  }
}
.financial-highlight .sale-row {
  padding: 0 11rem;
}
@media (max-width: 991px) {
  .financial-highlight .sale-row {
    padding: 0 5rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .sale-row {
    padding: 0 0;
  }
}
.financial-highlight .content-column .leaf-box {
  position: relative;
  background-color: #007e42;
  border-radius: 20px;
  margin-bottom: 3rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  max-width: 90%;
}
@media (max-width: 991px) {
  .financial-highlight .content-column .leaf-box {
    max-width: 100%;
  }
}
.financial-highlight .content-column .leaf-box .label-title {
  font-size: 0.9rem;
  color: #66ffcc;
}
@media (max-width: 991px) {
  .financial-highlight .content-column .leaf-box .label-title {
    font-size: 0.7rem;
  }
}
.financial-highlight .content-column .leaf-box .value-main {
  font-size: 4rem;
  font-weight: bold;
}
@media (max-width: 1399px) {
  .financial-highlight .content-column .leaf-box .value-main {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .content-column .leaf-box .value-main {
    font-size: 2.4rem;
  }
}
.financial-highlight .content-column .leaf-box .value-sub {
  font-size: 1.8rem;
}
@media (max-width: 1399px) {
  .financial-highlight .content-column .leaf-box .value-sub {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .content-column .leaf-box .value-sub {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .content-column .leaf-box {
    padding: 0.6rem;
    max-width: 100%;
  }
}
.financial-highlight .content-column .leaf-icon {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-118px, -19px);
  width: 284px;
}
@media (max-width: 1920px) {
  .financial-highlight .content-column .leaf-icon {
    width: 226px;
    transform: translate(-70px, -6px);
  }
}
@media (max-width: 991px) {
  .financial-highlight .content-column .leaf-icon {
    width: 226px;
    transform: translate(-70px, -6px);
  }
}
@media (max-width: 991px) {
  .financial-highlight .content-column .leaf-icon {
    width: 226px;
    transform: translate(-70px, -6px);
  }
}
@media (max-width: 575px) {
  .financial-highlight .content-column .leaf-icon {
    width: 90px;
    transform: translate(8px, 10px);
  }
}
.financial-highlight .content-column .data {
  padding-left: 17.5rem;
}
@media (max-width: 1199px) {
  .financial-highlight .content-column .data {
    padding-left: 14rem;
  }
}
@media (max-width: 991px) {
  .financial-highlight .content-column .data {
    padding-left: 17rem;
  }
}
@media (max-width: 767px) {
  .financial-highlight .content-column .data {
    padding-left: 10rem;
  }
}
.financial-highlight .top-line {
  position: absolute;
  top: 13%;
  left: 6%;
  height: 35px;
  width: 50%;
  border-radius: 17px;
  border-top: 5px solid #007e42;
  border-left: 5px solid #007e42;
  border-bottom-left-radius: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .financial-highlight .top-line {
    display: none;
  }
}
.financial-highlight .bottom-line {
  position: absolute;
  bottom: 11%;
  height: 35px;
  width: 50%;
  border-radius: 17px;
  border-bottom: 5px solid #007e42;
  border-left: 5px solid #007e42;
  border-top-left-radius: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .financial-highlight .bottom-line {
    display: none;
  }
}
.financial-highlight .qr-column {
  transform: translate(-34px, 0);
}
.financial-highlight .qr-column .qr-code img {
  width: 100%;
}
@media (max-width: 991px) {
  .financial-highlight .qr-column {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0, 0) !important;
  }
}
@media (max-width: 991px) {
  .financial-highlight {
    padding-bottom: 28rem;
  }
}
@media (max-width: 575px) {
  .financial-highlight {
    padding-bottom: 18rem;
  }
}

.slick-section .slick-next {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background: #fff url("../../public/icons/slick-next.webp") center no-repeat;
  background-size: 48px;
  right: -45px;
}
.slick-section .slick-next::before {
  display: none;
}
.slick-section .slick-next:hover, .slick-section .slick-next:active, .slick-section .slick-next:focus {
  background-size: 48px;
}
@media (max-width: 1199px) {
  .slick-section .slick-next {
    right: -9px;
  }
}
@media (max-width: 991px) {
  .slick-section .slick-next {
    background-size: 30px;
    width: 28px;
    height: 28px;
    right: -0.6rem;
  }
  .slick-section .slick-next:hover, .slick-section .slick-next:active, .slick-section .slick-next:focus {
    background-size: 28px;
  }
}
.slick-section .slick-prev {
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff url("../../public/icons/slick-prev.webp") center no-repeat;
  background-size: 48px;
  color: transparent;
  left: -41px;
}
.slick-section .slick-prev::before {
  display: none;
}
.slick-section .slick-prev:hover, .slick-section .slick-prev:active, .slick-section .slick-prev:focus {
  background-size: 48px;
}
@media (max-width: 1199px) {
  .slick-section .slick-prev {
    left: -9px;
  }
}
@media (max-width: 991px) {
  .slick-section .slick-prev {
    background-size: 30px;
    width: 28px;
    height: 28px;
    left: -0.6rem;
  }
  .slick-section .slick-prev:hover, .slick-section .slick-prev:active, .slick-section .slick-prev:focus {
    background-size: 28px;
  }
}
.slick-section .slick-list {
  padding: 0 0 3rem 0 !important;
}
.slick-section .slick-prev.slick-disabled,
.slick-section .slick-next.slick-disabled {
  display: none !important;
}

@media screen and (max-width: 1549px) and (min-width: 1400px) {
  .financial-highlight .map-container .bubble-row {
    gap: 2rem;
  }
  .financial-highlight .map-container .bubble-row {
    bottom: 3.2rem;
  }
  .financial-highlight .map-container .bubble-row .bubble.up {
    margin-bottom: 129px;
  }
}
.mission-vision-section {
  padding: 14rem 0 10rem;
  background-image: url("../../public/images/dot-bg.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: fill;
  height: 100vh;
}
@media (max-width: 1399px) {
  .mission-vision-section {
    padding: 10rem 0 8rem;
  }
}
@media (max-width: 991px) {
  .mission-vision-section {
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 575px) {
  .mission-vision-section {
    padding: 8rem 0 4rem;
  }
}
.mission-vision-section .float-img {
  float: left;
  margin: 0 2.6rem 5.6rem 0;
  width: 16rem;
  height: -moz-fit-content;
  height: fit-content;
  background: #ffffff;
  border-bottom-right-radius: 1rem;
  padding: 1rem;
  position: relative;
  min-height: 14rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mission-vision-section .float-img img {
  max-height: 10rem;
}
@media (max-width: 1199px) {
  .mission-vision-section .float-img img {
    max-height: 4rem;
  }
}
@media (max-width: 575px) {
  .mission-vision-section .float-img img {
    max-height: 4rem;
  }
}
.mission-vision-section .float-img .leaf {
  position: absolute;
  left: -3.4rem;
  top: -5rem;
  max-height: 10rem;
}
@media (max-width: 991px) {
  .mission-vision-section .float-img .leaf {
    top: -4.2rem;
    max-height: 7rem;
    left: -2.4rem;
  }
}
@media (max-width: 575px) {
  .mission-vision-section .float-img .leaf {
    top: -3.2rem;
    left: -1.8rem;
    max-height: 5rem;
  }
}
.mission-vision-section .float-img::after {
  content: "";
  position: absolute;
  height: 0.5rem;
  width: 90%;
  left: 0;
  bottom: -1.6rem;
  background-color: #00af66;
}
@media (max-width: 1549px) {
  .mission-vision-section .float-img {
    margin: 0 2.6rem 1.6rem 0;
    width: 14rem;
    padding: 1rem;
    min-height: 14rem;
  }
}
@media (max-width: 1399px) {
  .mission-vision-section .float-img {
    margin: 0 2.6rem 1.6rem 0;
    width: 13rem;
    padding: 1rem;
    min-height: 13rem;
  }
}
@media (max-width: 1199px) {
  .mission-vision-section .float-img {
    margin: 0rem 2.6rem 1.6rem 0;
    width: 8rem;
    padding: 1rem;
    min-height: 8rem;
  }
}
@media (max-width: 991px) {
  .mission-vision-section .float-img {
    margin: 4rem 2.6rem 1.6rem 0;
  }
}
@media (max-width: 575px) {
  .mission-vision-section .float-img {
    margin: 2rem 2.6rem 1.6rem 0;
    width: 6rem;
    padding: 1rem;
    min-height: 6rem;
  }
}
.mission-vision-section h3 {
  color: #00af65;
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
@media (max-width: 1399px) {
  .mission-vision-section h3 {
    font-size: 3rem;
  }
}
@media (max-width: 575px) {
  .mission-vision-section h3 {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
}
.mission-vision-section h4, .mission-vision-section .message h5, .mission-vision-section .message .key .row-h, .key .mission-vision-section .message .row-h, .message .mission-vision-section h5, .message .mission-vision-section .key .row-h, .key .message .mission-vision-section .row-h, .mission-vision-section .message h6, .message .mission-vision-section h6, .mission-vision-section .message p, .message .mission-vision-section p, .mission-vision-section .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .mission-vision-section span, .mission-vision-section .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .mission-vision-section span, .mission-vision-section .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .mission-vision-section li, .mission-vision-section .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .mission-vision-section li, .mission-vision-section .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .mission-vision-section span, .mission-vision-section .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .mission-vision-section span {
  color: #ffffff;
  font-weight: 400;
  font-size: 3.6rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 1399px) {
  .mission-vision-section h4, .mission-vision-section .message h5, .mission-vision-section .message .key .row-h, .key .mission-vision-section .message .row-h, .message .mission-vision-section h5, .message .mission-vision-section .key .row-h, .key .message .mission-vision-section .row-h, .mission-vision-section .message h6, .message .mission-vision-section h6, .mission-vision-section .message p, .message .mission-vision-section p, .mission-vision-section .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .mission-vision-section span, .mission-vision-section .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .mission-vision-section span, .mission-vision-section .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .mission-vision-section li, .mission-vision-section .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .mission-vision-section li, .mission-vision-section .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .mission-vision-section span, .mission-vision-section .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .mission-vision-section span {
    font-size: 2.6rem;
  }
}
@media (max-width: 575px) {
  .mission-vision-section h4, .mission-vision-section .message h5, .mission-vision-section .message .key .row-h, .key .mission-vision-section .message .row-h, .message .mission-vision-section h5, .message .mission-vision-section .key .row-h, .key .message .mission-vision-section .row-h, .mission-vision-section .message h6, .message .mission-vision-section h6, .mission-vision-section .message p, .message .mission-vision-section p, .mission-vision-section .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .mission-vision-section span, .mission-vision-section .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .mission-vision-section span, .mission-vision-section .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .mission-vision-section li, .mission-vision-section .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .mission-vision-section li, .mission-vision-section .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .mission-vision-section span, .mission-vision-section .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .mission-vision-section span {
    font-size: 1.8rem;
  }
}
.mission-vision-section h4 span, .mission-vision-section .message h5 span, .mission-vision-section .message .key .row-h span, .key .mission-vision-section .message .row-h span, .message .mission-vision-section h5 span, .message .mission-vision-section .key .row-h span, .key .message .mission-vision-section .row-h span, .mission-vision-section .message h6 span, .message .mission-vision-section h6 span, .mission-vision-section .message p span, .message .mission-vision-section p span, .mission-vision-section .message .card.detail-card .card-body .deatils-wrapper .details span span, .message .card.detail-card .card-body .deatils-wrapper .details .mission-vision-section span span, .mission-vision-section .card.detail-card .card-body .deatils-wrapper .details .message span span, .card.detail-card .card-body .deatils-wrapper .details .message .mission-vision-section span span, .mission-vision-section .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul .mission-vision-section li span, .mission-vision-section .accordion .accordion-body ul .message li span, .accordion .accordion-body ul .message .mission-vision-section li span, .message .accordion .accordion-body ul li .mission-vision-section span span, .mission-vision-section .accordion .accordion-body ul li .message span span, .accordion .accordion-body ul li .message .mission-vision-section span span {
  background-color: #00af65;
  border-bottom-right-radius: 1rem;
  padding: 0.4rem;
}
.mission-vision-section p, .mission-vision-section .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .mission-vision-section span, .mission-vision-section .accordion .accordion-body ul li, .accordion .accordion-body ul .mission-vision-section li, .mission-vision-section .accordion .accordion-body ul li span, .accordion .accordion-body ul li .mission-vision-section span {
  color: #ffffff;
  font-size: 1.8rem;
}
@media (max-width: 575px) {
  .mission-vision-section p, .mission-vision-section .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .mission-vision-section span, .mission-vision-section .accordion .accordion-body ul li, .accordion .accordion-body ul .mission-vision-section li, .mission-vision-section .accordion .accordion-body ul li span, .accordion .accordion-body ul li .mission-vision-section span {
    font-size: 1.4rem;
  }
}

.text-div {
  position: absolute;
  bottom: 22%;
  left: -12px;
  width: 40%;
  max-width: 58rem;
  background-color: rgba(255, 255, 255, 0.8);
}
.text-div .text-div-h {
  padding-right: 88px;
  padding-left: 10px;
}
@media (max-width: 1199px) {
  .text-div .text-div-h {
    padding-right: 56px;
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .text-div .text-div-h {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .text-div .text-div-h {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .text-div .text-div-h {
    padding-right: 36px;
  }
}
@media (max-width: 1399px) {
  .text-div {
    width: 50%;
    left: -15px;
  }
}
@media (max-width: 575px) {
  .text-div {
    width: 90%;
  }
}

.leaf-icon {
  position: absolute;
  width: 79px;
  height: auto;
  right: -31px;
  bottom: 16px;
}
@media (max-width: 767px) {
  .leaf-icon {
    width: 51px;
    bottom: 0;
    right: -18px;
  }
}

.scroll-top-wrapper {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.scroll-top-wrapper .scroll-top-btn img {
  width: 5rem;
  height: 5rem;
}

.overview span {
  font-size: 1.7rem;
}
@media (max-width: 767px) {
  .overview span {
    font-size: 1.4rem;
  }
}
.overview h3 {
  font-size: 3.7rem;
}
@media (max-width: 991px) {
  .overview h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .overview h3 {
    font-size: 1.6rem;
  }
}
.overview .section-title {
  font-size: 2.25rem;
}
@media (max-width: 991px) {
  .overview .section-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .overview .section-title {
    font-size: 1.7rem;
  }
}
.overview .icon {
  width: 7rem;
  height: auto;
}
@media (max-width: 1199px) {
  .overview .icon {
    width: 5rem;
  }
}
@media (max-width: 767px) {
  .overview .icon {
    width: 3rem;
  }
}
.overview p, .overview .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .overview span, .overview .accordion .accordion-body ul li, .accordion .accordion-body ul .overview li, .overview .accordion .accordion-body ul li span, .accordion .accordion-body ul li .overview span {
  font-size: 2.25rem;
  line-height: 2.833rem;
}
@media (max-width: 1199px) {
  .overview p, .overview .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .overview span, .overview .accordion .accordion-body ul li, .accordion .accordion-body ul .overview li, .overview .accordion .accordion-body ul li span, .accordion .accordion-body ul li .overview span {
    font-size: 1.8rem;
    line-height: 27px;
  }
}
@media (max-width: 767px) {
  .overview p, .overview .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .overview span, .overview .accordion .accordion-body ul li, .accordion .accordion-body ul .overview li, .overview .accordion .accordion-body ul li span, .accordion .accordion-body ul li .overview span {
    font-size: 1.4rem;
  }
}
.overview .info-block {
  margin-bottom: 3.5rem;
}
.overview .info-block p, .overview .info-block .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .overview .info-block span, .overview .info-block .accordion .accordion-body ul li, .accordion .accordion-body ul .overview .info-block li, .overview .info-block .accordion .accordion-body ul li span, .accordion .accordion-body ul li .overview .info-block span {
  font-size: 2.5rem;
  line-height: 32px;
}
@media (max-width: 1199px) {
  .overview .info-block p, .overview .info-block .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .overview .info-block span, .overview .info-block .accordion .accordion-body ul li, .accordion .accordion-body ul .overview .info-block li, .overview .info-block .accordion .accordion-body ul li span, .accordion .accordion-body ul li .overview .info-block span {
    font-size: 1.8rem;
    line-height: 27px;
  }
}
@media (max-width: 767px) {
  .overview .info-block p, .overview .info-block .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .overview .info-block span, .overview .info-block .accordion .accordion-body ul li, .accordion .accordion-body ul .overview .info-block li, .overview .info-block .accordion .accordion-body ul li span, .accordion .accordion-body ul li .overview .info-block span {
    font-size: 1.4rem;
  }
}
.overview .info-block ul {
  list-style-type: disc;
}
.overview .info-block ul li {
  font-size: 2.25rem;
  line-height: 36px;
  text-align: justify;
  letter-spacing: -1px;
}
@media (max-width: 1199px) {
  .overview .info-block ul li {
    font-size: 1.8rem;
    line-height: 27px;
  }
}
@media (max-width: 767px) {
  .overview .info-block ul li {
    font-size: 1.4rem;
    line-height: 24px;
  }
}
.overview .info-block .inner-ul {
  list-style-type: circle;
}
.overview .info-block .over-ul li::marker {
  color: #004fa3;
}
.overview .info-block .heading {
  color: #0f5d30;
}
@media (max-width: 991px) {
  .overview .info-block {
    margin-bottom: 0;
  }
}

.key h5, .key .row-h {
  font-size: 3rem;
}
@media (max-width: 1199px) {
  .key h5, .key .row-h {
    font-size: 2.7rem;
  }
}
@media (max-width: 767px) {
  .key h5, .key .row-h {
    font-size: 2.4rem;
  }
}
@media (max-width: 1399px) {
  .key .row-h {
    font-size: 2.6rem;
  }
}
@media (max-width: 1199px) {
  .key .row-h {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .key .row-h {
    font-size: 1.6rem;
  }
}
.key .row .divider {
  height: 4px;
  background-color: #0fad65;
}
.key .row .key-data {
  padding: 50px;
  background-color: #1d5ca9;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 1199px) {
  .key .row .key-data {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .key .row .key-data {
    padding: 20px;
  }
}
.key .row .green {
  background-color: #14995d;
}
.key .row h2 {
  font-size: 8.9rem;
}
@media (max-width: 1399px) {
  .key .row h2 {
    font-size: 4.5rem;
  }
}
@media (max-width: 1199px) {
  .key .row h2 {
    font-size: 3.5rem;
  }
}
@media (max-width: 991px) {
  .key .row h2 {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  .key .row h2 {
    font-size: 2.4rem;
  }
}
.key .row span {
  font-size: 2.5rem;
}
@media (max-width: 1199px) {
  .key .row span {
    font-size: 2.2rem;
  }
}
@media (max-width: 991px) {
  .key .row span {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .key .row span {
    font-size: 1.6rem;
  }
}
.key .row p, .key .row .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .row span, .key .row .accordion .accordion-body ul li, .accordion .accordion-body ul .key .row li, .key .row .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .row span {
  font-size: 2.8rem;
}
@media (max-width: 1199px) {
  .key .row p, .key .row .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .row span, .key .row .accordion .accordion-body ul li, .accordion .accordion-body ul .key .row li, .key .row .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .row span {
    font-size: 2.4rem;
  }
}
@media (max-width: 767px) {
  .key .row p, .key .row .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .row span, .key .row .accordion .accordion-body ul li, .accordion .accordion-body ul .key .row li, .key .row .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .row span {
    font-size: 2rem;
  }
}
@media (max-width: 575px) {
  .key .row p, .key .row .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .row span, .key .row .accordion .accordion-body ul li, .accordion .accordion-body ul .key .row li, .key .row .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .row span {
    font-size: 1.6rem;
  }
}
.key .row .dev {
  font-size: 3.4rem;
}
@media (max-width: 1199px) {
  .key .row .dev {
    font-size: 2.4rem;
  }
}
.key .row .dev-span {
  font-size: 1.8rem;
}
@media (max-width: 1199px) {
  .key .row .dev-span {
    font-size: 1.6rem;
  }
}
.key .key-icon {
  width: 14rem;
  height: 14rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1399px) {
  .key .key-icon {
    width: 10rem;
    height: 10rem;
  }
}
@media (max-width: 991px) {
  .key .key-icon {
    width: 10rem;
    height: 10rem;
  }
}
@media (max-width: 767px) {
  .key .key-icon {
    width: 8rem;
    height: 8rem;
  }
}
.key .dev-icon {
  width: 22rem;
  height: 20rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1199px) {
  .key .dev-icon {
    width: 14rem;
    height: 10rem;
  }
}
@media (max-width: 767px) {
  .key .dev-icon {
    width: 11rem;
    height: 9rem;
  }
}
@media (max-width: 575px) {
  .key .dev-icon {
    width: 8rem;
    height: 6rem;
  }
}
.key .header-img {
  height: 8rem;
  width: 8rem;
}
@media (max-width: 1199px) {
  .key .header-img {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 767px) {
  .key .header-img {
    width: 4rem;
    height: 4rem;
  }
}
.key .counter-text {
  font-size: 6.9rem !important;
}
@media (max-width: 1399px) {
  .key .counter-text {
    font-size: 4.5rem !important;
  }
}
@media (max-width: 1199px) {
  .key .counter-text {
    font-size: 4.5rem !important;
  }
}
@media (max-width: 1199px) {
  .key .counter-text {
    font-size: 3.5rem !important;
  }
}
@media (max-width: 991px) {
  .key .counter-text {
    font-size: 3rem !important;
  }
}
@media (max-width: 767px) {
  .key .counter-text {
    font-size: 2.4rem !important;
  }
}
.key .commision {
  background-color: #009150;
}
@media (max-width: 575px) {
  .key .commision {
    margin: 0;
  }
}
.key ul {
  list-style-type: disc;
}
.key ul li {
  font-size: 2.25rem;
  line-height: 3.2rem;
  text-align: justify;
  letter-spacing: -1px;
  padding-left: 1rem;
}
@media (max-width: 1199px) {
  .key ul li {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
@media (max-width: 767px) {
  .key ul li {
    font-size: 1.6rem;
  }
}
@media (max-width: 575px) {
  .key ul li {
    line-height: 2.2rem;
    font-size: 1.5rem;
  }
}
.key ul li .achievements-nums {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.key ul li .achievements-nums .num {
  background-image: url("../../public/images/num-sq.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 17rem;
  height: 17rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #008f4e;
  font-weight: 700;
  font-size: 5rem;
}
@media (max-width: 1199px) {
  .key ul li .achievements-nums .num {
    width: 13rem;
    height: 13rem;
    font-size: 4rem;
  }
}
@media (max-width: 575px) {
  .key ul li .achievements-nums .num {
    width: 8rem;
    height: 8rem;
    font-weight: 700;
    font-size: 2.4rem;
  }
}
.key ul li .achievements-nums p, .key ul li .achievements-nums .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .achievements-nums span, .key .accordion .accordion-body ul li .achievements-nums li, .accordion .accordion-body .key ul li .achievements-nums li, .key .accordion .accordion-body ul li .achievements-nums span, .accordion .accordion-body .key ul li .achievements-nums span {
  color: #004fa3;
  font-size: 1.7rem;
  font-weight: 600;
  text-align: center;
  line-height: 2rem;
}
@media (max-width: 1199px) {
  .key ul li .achievements-nums p, .key ul li .achievements-nums .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .achievements-nums span, .key .accordion .accordion-body ul li .achievements-nums li, .accordion .accordion-body .key ul li .achievements-nums li, .key .accordion .accordion-body ul li .achievements-nums span, .accordion .accordion-body .key ul li .achievements-nums span {
    font-size: 1.4rem;
  }
}
@media (max-width: 575px) {
  .key ul li .achievements-nums p, .key ul li .achievements-nums .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .achievements-nums span, .key .accordion .accordion-body ul li .achievements-nums li, .accordion .accordion-body .key ul li .achievements-nums li, .key .accordion .accordion-body ul li .achievements-nums span, .accordion .accordion-body .key ul li .achievements-nums span {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}
.key ul li .achievements-nums p span, .key ul li .achievements-nums .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .achievements-nums span span, .key .accordion .accordion-body ul li .achievements-nums li span, .accordion .accordion-body .key ul li .achievements-nums li span, .key .accordion .accordion-body ul li .achievements-nums span span, .accordion .accordion-body .key ul li .achievements-nums span span {
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .key ul li .achievements-nums p span, .key ul li .achievements-nums .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .achievements-nums span span, .key .accordion .accordion-body ul li .achievements-nums li span, .accordion .accordion-body .key ul li .achievements-nums li span, .key .accordion .accordion-body ul li .achievements-nums span span, .accordion .accordion-body .key ul li .achievements-nums span span {
    font-size: 1.4rem;
  }
}
@media (max-width: 575px) {
  .key ul li .achievements-nums p span, .key ul li .achievements-nums .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .achievements-nums span span, .key .accordion .accordion-body ul li .achievements-nums li span, .accordion .accordion-body .key ul li .achievements-nums li span, .key .accordion .accordion-body ul li .achievements-nums span span, .accordion .accordion-body .key ul li .achievements-nums span span {
    font-size: 1.2rem;
  }
}
.key ul li .bg-gray-wrapper {
  background-color: #dde8df;
  padding: 5rem 2rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}
@media (max-width: 575px) {
  .key ul li .bg-gray-wrapper {
    padding: 2rem 1rem;
  }
}
.key ul li .leaf-num {
  background-image: url("../../public/images/owe.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.8rem;
  width: 24rem;
  height: 14rem;
  padding: 0rem 4rem 2rem;
  margin: 0 auto;
}
.key ul li .leaf-num h4, .key ul li .leaf-num .message h5, .message .key ul li .leaf-num h5, .key ul li .leaf-num .message h6, .message .key ul li .leaf-num h6, .key ul li .leaf-num .message p, .message .key ul li .leaf-num p, .key ul li .leaf-num .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .leaf-num span, .key .message .accordion .accordion-body ul li .leaf-num li, .message .accordion .accordion-body .key ul li .leaf-num li, .key .accordion .accordion-body ul li .leaf-num .message li, .accordion .accordion-body .key ul li .leaf-num .message li, .key .accordion .accordion-body ul .message li .leaf-num li, .accordion .accordion-body .key ul .message li .leaf-num li, .key .message .accordion .accordion-body ul li .leaf-num span, .message .accordion .accordion-body .key ul li .leaf-num span, .key .accordion .accordion-body ul li .leaf-num .message span, .accordion .accordion-body .key ul li .leaf-num .message span, .key .accordion .accordion-body ul li .message .leaf-num span, .accordion .accordion-body .key ul li .message .leaf-num span, .message .key ul li .leaf-num .row-h, .key ul li .leaf-num .message .row-h, .key .message ul li .leaf-num .row-h {
  font-size: 5rem;
  color: #ffffff;
  line-height: 1;
}
@media (max-width: 1199px) {
  .key ul li .leaf-num h4, .key ul li .leaf-num .message h5, .message .key ul li .leaf-num h5, .key ul li .leaf-num .message h6, .message .key ul li .leaf-num h6, .key ul li .leaf-num .message p, .message .key ul li .leaf-num p, .key ul li .leaf-num .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .leaf-num span, .key .message .accordion .accordion-body ul li .leaf-num li, .message .accordion .accordion-body .key ul li .leaf-num li, .key .accordion .accordion-body ul li .leaf-num .message li, .accordion .accordion-body .key ul li .leaf-num .message li, .key .accordion .accordion-body ul .message li .leaf-num li, .accordion .accordion-body .key ul .message li .leaf-num li, .key .message .accordion .accordion-body ul li .leaf-num span, .message .accordion .accordion-body .key ul li .leaf-num span, .key .accordion .accordion-body ul li .leaf-num .message span, .accordion .accordion-body .key ul li .leaf-num .message span, .key .accordion .accordion-body ul li .message .leaf-num span, .accordion .accordion-body .key ul li .message .leaf-num span, .message .key ul li .leaf-num .row-h, .key ul li .leaf-num .message .row-h, .key .message ul li .leaf-num .row-h {
    font-size: 4rem;
  }
}
.key ul li .leaf-num p, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span, .key .accordion .accordion-body ul li .leaf-num li, .accordion .accordion-body .key ul li .leaf-num li, .key .accordion .accordion-body ul li .leaf-num span, .accordion .accordion-body .key ul li .leaf-num span {
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  line-height: 1;
}
.key ul li .leaf-num p span, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span span, .key .accordion .accordion-body ul li .leaf-num li span, .accordion .accordion-body .key ul li .leaf-num li span, .key .accordion .accordion-body ul li .leaf-num span span, .accordion .accordion-body .key ul li .leaf-num span span {
  font-size: 1.4rem;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .key ul li .leaf-num {
    width: 19rem;
    row-gap: 1.2rem;
    padding: 0rem 4rem 3rem;
  }
}
@media (max-width: 991px) {
  .key ul li .leaf-num {
    width: 22rem;
  }
}
@media (max-width: 575px) {
  .key ul li .leaf-num {
    row-gap: 0.6rem;
    width: 12rem;
    height: 8rem;
    padding: 0rem 1.8rem 0.6rem;
  }
  .key ul li .leaf-num h4, .key ul li .leaf-num .message h5, .message .key ul li .leaf-num h5, .key ul li .leaf-num .message h6, .message .key ul li .leaf-num h6, .key ul li .leaf-num .message p, .message .key ul li .leaf-num p, .key ul li .leaf-num .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .leaf-num span, .key .message .accordion .accordion-body ul li .leaf-num li, .message .accordion .accordion-body .key ul li .leaf-num li, .key .accordion .accordion-body ul li .leaf-num .message li, .accordion .accordion-body .key ul li .leaf-num .message li, .key .accordion .accordion-body ul .message li .leaf-num li, .accordion .accordion-body .key ul .message li .leaf-num li, .key .message .accordion .accordion-body ul li .leaf-num span, .message .accordion .accordion-body .key ul li .leaf-num span, .key .accordion .accordion-body ul li .leaf-num .message span, .accordion .accordion-body .key ul li .leaf-num .message span, .key .accordion .accordion-body ul li .message .leaf-num span, .accordion .accordion-body .key ul li .message .leaf-num span, .message .key ul li .leaf-num .row-h, .key ul li .leaf-num .message .row-h, .key .message ul li .leaf-num .row-h {
    font-size: 2rem;
  }
  .key ul li .leaf-num p, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span, .key .accordion .accordion-body ul li .leaf-num li, .accordion .accordion-body .key ul li .leaf-num li, .key .accordion .accordion-body ul li .leaf-num span, .accordion .accordion-body .key ul li .leaf-num span {
    font-size: 1rem;
  }
  .key ul li .leaf-num p span, .key ul li .leaf-num .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .leaf-num span span, .key .accordion .accordion-body ul li .leaf-num li span, .accordion .accordion-body .key ul li .leaf-num li span, .key .accordion .accordion-body ul li .leaf-num span span, .accordion .accordion-body .key ul li .leaf-num span span {
    font-size: 1rem;
  }
}
.key ul li .float-img {
  float: left;
  margin: 0 4.6rem 1.6rem 0;
  width: 16rem;
  height: auto;
  background: #ffffff;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding: 0.6rem;
  position: relative;
  min-height: 14rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.key ul li .float-img img {
  max-height: 7rem;
}
@media (max-width: 1199px) {
  .key ul li .float-img img {
    max-height: 4rem;
  }
}
@media (max-width: 575px) {
  .key ul li .float-img img {
    max-height: 4rem;
  }
}
.key ul li .float-img .leaf {
  position: absolute;
  right: -2.2rem;
  top: -7.2rem;
  max-height: 10rem;
}
@media (max-width: 991px) {
  .key ul li .float-img .leaf {
    right: -1.6rem;
    top: -4.2rem;
    max-height: 7rem;
  }
}
@media (max-width: 575px) {
  .key ul li .float-img .leaf {
    right: -1.2rem;
    top: -3.2rem;
    max-height: 5rem;
  }
}
.key ul li .float-img::after {
  content: "";
  position: absolute;
  height: 0.5rem;
  width: 90%;
  left: 0;
  bottom: -1rem;
  background-color: #00af66;
}
@media (max-width: 1549px) {
  .key ul li .float-img {
    margin: 0 2.6rem 1.6rem 0;
    width: 14rem;
    padding: 1rem;
    min-height: 14rem;
  }
}
@media (max-width: 1399px) {
  .key ul li .float-img {
    margin: 0 2.6rem 1.6rem 0;
    width: 13rem;
    padding: 1rem;
    min-height: 13rem;
  }
}
@media (max-width: 1199px) {
  .key ul li .float-img {
    margin: 0 2.6rem 1.6rem 0;
    width: 10rem;
    padding: 1rem;
    min-height: 10rem;
  }
}
@media (max-width: 575px) {
  .key ul li .float-img {
    margin: 0 2.6rem 1.6rem 0;
    width: 6rem;
    padding: 1rem;
    min-height: 6rem;
  }
}
.key ul li .article {
  margin-top: 10rem;
}
@media (max-width: 991px) {
  .key ul li .article {
    margin-top: 8rem;
  }
}
@media (max-width: 575px) {
  .key ul li .article {
    margin-top: 3rem;
  }
}
.key ul li .article::after {
  content: "";
  display: table;
  clear: both;
}
.key ul li .message-wrapper {
  background-color: #717779;
  font-size: 2.8rem;
  font-weight: 500;
  color: #ffffff;
  padding: 3.4rem 18rem 3.4rem 2rem;
  border-top-right-radius: 2.6rem;
  border-bottom-right-radius: 2.6rem 26px;
  font-style: italic;
  text-align: left;
  position: relative;
  line-height: 3.8rem;
}
@media (max-width: 1399px) {
  .key ul li .message-wrapper {
    padding: 3.4rem 14rem 3.4rem 2rem;
  }
}
@media (max-width: 1199px) {
  .key ul li .message-wrapper {
    padding: 3.4rem 10rem 3.4rem 2rem;
  }
}
@media (max-width: 575px) {
  .key ul li .message-wrapper {
    font-size: 1.6rem;
    padding: 2rem 4rem 2rem 1rem;
    border-top-right-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
  }
}
.key ul li .message-wrapper .leaf {
  position: absolute;
  top: 2.4rem;
  right: -2.8rem;
}
@media (max-width: 991px) {
  .key ul li .message-wrapper .leaf {
    top: 4rem;
    right: -2rem;
    max-height: 10rem;
  }
}
@media (max-width: 575px) {
  .key ul li .message-wrapper .leaf {
    top: 15%;
    right: -1.8rem;
    max-height: 8rem;
  }
}
.key ul li .message-wrapper-2 {
  padding: 2.4rem 4rem;
  border-top: 0.6rem solid #008f4f;
  border-bottom: 0.2rem solid #008f4f;
  margin-top: 8rem;
  position: relative;
}
@media (max-width: 1399px) {
  .key ul li .message-wrapper-2 {
    padding: 1.8rem 2.4rem;
    margin-top: 4rem;
  }
}
@media (max-width: 575px) {
  .key ul li .message-wrapper-2 {
    padding: 1.4rem 1rem;
    margin-top: 4rem;
  }
}
.key ul li .message-wrapper-2 .leaf {
  position: absolute;
  top: -6rem;
  right: -1.8rem;
  max-height: 6rem;
}
@media (max-width: 575px) {
  .key ul li .message-wrapper-2 .leaf {
    top: -4rem;
    right: -1.2rem;
    max-height: 4rem;
  }
}
.key ul li .message-wrapper-2 h4, .key ul li .message-wrapper-2 .message h5, .message .key ul li .message-wrapper-2 h5, .key ul li .message-wrapper-2 .message h6, .message .key ul li .message-wrapper-2 h6, .key ul li .message-wrapper-2 .message p, .message .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .message-wrapper-2 span, .key .message .accordion .accordion-body ul li .message-wrapper-2 li, .message .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 .message li, .accordion .accordion-body .key ul li .message-wrapper-2 .message li, .key .accordion .accordion-body ul .message li .message-wrapper-2 li, .accordion .accordion-body .key ul .message li .message-wrapper-2 li, .key .message .accordion .accordion-body ul li .message-wrapper-2 span, .message .accordion .accordion-body .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 .message span, .accordion .accordion-body .key ul li .message-wrapper-2 .message span, .key .accordion .accordion-body ul li .message .message-wrapper-2 span, .accordion .accordion-body .key ul li .message .message-wrapper-2 span, .message .key ul li .message-wrapper-2 .row-h, .key ul li .message-wrapper-2 .message .row-h, .key .message ul li .message-wrapper-2 .row-h {
  font-size: 3.6rem;
  font-weight: 600;
  max-width: 43rem;
  margin-bottom: 2rem;
  text-align: left;
}
@media (max-width: 1399px) {
  .key ul li .message-wrapper-2 h4, .key ul li .message-wrapper-2 .message h5, .message .key ul li .message-wrapper-2 h5, .key ul li .message-wrapper-2 .message h6, .message .key ul li .message-wrapper-2 h6, .key ul li .message-wrapper-2 .message p, .message .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .message-wrapper-2 span, .key .message .accordion .accordion-body ul li .message-wrapper-2 li, .message .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 .message li, .accordion .accordion-body .key ul li .message-wrapper-2 .message li, .key .accordion .accordion-body ul .message li .message-wrapper-2 li, .accordion .accordion-body .key ul .message li .message-wrapper-2 li, .key .message .accordion .accordion-body ul li .message-wrapper-2 span, .message .accordion .accordion-body .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 .message span, .accordion .accordion-body .key ul li .message-wrapper-2 .message span, .key .accordion .accordion-body ul li .message .message-wrapper-2 span, .accordion .accordion-body .key ul li .message .message-wrapper-2 span, .message .key ul li .message-wrapper-2 .row-h, .key ul li .message-wrapper-2 .message .row-h, .key .message ul li .message-wrapper-2 .row-h {
    font-size: 2.6rem;
    max-width: 48rem;
  }
}
@media (max-width: 991px) {
  .key ul li .message-wrapper-2 h4, .key ul li .message-wrapper-2 .message h5, .message .key ul li .message-wrapper-2 h5, .key ul li .message-wrapper-2 .message h6, .message .key ul li .message-wrapper-2 h6, .key ul li .message-wrapper-2 .message p, .message .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .message-wrapper-2 span, .key .message .accordion .accordion-body ul li .message-wrapper-2 li, .message .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 .message li, .accordion .accordion-body .key ul li .message-wrapper-2 .message li, .key .accordion .accordion-body ul .message li .message-wrapper-2 li, .accordion .accordion-body .key ul .message li .message-wrapper-2 li, .key .message .accordion .accordion-body ul li .message-wrapper-2 span, .message .accordion .accordion-body .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 .message span, .accordion .accordion-body .key ul li .message-wrapper-2 .message span, .key .accordion .accordion-body ul li .message .message-wrapper-2 span, .accordion .accordion-body .key ul li .message .message-wrapper-2 span, .message .key ul li .message-wrapper-2 .row-h, .key ul li .message-wrapper-2 .message .row-h, .key .message ul li .message-wrapper-2 .row-h {
    font-size: 2.4rem;
    max-width: 48rem;
  }
}
@media (max-width: 575px) {
  .key ul li .message-wrapper-2 h4, .key ul li .message-wrapper-2 .message h5, .message .key ul li .message-wrapper-2 h5, .key ul li .message-wrapper-2 .message h6, .message .key ul li .message-wrapper-2 h6, .key ul li .message-wrapper-2 .message p, .message .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key ul li .message-wrapper-2 span, .key .message .accordion .accordion-body ul li .message-wrapper-2 li, .message .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 .message li, .accordion .accordion-body .key ul li .message-wrapper-2 .message li, .key .accordion .accordion-body ul .message li .message-wrapper-2 li, .accordion .accordion-body .key ul .message li .message-wrapper-2 li, .key .message .accordion .accordion-body ul li .message-wrapper-2 span, .message .accordion .accordion-body .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 .message span, .accordion .accordion-body .key ul li .message-wrapper-2 .message span, .key .accordion .accordion-body ul li .message .message-wrapper-2 span, .accordion .accordion-body .key ul li .message .message-wrapper-2 span, .message .key ul li .message-wrapper-2 .row-h, .key ul li .message-wrapper-2 .message .row-h, .key .message ul li .message-wrapper-2 .row-h {
    font-size: 1.8rem;
  }
}
.key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 li, .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 span, .accordion .accordion-body .key ul li .message-wrapper-2 span {
  line-height: 1;
  font-weight: 700;
  font-size: 2.2rem;
}
@media (max-width: 1399px) {
  .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 li, .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 span, .accordion .accordion-body .key ul li .message-wrapper-2 span {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 li, .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 span, .accordion .accordion-body .key ul li .message-wrapper-2 span {
    font-size: 1.8rem;
  }
}
@media (max-width: 575px) {
  .key ul li .message-wrapper-2 p, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span, .key .accordion .accordion-body ul li .message-wrapper-2 li, .accordion .accordion-body .key ul li .message-wrapper-2 li, .key .accordion .accordion-body ul li .message-wrapper-2 span, .accordion .accordion-body .key ul li .message-wrapper-2 span {
    font-size: 1.6rem;
  }
}
.key ul li .message-wrapper-2 p span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span span, .key .accordion .accordion-body ul li .message-wrapper-2 li span, .accordion .accordion-body .key ul li .message-wrapper-2 li span, .key .accordion .accordion-body ul li .message-wrapper-2 span span, .accordion .accordion-body .key ul li .message-wrapper-2 span span {
  display: block;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: 400;
  padding-top: 0.4rem;
}
@media (max-width: 1399px) {
  .key ul li .message-wrapper-2 p span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span span, .key .accordion .accordion-body ul li .message-wrapper-2 li span, .accordion .accordion-body .key ul li .message-wrapper-2 li span, .key .accordion .accordion-body ul li .message-wrapper-2 span span, .accordion .accordion-body .key ul li .message-wrapper-2 span span {
    font-size: 1.6rem;
  }
}
@media (max-width: 991px) {
  .key ul li .message-wrapper-2 p span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span span, .key .accordion .accordion-body ul li .message-wrapper-2 li span, .accordion .accordion-body .key ul li .message-wrapper-2 li span, .key .accordion .accordion-body ul li .message-wrapper-2 span span, .accordion .accordion-body .key ul li .message-wrapper-2 span span {
    font-size: 1.4rem;
  }
}
@media (max-width: 575px) {
  .key ul li .message-wrapper-2 p span, .key ul li .message-wrapper-2 .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key ul li .message-wrapper-2 span span, .key .accordion .accordion-body ul li .message-wrapper-2 li span, .accordion .accordion-body .key ul li .message-wrapper-2 li span, .key .accordion .accordion-body ul li .message-wrapper-2 span span, .accordion .accordion-body .key ul li .message-wrapper-2 span span {
    font-size: 1.2rem;
  }
}
.key ul li::marker {
  color: #ffffff;
}
.key ul.dark li::marker {
  color: #000000;
}
.key ul.list-unstyled {
  list-style-type: none;
}
.key ul.list-unstyled li {
  padding-left: 0rem !important;
}
.key .pr-head {
  color: #28a745;
}
.key .legend-box {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 1rem;
  max-width: 300px;
}
.key .legend-box .legend-item {
  line-height: 3.1rem;
  font-size: 2.3rem;
}
.key .legend-box .legend-item .legend-color {
  border: 2px solid #467ab9;
  width: 5.5rem;
  height: 2rem;
}
@media (max-width: 575px) {
  .key .legend-box .legend-item .legend-color {
    width: 1.6rem;
    height: 1rem;
  }
}
@media (max-width: 767px) {
  .key .legend-box .legend-item {
    font-size: 1.8rem;
  }
}
@media (max-width: 575px) {
  .key .legend-box .legend-item {
    font-size: 0.9rem;
    line-height: 2rem;
  }
}
.key #chart-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  font-family: "myriad-pro", sans-serif;
}
.key #chart-wrapper .donut-center-overlay {
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  border-radius: 999rem;
  pointer-events: none;
  box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(204, 204, 204, 0.3019607843);
}
@media (max-width: 991px) {
  .key #chart-wrapper .donut-center-overlay {
    width: 38%;
    height: 38%;
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.7);
  }
}
@media (max-width: 767px) {
  .key #chart-wrapper .donut-center-overlay {
    width: 10rem;
    height: 10rem;
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.7);
  }
}
@media (max-width: 575px) {
  .key #chart-wrapper .donut-center-overlay {
    width: 7.6rem;
    height: 7.6rem;
    box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.7);
  }
}
.key #chart-wrapper .donut-text .percent {
  font-size: 4.8rem;
}
@media (max-width: 991px) {
  .key #chart-wrapper .donut-text .percent {
    font-size: 3.8rem;
  }
}
@media (max-width: 767px) {
  .key #chart-wrapper .donut-text .percent {
    font-size: 2.8rem;
  }
}
@media (max-width: 767px) {
  .key #chart-wrapper .donut-text .percent {
    font-size: 1.6rem;
  }
}
.key #chart-wrapper .donut-text .label {
  font-size: 2.4rem;
}
@media (max-width: 991px) {
  .key #chart-wrapper .donut-text .label {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .key #chart-wrapper .donut-text .label {
    font-size: 1.2rem;
  }
}
@media (max-width: 575px) {
  .key #chart-wrapper .donut-text .label {
    font-size: 0.8rem;
  }
}
.key #chart svg {
  overflow: visible !important;
}
.key #chart .apexcharts-canvas {
  filter: drop-shadow(0 0 10px rgba(248, 248, 248, 0.7));
}
.key .training-card {
  border-left: 2px solid #008f4e;
  border-bottom: 2px solid #008f4e;
  padding: 0 1.4rem 2.4rem 2.4rem;
  position: relative;
  height: 100%;
}
@media (max-width: 1399px) {
  .key .training-card {
    padding: 0 0.4rem 2.4rem 2rem;
  }
}
@media (max-width: 1199px) {
  .key .training-card {
    margin: 0 auto;
    margin-bottom: 3rem;
    max-width: 40rem;
  }
}
@media (max-width: 575px) {
  .key .training-card {
    padding: 0 1.4rem 1.4rem 2rem;
    max-width: 28rem;
  }
}
.key .training-card::after {
  content: "";
  position: absolute;
  top: 8rem;
  left: -2rem;
  width: 2rem;
  height: 14rem;
  background-color: #7f7f7f;
}
@media (max-width: 575px) {
  .key .training-card::after {
    top: 8rem;
    left: -1rem;
    width: 1rem;
    height: 8rem;
  }
}
.key .training-card::before {
  content: "";
  position: absolute;
  background-color: #759c4e;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  right: 0;
  bottom: -1.2rem;
}
@media (max-width: 575px) {
  .key .training-card::before {
    width: 1.4rem;
    height: 1.4rem;
    bottom: -0.8rem;
  }
}
.key .training-card img {
  max-height: 10rem;
}
@media (max-width: 1399px) {
  .key .training-card img {
    max-height: 8rem;
  }
}
@media (max-width: 575px) {
  .key .training-card img {
    max-height: 6rem;
  }
}
.key .training-card img.leaf {
  position: absolute;
  max-height: 6rem;
  left: -2rem;
}
.key .training-card h6 {
  font-weight: 600;
  margin-top: 0.6rem;
}
@media (max-width: 1399px) {
  .key .training-card h6 {
    font-size: 1.6rem;
  }
}
.key .training-card h5, .key .training-card .row-h {
  font-size: 5rem;
  margin: 0.6rem 0;
}
@media (max-width: 1399px) {
  .key .training-card h5, .key .training-card .row-h {
    font-size: 3.4rem;
  }
}
@media (max-width: 575px) {
  .key .training-card h5, .key .training-card .row-h {
    font-size: 2.8rem;
  }
}
.key .training-card p, .key .training-card .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .training-card span, .key .training-card .accordion .accordion-body ul li, .accordion .accordion-body ul .key .training-card li, .key .training-card .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .training-card span {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 1399px) {
  .key .training-card p, .key .training-card .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .training-card span, .key .training-card .accordion .accordion-body ul li, .accordion .accordion-body ul .key .training-card li, .key .training-card .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .training-card span {
    font-size: 1.3rem;
  }
}
.key .training-card p span, .key .training-card .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key .training-card span span, .key .training-card .accordion .accordion-body ul li span, .accordion .accordion-body ul .key .training-card li span, .accordion .accordion-body ul li .key .training-card span span {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .key .training-card p span, .key .training-card .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key .training-card span span, .key .training-card .accordion .accordion-body ul li span, .accordion .accordion-body ul .key .training-card li span, .accordion .accordion-body ul li .key .training-card span span {
    font-size: 1.4rem;
  }
}
.key .divider-heading {
  margin: 6rem 0;
}
@media (max-width: 575px) {
  .key .divider-heading {
    margin: 1rem 0 2rem;
  }
}
.key .divider-heading h3 {
  padding-bottom: 2rem;
  border-bottom: 1px solid #fff;
  margin-bottom: 2rem;
}
@media (max-width: 575px) {
  .key .divider-heading h3 {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    font-size: 2.2rem;
  }
}
.key .divider-heading h3 span {
  font-weight: 400;
}
.key .rings-nums {
  background-image: url("../../public/images/rings.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 10rem;
  padding: 0 3rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
@media (max-width: 1399px) {
  .key .rings-nums {
    padding: 0 3rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media (max-width: 1199px) {
  .key .rings-nums {
    padding: 0 2rem;
  }
}
.key .rings-nums .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  padding: 4rem;
  min-height: 40rem;
}
@media (max-width: 1549px) {
  .key .rings-nums .wrapper {
    min-height: 36rem;
  }
}
@media (max-width: 1399px) {
  .key .rings-nums .wrapper {
    padding: 3rem;
    min-height: 31rem;
  }
}
@media (max-width: 1199px) {
  .key .rings-nums .wrapper {
    padding: 2rem;
    min-height: 26rem;
  }
}
.key .rings-nums .wrapper img {
  height: 8rem;
}
@media (max-width: 1199px) {
  .key .rings-nums .wrapper img {
    height: 6rem;
  }
}
.key .rings-nums .wrapper h4, .key .rings-nums .wrapper .message h5, .message .key .rings-nums .wrapper h5, .key .rings-nums .wrapper .message h6, .message .key .rings-nums .wrapper h6, .key .rings-nums .wrapper .message p, .message .key .rings-nums .wrapper p, .key .rings-nums .wrapper .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key .rings-nums .wrapper span, .key .rings-nums .wrapper .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key .rings-nums .wrapper span, .key .rings-nums .wrapper .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .key .rings-nums .wrapper li, .key .rings-nums .wrapper .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .key .rings-nums .wrapper li, .key .rings-nums .wrapper .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .key .rings-nums .wrapper span, .key .rings-nums .wrapper .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .key .rings-nums .wrapper span, .message .key .rings-nums .wrapper .row-h, .key .rings-nums .wrapper .message .row-h, .key .message .rings-nums .wrapper .row-h {
  font-size: 4rem;
}
@media (max-width: 1199px) {
  .key .rings-nums .wrapper h4, .key .rings-nums .wrapper .message h5, .message .key .rings-nums .wrapper h5, .key .rings-nums .wrapper .message h6, .message .key .rings-nums .wrapper h6, .key .rings-nums .wrapper .message p, .message .key .rings-nums .wrapper p, .key .rings-nums .wrapper .message .card.detail-card .card-body .deatils-wrapper .details span, .message .card.detail-card .card-body .deatils-wrapper .details .key .rings-nums .wrapper span, .key .rings-nums .wrapper .card.detail-card .card-body .deatils-wrapper .details .message span, .card.detail-card .card-body .deatils-wrapper .details .message .key .rings-nums .wrapper span, .key .rings-nums .wrapper .message .accordion .accordion-body ul li, .message .accordion .accordion-body ul .key .rings-nums .wrapper li, .key .rings-nums .wrapper .accordion .accordion-body ul .message li, .accordion .accordion-body ul .message .key .rings-nums .wrapper li, .key .rings-nums .wrapper .message .accordion .accordion-body ul li span, .message .accordion .accordion-body ul li .key .rings-nums .wrapper span, .key .rings-nums .wrapper .accordion .accordion-body ul li .message span, .accordion .accordion-body ul li .message .key .rings-nums .wrapper span, .message .key .rings-nums .wrapper .row-h, .key .rings-nums .wrapper .message .row-h, .key .message .rings-nums .wrapper .row-h {
    font-size: 3.6rem;
  }
}
.key .rings-nums .wrapper p, .key .rings-nums .wrapper .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .key .rings-nums .wrapper span, .key .rings-nums .wrapper .accordion .accordion-body ul li, .accordion .accordion-body ul .key .rings-nums .wrapper li, .key .rings-nums .wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul li .key .rings-nums .wrapper span {
  font-size: 1.4rem;
  text-align: center;
}
.key .rings-nums .wrapper p span, .key .rings-nums .wrapper .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .key .rings-nums .wrapper span span, .key .rings-nums .wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul .key .rings-nums .wrapper li span, .accordion .accordion-body ul li .key .rings-nums .wrapper span span {
  font-size: 1.4rem;
  font-weight: 700;
}

.img-divider {
  height: 100vh;
  max-height: 90rem;
}
.img-divider p, .img-divider .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .img-divider span, .img-divider .accordion .accordion-body ul li, .accordion .accordion-body ul .img-divider li, .img-divider .accordion .accordion-body ul li span, .accordion .accordion-body ul li .img-divider span {
  font-size: 1.4rem;
  padding: 4rem 10% 0;
}
@media (max-width: 1199px) {
  .img-divider {
    height: -moz-fit-content;
    height: fit-content;
  }
  .img-divider p, .img-divider .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .img-divider span, .img-divider .accordion .accordion-body ul li, .accordion .accordion-body ul .img-divider li, .img-divider .accordion .accordion-body ul li span, .accordion .accordion-body ul li .img-divider span {
    font-size: 1.2rem;
    padding: 3rem 3.8rem 3.4rem;
  }
}
@media (max-width: 991px) {
  .img-divider {
    height: -moz-fit-content;
    height: fit-content;
  }
  .img-divider p, .img-divider .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .img-divider span, .img-divider .accordion .accordion-body ul li, .accordion .accordion-body ul .img-divider li, .img-divider .accordion .accordion-body ul li span, .accordion .accordion-body ul li .img-divider span {
    font-size: 1rem;
    padding: 2rem 3.4rem 3rem;
  }
}
@media (max-width: 575px) {
  .img-divider {
    height: -moz-fit-content;
    height: fit-content;
  }
  .img-divider p, .img-divider .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .img-divider span, .img-divider .accordion .accordion-body ul li, .accordion .accordion-body ul .img-divider li, .img-divider .accordion .accordion-body ul li span, .accordion .accordion-body ul li .img-divider span {
    font-size: 1rem;
    padding: 1.6rem 2rem 2.8rem;
  }
}

.num-cards-section {
  background-image: url("../../public/images/graybg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 14rem 0 16rem;
}
@media (max-width: 575px) {
  .num-cards-section {
    padding: 6rem 0 6rem;
  }
}
.num-cards-section h5, .num-cards-section .key .row-h, .key .num-cards-section .row-h {
  font-size: 2.2rem;
  color: #004fa3;
  font-weight: 600;
  position: relative;
  padding-left: 2rem;
}
@media (max-width: 575px) {
  .num-cards-section h5, .num-cards-section .key .row-h, .key .num-cards-section .row-h {
    font-size: 1.6rem;
  }
}
.num-cards-section h5::after, .num-cards-section .key .row-h::after, .key .num-cards-section .row-h::after {
  content: "";
  position: absolute;
  left: -3rem;
  top: 0;
  width: 4rem;
  height: 2rem;
  background-color: #28a745;
}
.num-cards-section h6 {
  font-size: 1.8rem;
  color: #004fa3;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 575px) {
  .num-cards-section h6 {
    font-size: 1.4rem;
  }
}
.num-cards-section .num-card {
  background-color: #ffffff;
  padding: 1.4rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  height: 100%;
}
@media (max-width: 991px) {
  .num-cards-section .num-card {
    margin: 0 auto;
    max-width: 44rem;
  }
}
@media (max-width: 575px) {
  .num-cards-section .num-card {
    margin: 0 auto;
    max-width: 30.4rem;
  }
}
.num-cards-section .num-circle {
  padding: 1rem;
  background-color: #009150;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  width: 14rem;
  height: 14rem;
  box-shadow: 4px 3px 8px 0px #aeaeae;
  position: relative;
  margin: 8.6rem auto 1rem;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle {
    width: 11rem;
    height: 11rem;
    padding: 0.6rem;
  }
}
.num-cards-section .num-circle.sm {
  width: 12rem;
  height: 12rem;
  padding: 0.8rem;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle.sm {
    width: 9rem;
    height: 9rem;
    padding: 0.6rem;
  }
}
@media (max-width: 575px) {
  .num-cards-section .num-circle.sm .inner-circle {
    padding: 0.6rem;
  }
}
.num-cards-section .num-circle.sm .leaf {
  max-height: 5rem;
  top: -5.6rem;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle.sm .leaf {
    max-height: 3rem;
    top: -3.6rem;
  }
}
.num-cards-section .num-circle.sm .inner-circle {
  padding: 0.8rem;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle.sm .inner-circle {
    padding: 0.6rem;
  }
}
.num-cards-section .num-circle.sm .inner-circle .gray-bg {
  padding: 0.8rem;
  font-size: 3rem;
}
.num-cards-section .num-circle .leaf {
  position: absolute;
  left: 50%;
  transform: translateX(-30%);
  top: -6.6rem;
  max-height: 6rem;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle .leaf {
    max-height: 4rem;
    top: -4.4rem;
  }
}
.num-cards-section .num-circle .inner-circle {
  padding: 1rem;
  background: linear-gradient(120deg, #ffffff 0%, #eaeaea 100%);
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  width: 100%;
  height: 100%;
  box-shadow: 3px 3px 14px 0px #464646;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle .inner-circle {
    padding: 0.6rem;
  }
}
.num-cards-section .num-circle .inner-circle .gray-bg {
  background-color: #bebebe;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  font-size: 4rem;
  font-weight: 700;
  color: #004fa3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
}
@media (max-width: 575px) {
  .num-cards-section .num-circle .inner-circle .gray-bg {
    font-size: 2.8rem;
  }
}

@media (max-width: 575px) {
  .scroll-img-wrrapper {
    overflow: auto;
  }
  .scroll-img-wrrapper img {
    width: 200vw;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

@media (max-width: 991px) {
  .scroll-img-wrrapper-2 {
    overflow: scroll;
  }
  .scroll-img-wrrapper-2 .rings-nums {
    width: 115.5rem;
    margin-bottom: 6rem;
    padding: 0 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .scroll-img-wrrapper-2 .rings-nums .wrapper {
    min-height: 31rem;
    padding: 3rem;
  }
}

.product-img {
  max-height: 90rem;
  height: 100vh;
}
.product-img.pr-img {
  background-image: url("../images/product-img.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.product-img.pr-img.pr-2 {
  background-image: url("../images/EternAlVertical.png");
  background-position: center;
}
.product-img.pr-img.pr-3 {
  background-image: url("../images/AlbaGeneric.webp");
  background-position: center;
}
.product-img.pr-img.pr-4 {
  background-image: url("../images/AlbaGeneric2.webp");
  background-position: center;
}
@media (max-width: 991px) {
  .product-img.pr-img {
    background-size: cover;
    height: 40vh;
  }
}

.map-section {
  height: 100vh;
  max-height: 114rem;
  position: relative;
  background: linear-gradient(85deg, rgb(99, 103, 106), rgb(178, 182, 184));
}
.map-section video {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .map-section {
    height: auto;
  }
}
.map-section .map-wrapper {
  padding: 24rem 0 0rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .map-section .map-wrapper {
    padding: 24rem 0 4rem;
  }
}
@media (max-width: 575px) {
  .map-section .map-wrapper {
    padding: 18rem 0 8rem;
  }
}
.map-section .map-wrapper .world-map {
  height: 100%;
  margin: 0 auto;
  display: block;
}
.map-section .quote-wrapper {
  position: absolute;
  top: 7rem;
  right: 3rem;
  max-width: 55rem;
}
@media (max-width: 575px) {
  .map-section .quote-wrapper {
    top: 5rem;
    right: 0;
    padding: 0 3rem;
  }
}
.map-section .quote-wrapper h5, .map-section .quote-wrapper .key .row-h, .key .map-section .quote-wrapper .row-h {
  font-size: 1.8rem;
  position: relative;
  color: rgb(86, 86, 86);
}
@media (max-width: 575px) {
  .map-section .quote-wrapper h5, .map-section .quote-wrapper .key .row-h, .key .map-section .quote-wrapper .row-h {
    font-size: 1.4rem;
  }
}
.map-section .quote-wrapper h5 img, .map-section .quote-wrapper .key .row-h img, .key .map-section .quote-wrapper .row-h img {
  position: absolute;
  max-height: 5rem;
  top: -3.4rem;
  left: -2rem;
}
.map-section .quote-wrapper p, .map-section .quote-wrapper .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .map-section .quote-wrapper span, .map-section .quote-wrapper .accordion .accordion-body ul li, .accordion .accordion-body ul .map-section .quote-wrapper li, .map-section .quote-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul li .map-section .quote-wrapper span {
  color: rgb(86, 86, 86);
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 1rem;
}
@media (max-width: 575px) {
  .map-section .quote-wrapper p, .map-section .quote-wrapper .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .map-section .quote-wrapper span, .map-section .quote-wrapper .accordion .accordion-body ul li, .accordion .accordion-body ul .map-section .quote-wrapper li, .map-section .quote-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul li .map-section .quote-wrapper span {
    font-size: 1rem;
  }
}
.map-section .quote-wrapper p span, .map-section .quote-wrapper .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .map-section .quote-wrapper span span, .map-section .quote-wrapper .accordion .accordion-body ul li span, .accordion .accordion-body ul .map-section .quote-wrapper li span, .accordion .accordion-body ul li .map-section .quote-wrapper span span {
  font-weight: 400;
  font-style: italic;
  display: block;
}
.map-section .nums-wrapper {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 575px) {
  .map-section .nums-wrapper {
    left: 0;
    right: 0;
    padding: 0 3rem;
    flex-direction: row;
  }
}
.map-section .nums {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.map-section .nums span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
  background: #606060;
}
@media (max-width: 991px) {
  .map-section .nums span {
    width: 5rem;
    height: 5rem;
    border-radius: 1.2rem;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
  }
}
@media (max-width: 575px) {
  .map-section .nums span {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
}
.map-section .nums span img {
  width: 4.2rem;
  height: 4.2rem;
}
@media (max-width: 991px) {
  .map-section .nums span img {
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 575px) {
  .map-section .nums span img {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.map-section .nums h3 {
  font-size: 3.8rem;
  color: #004fa3;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 991px) {
  .map-section .nums h3 {
    font-size: 2.8rem;
  }
}
@media (max-width: 575px) {
  .map-section .nums h3 {
    font-size: 2rem;
  }
}
.map-section .nums p, .map-section .nums .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .map-section .nums span, .map-section .nums .accordion .accordion-body ul li, .accordion .accordion-body ul .map-section .nums li, .map-section .nums .accordion .accordion-body ul li span, .accordion .accordion-body ul li .map-section .nums span {
  color: #ffffff;
  font-size: 1.2rem;
}
@media (max-width: 575px) {
  .map-section .nums p, .map-section .nums .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .map-section .nums span, .map-section .nums .accordion .accordion-body ul li, .accordion .accordion-body ul .map-section .nums li, .map-section .nums .accordion .accordion-body ul li span, .accordion .accordion-body ul li .map-section .nums span {
    font-size: 1rem;
  }
}

@media (min-width: 1550px) {
  .container {
    max-width: 147rem;
  }
}/*# sourceMappingURL=main.css.map */