@import url(./libraries.css);

@font-face {
  font-family: "Riga";
  src: url(../fonts/RigaScreen-Bold.ttf) format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Riga";
  src: url(../fonts/RigaScreen-Regular.ttf) format("truetype");
  font-weight: normal;
}

h1,
h2,
h3,
h4,
button {
  font-family: "Riga", serif;
}

h1 {
  font-size: 50px;
  font-weight: 700;
}

@media screen and (max-width: 767px) and (min-width: 576px),
screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  h1 {
    font-size: 30px;
  }
}

p,
a,
button,
span,
label,
input {
  font-family: "Poppins", sans-serif;
}

p {
  color: #4A5565;
  letter-spacing: 0.5px;
  font-size: 15px;
}

body,
.btn {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

main.page {
  padding: 150px 0;
}

.btn-outline-green {
  background-color: transparent;
  border: 2px solid #4FA669;
  color: #4FA669;
  position: relative;
  overflow: hidden;
}

.btn-outline-green span,
.btn-outline-green i {
  position: relative;
  z-index: 2;
}

.btn-outline-green::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.5s ease;
  z-index: 1;
  background-color: #4FA669;
}

.btn-outline-green:hover {
  color: #FFFFFF;
  border: 2px solid #4FA669;
  transition: all 0.5s ease;
}

.btn-outline-green:hover::before {
  width: 100%;
}

.btn-outline-white {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  position: relative;
  overflow: hidden;
}

.btn-outline-white span,
.btn-outline-white i {
  position: relative;
  z-index: 2;
}

.btn-outline-white::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.5s ease;
  z-index: 1;
  background-color: #FFFFFF;
}

.btn-outline-white:hover {
  color: #1E1E1E;
  border: 2px solid #FFFFFF;
  transition: all 0.5s ease;
}

.btn-outline-white:hover::before {
  width: 100%;
}

.btn-outline-white.inverse {
  color: #1E1E1E;
  border: 2px solid #FFFFFF;
  background-color: transparent;
}

.btn-outline-white.inverse::before {
  background-color: #FFFFFF;
  width: 100%;
}

.btn-outline-white.inverse:hover {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  transition: all 0.5s ease;
}

.btn-outline-white.inverse:hover::before {
  width: 0;
}

.btn-outline-dark {
  background-color: transparent;
  border: 2px solid #1E1E1E;
  color: #1E1E1E;
  position: relative;
  overflow: hidden;
}

.btn-outline-dark span,
.btn-outline-dark i {
  position: relative;
  z-index: 2;
}

.btn-outline-dark.link {
  text-transform: capitalize;
}

.btn-outline-dark.link i {
  transition: 0.5s;
}

.btn-outline-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.5s ease;
  z-index: 1;
  background-color: #1E1E1E;
}

.btn-outline-dark:hover {
  background-color: transparent;
  color: #FFFFFF;
  border: 2px solid #1E1E1E;
  transition: all 0.5s ease;
}

.btn-outline-dark:hover::before {
  width: 100%;
}

.btn-outline-dark:hover.link i {
  transition: 0.5s;
  transform: translateX(10px);
}

.btn-outline-dark.inverse {
  color: #FFFFFF;
  border: 2px solid #1E1E1E;
  background-color: transparent;
}

.btn-outline-dark.inverse::before {
  width: 100%;
}

.btn-outline-dark.inverse:hover {
  color: #1E1E1E;
  border: 2px solid #1E1E1E;
  transition: all 0.5s ease;
}

.btn-outline-dark.inverse:hover::before {
  width: 0;
}

.logo img {
  width: 144px;
}

.license,
.tag {
  font-size: 19px;
  padding: 8px 24px;
  font-weight: 400;
  background-color: #D0FAE4;
  color: #1E1E1E;
  display: inline-block;
  border-radius: 25px;
}

.license i,
.tag i {
  margin-right: 8px;
  color: #4FA669;
}

.license img,
.tag img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 50%;
  margin-right: 10px;
}

.license.green,
.tag.green {
  background-color: rgba(79, 166, 105, 0.2509803922);
  color: #FFFFFF;
}

.license.green i,
.tag.green i {
  color: #FFFFFF;
}

.license.white,
.tag.white {
  background-color: #FFFFFF;
  color: #1E1E1E;
}

.license.white i,
.tag.white i {
  color: #1E1E1E;
}

.license.iconed,
.tag.iconed {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  border-radius: 10px;
}

.license.iconed img,
.tag.iconed img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 50%;
  margin-right: 10px;
}

.cs-rounded {
  border-radius: 20px;
}

header {
  box-shadow: 0 2px 4px rgba(79, 166, 105, 0.2509803922);
  position: fixed;
  background-color: #FFFFFF;
  z-index: 9;
}

header .lower-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .lower-part.rtl {
  flex-direction: row-reverse;
}

header .lower-part.rtl .navbar-collapse {
  direction: rtl;
}

header .upper-part {
  background-color: #4FA669;
  color: #FFFFFF;
}

header .upper-part a {
  color: #FFFFFF;
  text-decoration: none;
}

header .upper-part a i {
  color: #FFFFFF;
}

header .upper-part .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .upper-part .btn-sec {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

header .upper-part .btn-sec .lang-switcher button {
  background-color: #D0FAE4;
  border: none;
  padding: 4px 6px;
  border-radius: 20px;
}

header .upper-part .btn-sec .lang-switcher button img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
}

header .nav-link {
  color: #1E1E1E !important;
  font-weight: 500;
  position: relative;
  margin-right: 15px;
  transition: all 0.3s ease;
}

header .nav-link:not(.dropdown)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #4FA669;
  transition: all 0.3s ease;
}

header .nav-link:hover {
  color: #4FA669 !important;
}

header .nav-link:hover::before {
  width: 100%;
}

header .nav-link.active {
  color: #4FA669 !important;
}

header .navbar .dropdown:hover>.dropdown-menu {
  display: block;
  margin-top: 0;
  background-color: #4FA669 !important;
  border: none;
}

header .navbar .dropdown:hover>.dropdown-menu .dropdown-item {
  color: #FFFFFF !important;
}

header .navbar .dropdown:hover>.dropdown-menu .dropdown-item:hover {
  background-color: rgb(62.5551020408, 131.4448979592, 83.1428571429) !important;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px),
screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  header .navbar .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 50px 20px;
    background-color: #4FA669;
    z-index: 10;
  }

  header .navbar .navbar-collapse .nav-link {
    color: #FFFFFF !important;
  }

  header .navbar .navbar-collapse.show~.navbar-toggler {
    color: #FFFFFF !important;
  }

  header .navbar .navbar-toggler {
    z-index: 11;
  }
}

footer {
  background-color: #101828;
  color: #FFFFFF;
}

footer .footer-logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

footer .footer-logo img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 15px;
}

footer .footer-logo .license {
  font-size: 9px;
  margin-bottom: 0 !important;
}

footer p {
  font-size: 14px;
  font-weight: 300;
  color: #FFFFFF !important;
}

footer .license {
  background-color: rgba(79, 166, 105, 0.2509803922);
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 12px;
}

footer ul {
  padding: 0;
}

footer ul.icons li {
  position: relative;
  padding-left: 30px;
}

footer ul.icons li i {
  position: absolute;
  left: 0;
  top: 6px;
}

footer ul li {
  list-style: none;
  margin-bottom: 5px;
}

footer ul li a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  transition: 0.3s;
}

footer ul li a:hover {
  color: #4FA669;
  transition: 0.3s;
  font-weight: 400;
}

footer ul li i,
footer ul li a i {
  margin-right: 8px;
  color: #4FA669 !important;
}

footer .last-text {
  font-size: 12px;
  font-weight: 300;
  color: #D0FAE4;
}

footer .social-icons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}

footer .social-icons a {
  background-color: rgba(79, 166, 105, 0.2509803922);
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
  text-decoration: none;
  color: #FFFFFF !important;
}

footer .social-icons a:hover {
  background-color: #4FA669;
  color: #FFFFFF !important;
  transition: 0.3s;
}

#hero {
  padding: 150px 0 50px 0;
  background-color: #D0FAE4;
}

#hero .img-box {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}

#hero .img-box video {
  position: relative;
}

#hero .img-box h4 {
  position: absolute;
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 500;
  z-index: 2;
  text-align: center;
}

#hero .img-box h4 span {
  font-weight: 700;
  font-size: 24px;
  display: block;
}

#hero .img-box .text-before {
  top: 20px;
  right: 20px;
  background-color: #101828;
}

#hero .img-box .text-after {
  bottom: 20px;
  left: 20px;
  background-color: #4FA669;
}

#hero .main-head {
  font-size: 60px;
  font-weight: 800;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px) {
  #hero .main-head {
    font-size: 40px;
  }
}

@media screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  #hero .main-head {
    font-size: 30px;
  }
}

#hero .main-head span {
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(45deg, #4FA669, #101828);
}

#hero .promo-banner .item {
  text-align: left;
}

#hero .promo-banner .item h5 {
  font-size: 14px;
}

#hero .promo-banner .item p {
  font-size: 11px;
}

#hero .promo-banner .item i {
  font-size: 20px;
}

#hero .promo-banner .item span {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #4FA669;
  color: #FFFFFF;
  margin-bottom: 10px;
  padding: 5px;
}

.flicker {
  animation: text-flicker-in-glow 2s linear infinite;
}

.head-sec h1 span {
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #4FA669, #101828);
}

.card-sec .item {
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
  border-radius: 20px;
  padding: 30px 20px;
  transition: all 0.5s ease;
  overflow: hidden;
  min-height: 240px;
}

.card-sec .item:hover {
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.2509803922);
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

.card-sec .item .icon {
  width: 70px;
  height: 70px;
  background-color: #D0FAE4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  position: relative;
}

.card-sec .item .icon i {
  font-size: 30px;
  color: #4FA669;
}

.card-sec .item h4 {
  font-size: 20px;
  font-weight: 600;
  transition: all 0.5s ease;
  margin-bottom: 10px;
}

.card-sec .item p {
  font-size: 14px;
  font-weight: 300;
  color: #4A5565;
  transition: all 0.5s ease;
}

.card-sec .item .content {
  position: relative;
  z-index: 2;
}

.card-sec .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #4FA669;
  height: 10px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 1;
  transition: all 0.5s ease;
}

.card-sec .item:hover::after {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}

.card-sec .item:hover h4,
.card-sec .item:hover p {
  transition: all 0.5s ease;
  color: #FFFFFF;
}

#loan {
  background-color: #D0FAE4;
  text-align: left;
}

#loan .breakdown,
#loan .head {
  text-align: left;
}

#loan ul {
  padding: 0;
}

#loan ul li {
  list-style: none;
  margin-bottom: 5px;
}

#loan ul li i {
  margin-right: 8px;
}

#loan #calc {
  background-color: #FFFFFF;
  padding: 30px 20px;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
}

#loan #calc .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

#loan #calc .head i {
  font-size: 50px;
  color: #4FA669;
}

#loan #calc .head h4 {
  color: #4FA669;
  margin-bottom: 2px;
}

#loan #calc .head p {
  color: #4A5565;
  padding-bottom: 0;
  margin-bottom: 0;
}

#loan #calc .body h5 {
  font-size: 18px;
  font-weight: 600;
}

#loan #calc .body .inp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

#loan #calc .body .inp-head h4 {
  color: #D0FAE4;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
  background-color: #101828;
  padding: 5px 10px;
  border-radius: 25px;
}

#loan #calc .body input {
  width: 100%;
}

#loan #calc .body input:focus {
  cursor: pointer;
}

#loan #calc .body .inp-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#loan #calc .body .inp-foot span {
  font-size: 12px;
  font-weight: 400;
}

#loan #calc .body .repayment {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  background-color: #D0FAE4;
  padding: 30px 20px;
  border-radius: 25px;
  text-align: center;
}

#loan #calc .body .repayment h2 {
  font-weight: 600;
  color: #4FA669;
}

#loan #calc .body .repayment i {
  font-size: 60px;
  color: #1E1E1E;
}

#loan #calc .body .breakdown .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#loan #calc .foot p {
  font-size: 12px;
  font-weight: 300;
}

@keyframes text-flicker-in-glow {
  0% {
    opacity: 0.1;
    text-shadow: none;
  }

  50% {
    opacity: 1;
    text-shadow: 0 0 8px #4FA669, 0 0 16px #4FA669, 0 0 24px #4FA669;
  }

  100% {
    opacity: 0.1;
    text-shadow: none;
  }
}

#cta {
  background-image: linear-gradient(rgba(16, 24, 40, 0.5019607843), #101828), radial-gradient(#101828, #1E1E1E, #4FA669);
  padding: 50px 0;
  text-align: center;
}

#cta div {
  text-align: center !important;
}

#cta h1 {
  font-size: 60px;
  color: #FFFFFF;
}

#cta p {
  color: #D0FAE4;
  width: 50%;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px),
screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  #cta p {
    width: 100%;
  }
}

#process .item {
  position: relative;
  border: 2px dashed #4FA669;
  min-height: 300px;
  padding: 30px 20px;
  border-radius: 20px;
}

#process .item .icon {
  width: 70px;
  height: 70px;
  background-color: #D0FAE4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
}

#process .item .icon i {
  font-size: 30px;
  color: #4FA669;
}

#process .item .number {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #D0FAE4;
  font-size: 100px;
  font-weight: 800;
  line-height: 100%;
  z-index: 0;
  font-family: "Riga", serif;
}

#process .item h3,
#process .item p {
  position: relative;
  z-index: 2;
}

#process .item h3 {
  font-weight: 700;
}

#elig .item {
  padding: 30px 20px;
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
  border-radius: 20px;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

#elig .item .icon {
  width: 70px;
  height: 70px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: auto;
}

#elig .item .icon.bg {
  background-color: #101828;
}

#elig .item .icon.bg i {
  color: #FFFFFF;
}

#elig .item .icon.green {
  background-color: #4FA669;
}

#elig .item .icon.green i {
  color: #FFFFFF;
}

#elig .item .icon.accent {
  background-color: #D0FAE4;
}

#elig .item .icon.accent i {
  color: #4FA669;
}

#elig .item .icon i {
  font-size: 30px;
}

#elig .cta {
  background-color: #D0FAE4;
  border-radius: 20px;
}

.promise {
  background-color: #D0FAE4;
}

.promise .item {
  min-height: 280px;
  padding: 30px 20px;
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
  border-radius: 20px;
  background-color: #FFFFFF;
}

.promise .item .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #D0FAE4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}

.promise .item .icon i {
  font-size: 30px;
}

.promise .item .icon.t-bg i {
  color: #2EA76A;
}

.promise .item .icon.t-g i {
  color: #2EA76A;
}

.license-box {
  width: 60%;
  background-color: #D0FAE4;
  border-radius: 20px;
  border: 2px solid #101828;
  text-align: center !important;
}

.license-box div {
  text-align: center !important;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px) {
  .license-box {
    width: 80%;
  }
}

@media screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  .license-box {
    width: 95%;
  }
}

.license-box .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #4FA669;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.license-box .icon i {
  font-size: 30px;
  color: #FFFFFF;
}

.license-box .icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.license-box .small {
  font-size: 12px;
}

.license-box .number {
  background-color: #FFFFFF;
  padding: 20px 0;
  border-radius: 5px;
}

.why-us {
  background-color: #D0FAE4;
}

.item-box.cs-h-200 .item {
  min-height: 200px;
}

.item-box.cs-h-250 .item {
  min-height: 250px;
}

.item-box a {
  color: #4FA669;
  text-decoration: none !important;
}

.item-box .item {
  text-align: center;
  padding: 30px 20px;
  min-height: 280px;
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
  background-color: #FFFFFF;
  border-radius: 20px;
}

.item-box .item .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #D0FAE4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}

.item-box .item .icon i {
  font-size: 30px;
  color: #4FA669;
}

.details {
  width: 60%;
  background-color: #D0FAE4;
  border-radius: 20px;
  padding: 50px 20px !important;
  border: 2px solid #101828;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px) {
  .details {
    width: 80%;
  }
}

@media screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  .details {
    width: 95%;
  }
}

.details h3 {
  font-weight: 600;
}

.details .cs-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.details .cs-list p {
  margin-bottom: 0;
}

.details .cs-list .number {
  min-width: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4FA669;
  border-radius: 50%;
}

.details .cs-list .number span,
.details .cs-list .number i {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF !important;
}

.details .guideline {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 30px 15px;
  width: 60%;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px) {
  .details .guideline {
    width: 80%;
  }
}

@media screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  .details .guideline {
    width: 95%;
  }
}

.details .guideline li {
  font-size: 13px;
  color: #4A5565;
}

.bnpl .content {
  background-color: #D0FAE4;
  border: 2px solid #1E1E1E;
  border-radius: 25px;
  padding: 20px;
}

.bnpl .content h2 {
  font-weight: 600;
}

.bnpl .content ul {
  list-style: none;
  padding: 0;
}

.bnpl .content ul li i {
  margin-right: 8px;
  margin-bottom: 5px;
}

.bnpl .example {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 20px 15px 15px;
}

.bnpl .example .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.bnpl .example .item .green {
  color: #4FA669;
}

.late-policy {
  background-color: #D0FAE4;
  border: 2px solid #4FA669;
  border-radius: 25px;
  padding: 30px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.late-policy .icon i {
  font-size: 40px;
  color: #ff0000;
}

.late-policy .text-green {
  color: #4FA669 !important;
}

.faqs {
  width: 60%;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px) {
  .faqs {
    width: 80%;
  }
}

@media screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  .faqs {
    width: 95%;
  }
}

.faqs .accordion-item {
  background-color: transparent !important;
  border-radius: 0 !important;
  border: 1px solid #D0FAE4;
}

.faqs .accordion-item .accordion-header {
  border-radius: 0 !important;
  background-color: transparent !important;
}

.faqs .accordion-item .accordion-header .accordion-button {
  border: 1px solid #D0FAE4;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: #1E1E1E !important;
}

.faqs .accordion-item .accordion-header .accordion-button:not(.collapsed),
.faqs .accordion-item .accordion-header .accordion-button:hover {
  background-color: #4FA669 !important;
  color: #FFFFFF !important;
}

.faqs .accordion-item .accordion-body {
  font-size: 14px !important;
  color: #4A5565 !important;
}

.blog-sec .item {
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
  border-radius: 20px;
  padding: 30px 20px;
  background-color: #FFFFFF;
  min-height: 300px;
  position: relative;
}

.blog-sec .item .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.blog-sec .item .head .icon {
  width: 70px;
  height: 70px;
  background-color: #D0FAE4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-sec .item .head .icon i {
  font-size: 30px;
}

.blog-sec .item .head .icon.green i {
  color: #4FA669;
}

.blog-sec .item .head .icon.bg i {
  color: #101828;
}

.blog-sec .item .head span {
  font-size: 13px;
  color: #4A5565;
  padding: 8px 12px;
  background-color: #D0FAE4;
  border-radius: 25px;
}

.blog-sec .item .btn-blog {
  width: 80%;
  background-color: #D0FAE4;
  color: #4FA669;
  transition: 0.3s;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.blog-sec .item .btn-blog:hover {
  transition: 0.3s;
  transform: translateY(-10px) translateX(-50%);
  box-shadow: 0 0 10px rgba(16, 24, 40, 0.1254901961);
  color: #101828;
}

.blog-sec .blog-item {
  cursor: pointer;
  width: 296px;
  min-height: 466px;
  padding: 8px 8px 13px;
  background: #F4F6F7;
  border-radius: 8px;
  transition: all 0.2s;
  transition-duration: 0.2s !important;
  margin: 0 12px 24px 12px;
}

/* .blog-sec .blog-item:nth-child(4n) {
  margin-right: 0;
} */

.blog-sec .blog-item:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  transform: translateY(-10px);
}

.blog-item-avatar {
  display: flex;
  align-items: center;
  /* margin-top: 16px; */
}

.blog-item-img {
  position: relative;
  min-height: 426px;
}

.blog-item-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 350px;
  margin-bottom: 16px;
  backdrop-filter: blur(10px);
}

.blog-item-img-box img {
  background-color: #fff;
  max-width: 100%;
  max-height: 100%;
}

.blog-item-avatar img {
  margin-right: 16px;
  border-radius: 8px;
}

.blog-item-title {
  font-family: OpenSans, OpenSans;
  font-weight: 400;
  font-size: 18px;
  color: #4A5565;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blog-item-desc {
  margin-bottom: 0;
  font-family: OpenSans, OpenSans;
  font-weight: 400;
  font-size: 16px;
  color: #212529;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.blog-item-topContent {
  width: 100%;
  height: 426px;
  background: #F4F6F7;
  border-radius: 8px;
  padding: 16px;
}

.blog-item-topContent .blog-item-title {
  font-family: OpenSans, OpenSans;
  font-weight: 400;
  font-size: 18px;
  color: #212529;
  margin-bottom: 8px;
}

.blog-item-topContent .blog-item-summary {
  font-family: OpenSans, OpenSans;
  font-weight: 400;
  font-size: 16px;
  color: #4A5565;
  line-height: 26px;
  margin-top: 8px;
  width: 100%;
  height: 340px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 13;
  overflow: hidden;
}

.contact-sec h3 {
  font-weight: 600;
}

.contact-sec input,
.contact-sec textarea {
  width: 100%;
  padding: 8px 8px;
  background-color: transparent;
  border: none;
  transition: 0.3s;
  border-radius: 15px;
  border: 2px solid #4FA669;
  font-size: 14px;
}

.contact-sec input:active,
.contact-sec input:focus,
.contact-sec textarea:active,
.contact-sec textarea:focus {
  transition: 0.3s;
  outline: none;
  border: 2px solid #1E1E1E;
}

.contact-sec label {
  margin-bottom: 8px;
}

.contact-sec textarea {
  height: 140px;
}

.contact-sec .btn-center {
  width: max-content;
  margin: auto;
}

.contact-sec .b-card {
  padding: 50px 30px;
  border-radius: 20px;
  box-shadow: 0 0 30px rgba(16, 24, 40, 0.1254901961);
  background-color: #FFFFFF;
  min-height: 220px;
}

.contact-sec .b-card .head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  gap: 10px;
}

.contact-sec .b-card .head h4 {
  margin-bottom: 0;
}

.contact-sec .b-card .head i {
  color: #4FA669;
  font-size: 30px;
}

.contact-sec .b-card .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.follow {
  background-image: linear-gradient(rgba(16, 24, 40, 0.5019607843), #101828), radial-gradient(#101828, #1E1E1E, #4FA669);
  padding: 50px 0;
  text-align: center;
}

.follow h1 {
  color: #FFFFFF;
}

.follow p {
  color: #D0FAE4;
  width: 50%;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px),
screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  .follow p {
    width: 100%;
  }
}

.follow .icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.follow .icons a {
  color: #101828;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  text-decoration: none;
}

.follow .icons a:hover {
  transition: 0.3s;
  background-color: #4FA669;
  color: #FFFFFF;
}

.follow .icons i {
  font-size: 40px;
}

.item .content {
  text-align: center !important;
}

.text-area ol,
.text-area ul {
  padding-left: 20px;
  margin-left: 30px;
}

.text-area ol.no-style,
.text-area ul.no-style {
  list-style: none;
  padding: 0;
}

.text-area ol.no-style li,
.text-area ul.no-style li {
  list-style: none;
}

.text-area ol li,
.text-area ul li {
  list-style: decimal-leading-zero;
  line-height: 150%;
  color: #4A5565;
  margin-bottom: 15px;
  padding-left: 15px;
}

.text-area ol ul,
.text-area ul ul {
  margin-top: 5px;
}

.text-area ol ul li,
.text-area ul ul li {
  list-style: lower-roman;
}

.text-area ol ul ul li,
.text-area ul ul ul li {
  list-style: lower-latin;
}

.btns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 24, 40, 0.1254901961);
  backdrop-filter: blur(3px);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

#modal .cs-modal-content {
  width: 40%;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 30px 20px;
}

@media screen and (max-width: 991px) and (min-width: 768px),
screen and (max-width: 767px) and (min-width: 576px) {
  #modal .cs-modal-content {
    width: 60%;
  }
}

@media screen and (max-width: 575px) and (min-width: 376px),
screen and (max-width: 375px) {
  #modal .cs-modal-content {
    width: 90%;
  }
}

.repay .icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  background-color: #D0FAE4;
}

.reviews .item {
  cursor: grab;
  height: 400px;
  position: relative;
  padding: 60px 30px;
  background-color: #4FA669;
  border-radius: 20px;
  overflow: visible;
}

.reviews .item h4,
.reviews .item p {
  color: #FFFFFF;
}

.reviews .item h6 {
  color: #D0FAE4;
}

.reviews .item img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 5px solid #FFFFFF;
}

.reviews .item .stars i {
  color: #ffd700;
}

.reviews .item .head {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 15px;
}

.footerRightBox li i {
  top: 5px !important;
}


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