/*
    Template Name: Halan
    Template URI: https://Halan.com
    Author: halan
    Author URI: http://halan.com
    Description: Wordpress Theme For Halan Platform	
    Version: 1.0
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader svg {
  width: 100px;
}
.loader svg .halan-color-2 {
  fill: #ffffff;
  animation: dash 4s linear infinite;
}

@keyframes dash {
  from {
    fill: #ffffff;
  }
  to {
    fill: #000000;
  }
}
.swiper-lazy {
  background-color: #f1f1f1; /* Example background color */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-lazy-preloader {
  /* Styles for a loading spinner or animation */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

dd,
dl,
dt,
li,
ol,
ul {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button {
  margin: 0;
  padding: 0;
  border: 0;
}

input[type=submit], button {
  cursor: pointer;
  background: none;
}

img {
  max-width: 100%;
}

:root {
  font-size: 15px;
}

::selection {
  background-color: hsl(156, 75%, 48%);
  color: #fff;
}

::-moz-selection {
  background-color: hsl(156, 75%, 48%);
  color: #fff;
}

::selection {
  background-color: hsl(156, 75%, 48%);
  color: #fff;
}

@font-face {
  font-family: "Halan";
  src: url("../typo/Uncut-Sans-Medium.woff2") format("woff2"), url("../typo/Uncut-Sans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Halan";
  src: url("../typo/Uncut-Sans-Bold.woff2") format("woff2"), url("../typo/Uncut-Sans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Halan";
  src: url("../typo/Uncut-Sans-Semibold.woff2") format("woff2"), url("../typo/Uncut-Sans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Halan";
  src: url("../typo/Uncut-Sans-Regular.woff2") format("woff2"), url("../typo/Uncut-Sans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Arabic";
  src: url("../typo/AvenirArabic-Light.woff2") format("woff2"), url("../typo/AvenirArabic-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Arabic";
  src: url("../typo/AvenirArabic-Heavy.woff2") format("woff2"), url("../typo/AvenirArabic-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Arabic";
  src: url("../typo/AvenirArabic-Book.woff2") format("woff2"), url("../typo/AvenirArabic-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Arabic";
  src: url("../typo/AvenirArabic-Light.woff2") format("woff2"), url("../typo/AvenirArabic-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Arabic";
  src: url("../typo/AvenirArabic-Medium.woff2") format("woff2"), url("../typo/AvenirArabic-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
*:after, *:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: 0;
}

a {
  color: #333333;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
a:hover {
  text-decoration: none;
  color: #191919;
}
a:focus {
  outline-color: hsl(156, 75%, 48%);
  outline-width: 2px;
}

p:empty {
  display: none;
}

.p-2cols {
  column-count: 2;
  column-gap: 24px;
}

small.extra-small {
  font-size: 50%;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Halan";
  margin: 0 0 15px;
}
h1 > a, .h1 > a,
h2 > a, .h2 > a,
h3 > a, .h3 > a,
h4 > a, .h4 > a,
h5 > a, .h5 > a,
h6 > a, .h6 > a {
  color: #000000;
}
h1 > a:hover, .h1 > a:hover,
h2 > a:hover, .h2 > a:hover,
h3 > a:hover, .h3 > a:hover,
h4 > a:hover, .h4 > a:hover,
h5 > a:hover, .h5 > a:hover,
h6 > a:hover, .h6 > a:hover {
  text-decoration: none;
}
h1 > a:focus, .h1 > a:focus,
h2 > a:focus, .h2 > a:focus,
h3 > a:focus, .h3 > a:focus,
h4 > a:focus, .h4 > a:focus,
h5 > a:focus, .h5 > a:focus,
h6 > a:focus, .h6 > a:focus {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.75rem;
}

h2, .h2 {
  font-size: 1.8rem;
}

h3, .h3 {
  font-size: 1.3rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  min-height: 100vh;
  font-family: "Halan";
  font-weight: 400;
  line-height: 1.4285714286;
  color: #191919;
  background-color: #FFFFFF;
}

@media (max-width: 1024px) {
  body {
    font-size: 14px;
  }
}
img {
  height: auto;
}

.video-card {
  position: relative;
  min-height: 360px;
  border-radius: 16px;
  overflow: hidden;
}
.video-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1600px) {
  .video-card {
    min-height: 560px;
  }
}
.wrapper {
  overflow: hidden;
}

.sticky-header + .content-area {
  padding-top: 100px;
}

@media (min-width: 1500px) {
  .container {
    max-width: 1358px;
  }
}
@media (min-width: 1520px) {
  .container {
    max-width: 1480px;
  }
}
@media (min-width: 1600px) {
  .small-container {
    max-width: 65%;
  }
}
.site-main {
  height: 100%;
}

.page-template-template-delete-form .site-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .page-template-template-delete-form .site-main {
    height: auto !important;
    padding-top: 120px;
  }
  .page-template-template-delete-form .content-area {
    height: auto !important;
  }
}
/**-------------------------*
* User Interface: Chackbox & Radio
* @since 1.0.0
* @author Digital Brandria
*--------------------------*/
/*
Checkbox and Radio
*/
.accordion > dt {
  font-weight: 600;
}
.accordion > dt > a {
  display: flex;
  position: relative;
  font-size: 1rem;
  padding: 0.75rem 0;
}
.accordion > dt > a .arrow-toggle {
  position: absolute;
  top: 8px;
  right: 0;
}
.accordion > dt > a .icon-box svg path {
  fill: hsl(156, 75%, 48%);
}
.accordion > dt > a i {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #000000;
  color: #fff;
  border-radius: 50%;
  margin-right: 0.9rem;
}
.accordion dd {
  padding: 0 3rem 1.25rem 3rem;
}
.accordion.boxed-bg dt {
  background: #FFFFFF;
  box-shadow: 2px 2px 10px 1px rgba(90, 90, 99, 0.06);
  border-radius: 7px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.675rem;
}
.accordion.boxed-bg dd {
  padding: 0.5rem 1rem;
}

@media (max-width: 1025px) {
  .accordion > dt > a {
    font-size: 0.9rem;
  }
  .accordion > dt > a i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 0.5rem;
  }
}
.full--link, .full__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 111;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .backdrop-box {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: rgba(0, 0, 0, 0.8);
  }
}
.card-box {
  background: #FFFFFF;
  border: 2px solid #000000;
  box-shadow: 3px 3px 0px #000000;
  border-radius: 22px;
}

.b-card {
  position: relative;
  min-height: 470px;
  height: 470px;
  border-radius: var(--space-150, 24px);
  border: 1px solid var(--Brand-Neutral-200, #E5E5E5);
  background: var(--Brand-white-1000, #FFF);
  overflow: hidden;
  margin-bottom: 2rem;
}
.b-card .b-card-content {
  padding: 3rem 2rem;
  text-align: center;
}
.b-card .b-card-content h4 {
  font-size: 1.45rem;
}
.b-card .b-card-content p {
  font-size: 1.2rem;
}
.b-card.media-padding .b-card-media {
  padding: 0 2.5rem 2.5rem 2.5rem;
  text-align: center;
}
.b-card.media-padding .b-card-media img {
  margin-top: 2rem;
}
.b-card .b-card-stick-media {
  position: relative;
  height: 50%;
  min-height: 258px;
}
.b-card .b-card-stick-media img {
  position: absolute;
  bottom: 0;
  height: auto;
}
.b-card .b-card-stick-media img:first-child {
  left: 10%;
  height: 260px;
  width: auto;
  z-index: 2;
}
.b-card .b-card-stick-media img:last-child {
  left: 2%;
  z-index: 1;
}
.b-card .b-card-stick {
  position: absolute;
  bottom: 0;
  height: 240px;
  width: 150%;
  left: -25%;
  z-index: 1;
}
.big-card-col .b-card {
  height: 400px;
}
.big-card-col .b-card-media {
  text-align: center;
  max-height: 200px;
}
.big-card-col .b-card-content {
  padding: 3rem 5rem;
}
.big-card-col.card-cashback-col .b-card-media img {
  max-width: 440px;
  height: auto;
  margin-top: -45px;
}

@media (max-width: 600px) {
  .b-card {
    margin-bottom: 1.5rem;
    min-height: 360px;
    height: 360px;
    border-radius: var(--space-150, 24px);
  }
  .b-card .b-card-content {
    padding: 2rem;
  }
  .b-card .b-card-content h4 {
    font-size: 1.25rem;
  }
  .b-card.b-card-center {
    height: 360px;
  }
  .b-card.media-padding .b-card-media img {
    margin-top: 1rem;
    height: auto;
    width: auto;
  }
  .b-card .b-card-stick {
    height: 180px;
    bottom: -50px;
  }
  .b-card .b-card-stick-media {
    min-height: 240px;
  }
}
.bg-dark-card {
  background-color: #404040 !important;
}
.bg-dark-card > * {
  color: #FFFFFF;
}

.bg-simidark-card {
  background-color: #D3D2D9;
}

.product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 0px 36px;
  background: #FFFFFF;
  box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.02);
  border-radius: 16px;
  overflow: hidden;
}
.product-card .offer-badge {
  position: absolute;
  top: 12px;
  left: 12px;
}
.product-card picture {
  display: block;
  width: 100%;
  text-align: center;
}
.product-card img {
  width: auto;
  max-height: 275px;
  object-fit: cover;
}
.product-card figcaption {
  padding: 1.5rem 2rem 0 2rem;
  margin-bottom: 0;
}
.product-card figcaption h3 {
  font-weight: bold;
}
.product-card .prices-span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-card .prices-span > span {
  font-weight: bold;
}
.product-card .old-price {
  color: #737373;
  text-decoration: line-through;
}
.product-card .current-price {
  color: #17A26A;
}

@media screen and (max-width: 600px) {
  .product-card {
    padding: 0px 0px 12px;
    border-radius: 12px;
  }
  .product-card figcaption {
    padding: 0 1rem;
  }
  .product-card .prices-span > span {
    font-size: 12px;
  }
}
.equal-cards .card {
  height: 100%;
}
@media (max-width: 1024px) {
  .content-list.w-75 {
    width: 100% !important;
  }
  .blog-swiper .swiper-slide {
    padding: 1rem;
    width: 70%;
  }
  .classic-article p {
    display: none;
  }
}
.featured-article {
  position: relative;
  max-height: 360px;
  overflow: hidden;
  border-radius: 2rem;
  margin-bottom: 3rem;
}
.featured-article .featured-article-cover {
  position: relative;
}
.featured-article .featured-article-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.featured-article .featured-article-cover::after {
  position: absolute;
  content: " ";
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0.01%, rgba(0, 0, 0, 0.73) 99.37%);
  transition: all 0.3s;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.featured-article .featured-article-content {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  max-width: 480px;
  z-index: 9;
}
.featured-article .featured-article-content > *, .featured-article .featured-article-content .post-date {
  color: #FFFFFF;
}
.featured-article .featured-article-content .post-date {
  opacity: 0.9;
}
.featured-article:hover .featured-article-cover img {
  width: 120%;
  height: 120%;
}
.featured-article:hover .featured-article-cover::after {
  background: linear-gradient(270deg, rgba(24, 168, 114, 0.6) 0.01%, #18A872 99.37%);
}

@media (min-width: 1680px) {
  .featured-article {
    max-height: 660px;
  }
}
@media (min-width: 1280px) {
  .featured-article {
    max-height: 460px;
  }
}
.blog-list-item {
  margin-bottom: 30px;
  border-radius: var(--space-100, 16px);
  background: var(--Brand-Neutral-50, #FAFAFA);
  transition: all 0.3s;
  overflow: hidden;
}
.blog-list-item .article-list-image {
  background: #FFFFFF;
  height: 230px;
}
.blog-list-item .article-list-image img {
  height: 230px;
  width: 100%;
  object-fit: cover;
}
.blog-list-item .article-category {
  display: flex;
  margin-bottom: 0.75rem;
}
.blog-list-item .article-list-content {
  position: relative;
  padding: 1.5rem 2rem;
}
.blog-list-item h2 {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
}
.blog-list-item .read-more {
  font-weight: bold;
}
.blog-list-item:hover {
  background: var(--Brand-Neutral-100, #F5F5F5);
}

.simple-card {
  width: 320px;
  max-width: 320px;
  margin: 0 auto;
}

.limit-card {
  border-radius: var(--space-100, 16px);
  background: rgba(0, 0, 0, 0.02);
  transition: all 0.3s;
  overflow: hidden;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.limit-card .limit-number {
  font-size: 2rem;
  font-weight: 700;
  color: #17A26A;
}
.limit-card .limit-desc {
  font-size: 1.2rem;
  font-weight: bold;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .limit-card {
    padding: 1.4rem 1.4rem;
  }
  .limit-card .limit-number {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 518px) {
  .limit-card {
    padding: 1.4rem 2rem;
    margin-bottom: 1rem;
  }
  .limit-card .limit-number {
    font-size: 1.2rem;
  }
  .limit-card .limit-desc {
    font-size: 1rem;
    font-weight: 500;
  }
}
.team-card {
  margin-bottom: 2rem;
  text-align: center;
}
.team-card img {
  border-radius: 12px;
}
.team-card figcaption {
  padding: 1.5rem 2rem;
  text-align: center;
  background-color: white;
  width: 80%;
  box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.02);
  transform: translateY(-50%);
  margin: 0 auto;
  border-radius: 8px;
  transition: all 0.25 ease-in-out;
}
.team-card figcaption h6 {
  font-size: 1.5rem;
  font-weight: bold;
}
.team-card figcaption span {
  font-size: 1.1rem;
}
.team-card:hover figcaption {
  background-color: #17A26A;
}
.team-card:hover figcaption h6, .team-card:hover figcaption span {
  color: white;
}

.label {
  border-radius: 8px;
}

.badge {
  padding: 0.45rem 1rem 0.53rem 1rem;
  font-weight: 600;
}
.badge.offer-badge {
  background-color: #EF3240;
  color: #FFFFFF;
  border-radius: 32px;
  font-size: 0.9rem;
}

@media screen and (max-width: 518px) {
  .badge {
    padding: 0.25rem 0.35rem 0.43rem 0.35rem;
    font-weight: 500;
    border-radius: 6px;
  }
}
/*
Buttons.
*/
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 1.4rem 2rem 1.4rem 2rem;
  line-height: 1;
}
.btn.btn-info {
  color: hsl(156, 75%, 48%);
}
.btn.btn-md {
  padding: 0.55rem 1rem;
}
.btn.btn-lg {
  font-size: 1.3rem;
  padding: 1rem 1rem 1.3rem 1rem;
}
.btn.btn-sm {
  font-size: 16px;
}
.btn.btn-xs {
  padding: 4px;
  font-size: 75%;
}
.btn.btn-icon i {
  margin-left: 0.5rem;
}
.btn.btn-icon > .btn-icon {
  margin-left: 0.5rem;
}
.btn.btn-icon-left i {
  margin-right: 0.5rem;
}
.btn.btn-primary {
  background: #171717 !important;
  border-color: #171717 !important;
}
.btn.btn-primary > span {
  margin-left: 0.3rem;
}
.btn.btn-primary:hover {
  background: hsl(156, 75%, 48%) !important;
  border-color: hsl(156, 75%, 48%) !important;
  color: #FFFFFF;
}
.btn.btn-primary:hover .color-primary {
  color: #FFFFFF !important;
}
.btn.btn-white {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #171717 !important;
}
.btn.btn-white:hover {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #FFFFFF !important;
}
.btn.btn-outline {
  background: transparent !important;
  border-color: #171717 !important;
  color: #171717 !important;
}
.btn.btn-outline:hover {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #FFFFFF !important;
}
.btn.btn-outline:hover svg path {
  stroke: #FFFFFF !important;
}
.btn.btn-primary-v {
  background: hsl(156, 75%, 48%) !important;
  border-color: hsl(156, 75%, 48%) !important;
}
.btn.btn-primary-v:hover {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #171717;
}

.btn-custom {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 182px;
  padding: 1rem 1.5rem 1rem 1.5rem;
}
.btn-custom > span {
  font-size: 1rem;
}
.btn-custom .available-on {
  display: flex;
  align-items: center;
  padding-top: 4px;
}
.btn-custom .available-on span {
  font-size: 13px;
  font-weight: 300;
}
.btn-custom .available-on svg path {
  fill: white;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .btn-custom {
    font-size: 14px;
    padding: 14px 20px;
  }
  .btn-custom .available-on span {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .btn.btn-md {
    padding: 0.55rem 1.5rem;
  }
  .btn.btn-lg {
    padding: 1.1rem 2rem 1.3rem 2rem;
  }
}
@media (max-width: 518px) {
  .btn {
    padding: 0.75rem 1rem;
  }
  .btn.btn-lg {
    font-size: 1rem;
    padding: 0.75rem 1rem 0.85rem 1rem;
    font-weight: 900;
  }
  .btn.btn-lg i {
    margin-left: 0.3rem;
  }
}
.rtl .btn.btn-icon > .btn-icon {
  margin-left: unset;
  margin-right: 0.5rem;
}

.service-feature-card {
  position: relative;
  display: flex;
  height: 420px;
  padding: var(--space-450, 36px) var(--space-275, 36px);
  flex-direction: column;
  align-items: center;
  gap: var(--space-100, 16px);
  border-radius: var(--space-150, 24px);
  border: 1px solid var(--Verticals-Make-Money-50, #F5F5F5);
  background: var(--Verticals-Make-Money-25, #FCFCFC);
  margin-bottom: 2rem;
  overflow: hidden;
}
.service-feature-card-new {
  position: relative;
  display: flex;
  height: 712px;
  padding: var(--space-450, 36px) var(--space-275, 36px);
  flex-direction: column;
  align-items: center;
  gap: var(--space-100, 16px);
  border-radius: var(--space-150, 24px);
  border: 1px solid var(--Verticals-Make-Money-50, #F5F5F5);
  background: var(--Verticals-Make-Money-25, #FCFCFC);
  margin-bottom: 2rem;
  overflow: hidden;
}
.service-feature-card.service-feature-row {
  flex-direction: row;
}
.service-feature-card.service-feature-row .sfc-content {
  width: 55%;
  text-align: left;
  padding-right: 0;
}
.service-feature-card.service-feature-row .sfc-media {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-feature-card.service-feature-row .sfc-media img {
  width: 320px;
  height: auto;
}
.service-feature-card.style-one .sfc-media {
  max-width: 340px;
}
.service-feature-card.style-three {
  padding: 0;
}
.service-feature-card.style-three .sfc-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.service-feature-card.style-three .sfc-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-feature-card.style-three .sfc-content {
  position: relative;
  z-index: 2;
  padding: var(--space-450, 52px) var(--space-275, 36px);
  color: #FFFFFF;
}
.service-feature-card.style-two .sfc-media {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
}
.service-feature-card.style-two .sfc-media img {
  width: 100%;
  height: auto;
}
.service-feature-card .sfc-content {
  text-align: center;
}
.service-feature-card .sfc-content h4 {
  font-size: 1.35rem;
  font-weight: bold;
}
.service-feature-card .sfc-content h3 {
  font-size: 2.25rem;
  font-weight: bold;
}
.service-feature-card .sfc-content p {
  font-size: 1.25rem;
}
.service-feature-card .sfc-content p span {
  margin-top: 1rem;
  font-size: 0.9rem;
  display: block;
}
.service-feature-card.play-win-card {
  height: 440px;
}

@media (min-width: 1800px) {
  .service-feature-card {
    height: 460px;
  }
   .service-feature-card-new {
    height: 712px;
  }
  .service-feature-card .sfc-content {
    padding: 0 3rem;
  }
	.service-feature-card-new .sfc-content {
		padding: 0 0rem;
		text-align: start;
  }
  .service-feature-card .sfc-content h4 {
    font-size: 1.75rem;
  }
  .service-feature-card .sfc-content h3 {
    font-size: 1.75rem;
  }
  .service-feature-card .sfc-content p {
    font-size: 1.3rem;
  }
}
@media (max-width: 600px) {
  .service-feature-card {
    height: 320px;
    padding: var(--space-450, 24px) var(--space-275, 16px);
    border-radius: var(--space-150, 12px);
    margin-bottom: 1rem;
  }
  .service-feature-card.style-three .sfc-content {
    padding: var(--space-450, 36px) var(--space-275, 24px);
  }
  .service-feature-card.style-two .sfc-media {
    width: 100%;
    height: 50%;
  }
  .service-feature-card .sfc-content h4 {
    font-size: 1.25rem;
  }
  .service-feature-card .sfc-content h3 {
    font-size: 1.25rem;
  }
  .service-feature-card .sfc-content p {
    font-size: 0.9rem;
  }
  .service-feature-card.style-one .sfc-media img {
    max-width: 220px;
  }
  .service-feature-card.play-win-card {
    height: auto;
  }
  .service-feature-card.service-feature-row {
    flex-direction: column;
  }
  .service-feature-card.service-feature-row .sfc-content {
    width: 100%;
    text-align: center;
  }
  .service-feature-card.service-feature-row .sfc-media {
    width: 75%;
  }
  .service-feature-card.service-feature-row .sfc-media img {
    width: 320px;
    height: auto;
  }
}
.invest-rate-card {
  border-radius: 11px;
  background: #FFF;
  box-shadow: 0px 4px 3.6px 3px rgba(84, 84, 84, 0.01);
  display: flex;
  align-items: center;
  padding: 0.8rem;
}
.invest-rate-card .invest-rate-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}
.invest-rate-card .invest-rate-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.invest-rate-card .invest-rate-content-data {
  display: flex;
  flex-direction: column;
  width: 70%;
  padding: 0 1rem;
}
.invest-rate-card .invest-rate-content-data > span:first-child {
  width: 100%;
  height: 8px;
  background-color: rgba(84, 84, 84, 0.08);
  margin-bottom: 8px;
  border-radius: 12px;
}
.invest-rate-card .invest-rate-content-data > span:last-child {
  font-size: 14px;
  font-weight: bold;
  color: #171717;
}
.invest-rate-card .invest-rate-value {
  width: 30%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.invest-rate-card .invest-rate-value-in {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}

.invest-rate-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.invest-rate-wrap .invest-rate-card {
  position: relative;
  margin-bottom: 8px;
}
.invest-rate-wrap .invest-rate-card:nth-child(1), .invest-rate-wrap .invest-rate-card:nth-child(3) {
  width: 90%;
}
.invest-rate-wrap .invest-rate-card:nth-child(2) {
  width: 94%;
  box-shadow: 0px 2px 12px 3px rgba(0, 0, 0, 0.08);
  transform: translateY(-10px);
  z-index: 2;
}
.invest-rate-wrap .invest-rate-card:nth-child(3) {
  transform: translateY(-14px);
}

@media screen and (max-width: 600px) {
  .invest-rate-wrap .invest-rate-card:nth-child(1), .invest-rate-wrap .invest-rate-card:nth-child(3) {
    width: 88%;
  }
  .invest-rate-wrap .invest-rate-card:nth-child(2) {
    width: 98%;
    box-shadow: 0px 2px 12px 3px rgba(0, 0, 0, 0.08);
    transform: translateY(-10px);
    z-index: 2;
  }
  .invest-rate-card .invest-rate-value-in {
    font-size: 10px;
    margin-bottom: 2px;
  }
  .invest-rate-card .invest-rate-content-data > span:last-child {
    font-size: 12px;
  }
}
.invest-rate-card {
  /* Your existing styles */
  transform-origin: top center;
  transform: scale(1);
  opacity: 1;
}

.hidden {
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
}

.footer-container {
  padding: 2rem 0;
}

.footer-container, .footer-social, .download-tha-app {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-logo {
  width: 10%;
}

.footer-hotline {
  display: flex;
  align-items: center;
}
.footer-hotline span {
  margin-right: 0.5rem;
}
.footer-hotline span:not(.footer-col-icon) {
  display: flex;
  flex-direction: column;
}
.footer-hotline span:not(.footer-col-icon) span {
  font-weight: bold;
}
.footer-hotline span:not(.footer-col-icon) a {
  font-size: 1.3rem;
  font-weight: bold;
}

.footer-social {
  width: 45%;
}
.footer-social p {
  margin-bottom: 0;
}
.footer-social a {
  display: flex;
  padding: var(--space-0, 12px) var(--space-0, 12px) var(--space-0, 11px) var(--space-0, 12px);
  justify-content: center;
  align-items: center;
  border-radius: var(--space-50, 8px);
  background: var(--Brand-Neutral-50, #FAFAFA);
  margin-right: 0.5rem;
  -webkit-transition: background-color 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -moz-transition: background-color 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -o-transition: background-color 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -ms-transition: background-color 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  transition: background-color 0.25s cubic-bezier(0.9, 1, 0.9, 1);
}
.footer-social a svg path {
  -webkit-transition: fill 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -moz-transition: fill 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -o-transition: fill 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -ms-transition: fill 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  transition: fill 0.25s cubic-bezier(0.9, 1, 0.9, 1);
}
.footer-social a:hover {
  background-color: hsl(156, 75%, 48%);
}
.footer-social a:hover svg path {
  fill: #FFFFFF;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .footer-social {
    width: 37%;
  }
  .footer-social p {
    font-size: 14px;
  }
}
.footer-container .download-tha-app {
  width: 35%;
}
.footer-container .download-tha-app p {
  margin-bottom: 0;
}

.footer-bar {
  padding: 2rem 0;
  border-top: 1px solid #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-bar ul, .footer-bar .footer-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer-bar #menu-footer li {
  margin-right: 1.5rem;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .footer-container .download-tha-app {
    width: 35%;
  }
  .footer-container .download-tha-app p {
    width: 50%;
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .footer-logo img {
    height: 20px;
  }
  #menu-footer li {
    margin-right: 12px;
  }
  #menu-footer a, .footer-menu a, .copyrights {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .footer-container {
    display: flex;
    flex-direction: column;
  }
  .footer-logo {
    width: auto;
    margin-bottom: 1rem;
  }
  .footer-logo img {
    height: 18px;
  }
  .footer-hotline {
    margin-bottom: 1.5rem;
  }
  .footer-social {
    width: 100%;
    padding: 0 2rem;
    justify-content: center;
    margin-bottom: 2rem;
  }
  .footer-social p {
    display: none;
  }
  .footer-social a svg {
    transform: scale(0.8);
  }
  .footer-container .download-tha-app {
    width: 100%;
    flex-direction: column;
  }
  .footer-container .download-tha-app p {
    margin-bottom: 1rem;
  }
  .footer-bar {
    flex-direction: column-reverse;
    padding-bottom: 2rem;
  }
  .footer-menu {
    margin-bottom: 12px;
  }
  #menu-footer li {
    margin-right: 12px;
  }
  #menu-footer a, .footer-menu a, .copyrights {
    font-size: 11px;
  }
  .footer-menu a:last-child {
    display: inline-flex;
    height: 20px;
    margin-top: 4px;
  }
}
input:not([type=checkbox]):not([type=range]) {
  display: block;
  width: 100%;
  min-height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #E9EDF4;
  appearance: none;
  border-radius: 0.25rem;
  border-radius: 6px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input:not([type=checkbox]):not([type=range]):focus {
  border-color: hsl(156, 75%, 48%);
}

textarea {
  border: 1px solid #E9EDF4;
  appearance: none;
  border-radius: 0.25rem;
  border-radius: 6px;
  width: 100%;
  padding: 1rem 1.375rem;
  font-size: 1rem;
  color: #333333;
}

label {
  font-size: 0.84rem;
}

.custom-range-slider {
  position: relative;
}
.custom-range-slider .label-value {
  position: absolute;
  top: 0;
  right: 0;
}

input[type=range]::-webkit-slider-runnable-track:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 270px;
  background: rgb(247, 247, 247);
  top: 0;
  right: 26px;
  transform: skew(62deg);
}

input[type=range]::-webkit-slider-thumb {
  background-color: #000000;
}
input[type=range]::-webkit-slider-thumb::before {
  content: "< >";
  background-color: hsl(156, 75%, 48%);
  left: 0;
  top: 0;
  width: 100%;
}

.wpcf7 input,
.wpcf7 label {
  width: 100%;
}
.wpcf7 input:not([type=checkbox]):not([type=range]) {
  padding: 0.5rem 1rem;
}
.wpcf7 label {
  margin-bottom: 1rem;
}
.wpcf7 .select2-container .select2-selection--single {
  height: 36px;
  border-color: #E9EDF4;
}
.wpcf7 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.wpcf7 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
  right: 10px;
}
.wpcf7 input[type=submit] {
  background-color: hsl(156, 75%, 48%);
  border-color: hsl(156, 75%, 48%);
  color: #FFFFFF;
  font-weight: bold;
  width: 200px;
  margin: 0 auto;
  padding: 0.5rem 1rem;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #E9EDF4 !important;
}

body div.wpforms-container-full .wpforms-form .wpforms-field {
  position: relative;
  height: 60px;
}
body div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: -12px;
}
body div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
  width: 100%;
  max-width: 100%;
  height: 64px;
}
body div.wpforms-container-full .wpforms-form .wpforms-field.focused .wpforms-field-label {
  top: -22px;
}
body div.wpforms-container-full .wpforms-form input[type=date],
body div.wpforms-container-full .wpforms-form input[type=datetime],
body div.wpforms-container-full .wpforms-form input[type=datetime-local],
body div.wpforms-container-full .wpforms-form input[type=email],
body div.wpforms-container-full .wpforms-form input[type=month],
body div.wpforms-container-full .wpforms-form input[type=number],
body div.wpforms-container-full .wpforms-form input[type=password],
body div.wpforms-container-full .wpforms-form input[type=range],
body div.wpforms-container-full .wpforms-form input[type=search],
body div.wpforms-container-full .wpforms-form input[type=tel],
body div.wpforms-container-full .wpforms-form input[type=text],
body div.wpforms-container-full .wpforms-form input[type=time],
body div.wpforms-container-full .wpforms-form input[type=url],
body div.wpforms-container-full .wpforms-form input[type=week],
body div.wpforms-container-full .wpforms-form select,
body div.wpforms-container-full .wpforms-form textarea {
  background: transparent !important;
  border-width: 0 0 1px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 0 !important;
  color: #171717;
  font-size: 1rem;
  padding: 12px 0 !important;
}
body div.wpforms-container-full .wpforms-form input[type=date]:focus,
body div.wpforms-container-full .wpforms-form input[type=datetime]:focus,
body div.wpforms-container-full .wpforms-form input[type=datetime-local]:focus,
body div.wpforms-container-full .wpforms-form input[type=email]:focus,
body div.wpforms-container-full .wpforms-form input[type=month]:focus,
body div.wpforms-container-full .wpforms-form input[type=number]:focus,
body div.wpforms-container-full .wpforms-form input[type=password]:focus,
body div.wpforms-container-full .wpforms-form input[type=range]:focus,
body div.wpforms-container-full .wpforms-form input[type=search]:focus,
body div.wpforms-container-full .wpforms-form input[type=tel]:focus,
body div.wpforms-container-full .wpforms-form input[type=text]:focus,
body div.wpforms-container-full .wpforms-form input[type=time]:focus,
body div.wpforms-container-full .wpforms-form input[type=url]:focus,
body div.wpforms-container-full .wpforms-form input[type=week]:focus,
body div.wpforms-container-full .wpforms-form select:focus,
body div.wpforms-container-full .wpforms-form textarea:focus {
  border-bottom: 2px solid hsl(156, 75%, 48%) !important;
}
body div.wpforms-container .wpforms-form .is-focused .choices__inner,
body div.wpforms-container .wpforms-form .is-open .choices__inner {
  box-shadow: 0 0 0 2px hsl(156, 75%, 48%) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body div.wpforms-container .wpforms-form .choices__inner {
  background: rgba(232, 233, 238, 0.58) !important;
  border: 2px solid transparent !important;
  border-radius: 8px !important;
}
body div.wpforms-container .wpforms-form .is-open .choices__list--dropdown {
  border-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: 0 0 0 2px hsl(156, 75%, 48%) !important;
}
body div.wpforms-container-full .wpforms-form input.wpforms-field-small,
body div.wpforms-container-full .wpforms-form select.wpforms-field-small,
body div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small {
  width: 100% !important;
  max-width: 100%;
}
body .wpforms-field-container {
  max-width: 600px;
  margin: 0 auto !important;
}
body .wpforms-submit-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
body div.wpforms-container-full .wpforms-form input[type=submit],
body div.wpforms-container-full .wpforms-form button[type=submit],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: hsl(156, 75%, 48%);
  border: 1px solid hsl(156, 75%, 48%);
  color: #ffffff;
  font-size: 1em;
  padding: 10px 1.5rem;
  border-radius: 12px;
  margin: 0 auto;
  font-weight: bold !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
body div.wpforms-container-full .wpforms-form input[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
  background-color: hsl(156, 75%, 48%) !important;
  border: 1px solid hsl(156, 75%, 48%);
  color: #ffffff !important;
}
body .rtl div.wpforms-container .wpforms-form .choices[data-type*=select-one] .choices__button {
  left: 10px;
  right: unset;
}
body .wpforms-confirmation-container-full,
body div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: rgba(25, 186, 99, 0.3) !important;
  border: 1px solid #19BA63 !important;
}
body div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 0 !important;
  margin-bottom: 1.4rem !important;
}
body div.wpforms-container-full .wpforms-form .wpforms-field input {
  max-width: 100%;
}
body div.wpforms-container-full .wpforms-form .wpforms-field .choices[data-type*=select-one] {
  max-width: 100%;
}
body div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
  margin: 0 !important;
}
body.rtl div.wpforms-container-full .wpforms-form input[type=checkbox],
body.rtl div.wpforms-container-full .wpforms-form input[type=radio] {
  margin: 0 0 0 3px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 23px;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
  max-width: 100%;
}

[data-formid="11817"] [name="wpforms[submit]"] {
  background-color: #EF3240 !important;
  border-color: #EF3240 !important;
}

.halan-calc-form-wrap {
  width: 100%;
  margin: 0 auto;
}
.halan-calc-form-wrap > .halan-calc-form {
  display: flex;
}
.halan-calc-form-wrap > .halan-calc-form .custom-sliders {
  width: 80%;
}
.halan-calc-form-wrap > .halan-calc-form .calc-result-wrapper {
  width: 20%;
}

.custom-range-slider {
  position: relative;
}
.custom-range-slider .label-value {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 518px) {
  .custom-range-slider {
    margin-bottom: 0.8rem;
  }
  .halan-calc-form-wrap > .halan-calc-form .custom-sliders {
    width: 72%;
  }
  .halan-calc-form-wrap > .halan-calc-form .calc-result-wrapper {
    width: 28%;
  }
}
input[type=range]::-webkit-slider-runnable-track:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 270px;
  background: rgb(0, 0, 0);
  top: 0;
  right: 26px;
  transform: skew(62deg);
}

input[type=range]::-webkit-slider-thumb {
  background-color: hsl(156, 75%, 48%);
}
input[type=range]::-webkit-slider-thumb::before {
  content: "< >";
  background-color: hsl(156, 75%, 48%);
  left: 0;
  top: 0;
  width: 100%;
}

.calc-result-wrapper {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calc-result-wrapper > * {
  margin-bottom: 0;
}

.progress-bar-container {
  width: 30px;
  height: 112px;
  background-color: #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 4px;
  position: relative;
}

.progress-bar {
  width: 100%;
  height: 0;
  background-color: green;
  position: absolute;
  bottom: 0;
  transition: height 0.5s, background-color 0.5s;
}

.progress-bars-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 205px;
}

.progress-bars-list {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  padding: 0 2rem;
}
.progress-bars-list .progress-bar-container {
  width: 24%;
  height: 100%;
  overflow: visible;
  background-color: white;
  box-shadow: 0px 4px 3.6px 3px rgba(84, 84, 84, 0.01);
  padding: 4px;
}
.progress-bars-list .progress-bar-container:nth-child(1) {
  height: 43%;
}
.progress-bars-list .progress-bar-container:nth-child(2) {
  height: 70%;
}
.progress-bars-list .progress-bar-container:nth-child(3) {
  height: 90%;
}
.progress-bars-list .progress-bar-container .progress-bar-label {
  display: flex;
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  transform: translateY(-28px);
  font-weight: 600;
  opacity: 0.7;
  font-size: 12px;
}
.progress-bars-list .progress-bar-ani {
  background-color: hsl(156, 75%, 48%); /* Color of the progress */
  width: 100%; /* Full width of the container */
  height: 0; /* Start with height 0 */
  border-radius: 5px;
  position: absolute;
  bottom: 0; /* Align to the bottom of the container */
  left: 0; /* Align to the left of the container */
  transition: height 0.3s ease; /* Smooth height transition */
}

@media screen and (max-width: 518px) {
  .progress-bars-list .progress-bar-container .progress-bar-label {
    transform: translateY(-28px) translateX(-27%);
    min-width: 100px;
  }
}
@media only screen and (max-width: 600px) {
  div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
    overflow-x: visible !important;
  }
}
.contact-details-card {
  margin-bottom: 2rem;
}
.contact-details-card h4 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 140%; /* 30.8px */
  letter-spacing: -0.44px;
}
.contact-details-card p {
  color: var(--Brand-Neutral-800, #404040);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
}
.contact-details-card p a {
  color: #17A26A;
  font-weight: bold;
  text-decoration: underline;
}

.cta-form-section .wpforms-field-container {
  max-width: 100%;
}

.sidebar ul li > a {
  display: flex;
  padding: 8px 0;
}

.header {
  padding: 4rem 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9000;
  -webkit-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -moz-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -o-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -ms-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
}
.header.sticky, .header.header__fixed {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.04);
  padding: 16px 0;
  transform: unset !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  pointer-events: all !important;
}
.header .header__logo .svg {
  width: auto;
  height: 30px;
}
.header .header__logo .svg .halan-color-1 {
  fill: hsl(156, 75%, 48%);
}
.header .header__logo .svg .halan-color-2 {
  fill: #FFFFFF;
}

.header-cta {
  display: flex;
  height: var(--space-275, 44px);
  padding: var(--space-100, 16px) var(--space-175, 28px);
  justify-content: center;
  align-items: center;
  gap: var(--space-25, 4px);
  border-radius: var(--space-50, 8px);
  background: var(--Brand-Primary-600, #17A26A);
  color: #FFFFFF;
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6vw;
  margin: 0 auto;
}

.dropdown-toggle::after {
  display: none;
}

@media (max-width: 1580px) {
  .header {
    padding: 2rem 0;
  }
  .header-container {
    max-width: 98%;
    padding: 0 3vw;
  }
}
@media (min-width: 1200px) {
  .header__navigation {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding-left: 4rem;
  }
  .header__navigation > ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header__navigation > ul:first-child {
    flex-grow: 1;
  }
  .header__navigation > ul > .menu-item {
    position: relative;
  }
  .header__navigation > ul > .menu-item > a {
    padding: 1rem 8px;
    font-weight: 500;
    font-size: 15px;
    font-weight: 600;
    color: #171717;
    line-height: 34px;
    position: relative;
    cursor: pointer;
  }
  .header__navigation > ul > .menu-item > a:hover {
    color: #17A26A;
  }
  .header__navigation > ul > .menu-item > a:hover::after {
    width: 0;
  }
  .header__navigation > ul > .menu-item.current_page_item > a {
    font-weight: 600;
    color: #17A26A;
  }
  .header__navigation > ul > .menu-item:not(:last-child) {
    margin-right: 2rem;
  }
  .header__navigation > ul > .menu-item .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 330px;
    background: #FFFFFF;
    box-shadow: 0 0 70px 0 rgba(90, 90, 99, 0.16);
    border-radius: 6px;
    padding: 1rem;
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s;
  }
  .header__navigation > ul > .menu-item .sub-menu > li {
    margin-bottom: 0.5rem;
  }
  .header__navigation > ul > .menu-item .sub-menu > li > a {
    display: block;
    padding: 0.5rem 1rem;
    transition: all 0.25s;
    overflow: hidden;
  }
  .header__navigation > ul > .menu-item .sub-menu > li > a:first-child {
    font-weight: 600;
  }
  .header__navigation > ul > .menu-item .sub-menu > li > a .svg {
    float: left;
    margin-right: 1rem;
    max-width: 44px;
    width: 44px;
    height: 44px;
  }
  .header__navigation > ul > .menu-item .sub-menu > li > a:hover {
    background: rgba(50, 50, 109, 0.07);
    border-radius: 6px;
  }
  .header__navigation > ul > .menu-item .sub-menu > li .menu-item-description {
    display: block;
    width: 100%;
    opacity: 0.85;
    font-size: 12px;
    font-weight: 400;
    color: #37374D;
  }
  .header__navigation > ul > .menu-item .sub-menu .btn {
    width: 100%;
  }
  .header__navigation > ul > .menu-item .sub-menu .btn a {
    display: flex;
    text-align: center;
    justify-content: center;
    color: #fff;
  }
  .header__navigation > ul > .menu-item.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .header {
    padding: 2rem 0;
  }
  .header-container {
    padding: 0 2vw;
  }
  .site-langs {
    margin-right: 1rem;
  }
  .header-cta {
    padding: 12px 16px;
  }
  .header__navigation > ul > .menu-item:not(:last-child) {
    margin-right: 1rem;
  }
  .header__navigation > ul > .menu-item:not(:last-child) {
    margin-right: 1rem;
  }
  .header__navigation > ul > .menu-item > a {
    font-size: 14px;
    padding: 1rem 2px;
  }
  .header__navigation {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .header {
    padding: 2rem 0;
  }
  .header__navigation > ul > .menu-item:not(:last-child) {
    margin-right: 1.5rem;
  }
  .header__navigation > ul > .menu-item > a {
    font-size: 14px;
  }
}
.menu__toggle {
  position: relative;
  width: 24px;
  height: 24px;
  text-align: center;
  transition: background 0.3s;
  display: none;
}
.menu__toggle span {
  margin: 4px 0;
}
.menu__toggle::before, .menu__toggle::after {
  content: "";
}
.menu__toggle::before, .menu__toggle::after, .menu__toggle span {
  display: block;
  height: 2px;
  background-color: #000000;
  transition: width 0.3s, background 0.3s, transform 0.3s;
}
.menu__toggle.active span {
  transform: rotate(-45deg);
}
.menu__toggle.active::after {
  width: 24px;
  transform: translateY(-6px) rotate(45deg);
}
.menu__toggle.active::before {
  transform: translateY(6px) rotate(45deg);
}

.site-langs {
  float: left;
  display: inline-block;
  margin-right: 35px;
  font-size: 14px;
  font-family: "Avenir Arabic", sans-serif;
}
.site-langs span {
  display: none;
}
.site-langs a {
  display: inline-block;
  color: #171717;
}
.site-langs a.active-lang span {
  display: block;
}

@media (max-width: 1199px) {
  .header .header__logo img, .header .header__logo .svg {
    width: 80px;
  }
  .header .menu__toggle {
    display: inline-block;
  }
  .header .header__navigation {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .header.open-mobile-menu::before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    transition: all 0.3s;
  }
  .header.open-mobile-menu .header__navigation {
    display: flex;
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 100px;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 100%;
    padding: 0;
    flex-direction: column;
    transition: all 0.3s;
    color: #000000;
  }
  .header.open-mobile-menu .header__navigation .site-langs a {
    color: #000000;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child {
    flex-direction: column;
    flex-grow: 0;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item {
    display: block;
    position: relative;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item > a {
    display: block;
    width: 100%;
    padding: 1rem 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #171717;
    text-align: center;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item:not(:last-child) {
    margin-right: 0;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 44px;
    height: 44px;
    background-image: url("../images/icons/arrow-down-sq.svg");
    background-position: center;
    background-repeat: no-repeat;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children.open-sub-menu::after {
    transform: scale(-1);
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu {
    height: 0;
    overflow: hidden;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .menu-item {
    padding: 0.5rem 0;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .menu-item > a {
    display: block;
    font-size: 1.2rem;
    padding: 0.5rem 0;
    transition: all 0.25s;
    text-align: center;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .menu-item > a:first-child {
    font-weight: 600;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .menu-item > a .svg {
    float: left;
    margin-right: 1rem;
    width: 44px;
    height: 44px;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .menu-item > a:hover {
    background: rgba(50, 50, 109, 0.07);
    border-radius: 6px;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .menu-item .menu-item-description {
    display: block;
    width: 100%;
    opacity: 0.85;
    font-size: 12px;
    font-weight: 400;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .btn {
    width: 100%;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu .btn a {
    color: #ffffff;
  }
  .header.open-mobile-menu .header__navigation > ul:first-child > .menu-item.menu-item-has-children > .sub-menu.active {
    height: auto;
  }
  .header.open-mobile-menu .header__navigation .header__actions {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 518px) {
  .header {
    padding: 2.2rem 0;
  }
}
.page-heading {
  padding: 7rem 0;
}
.page-heading .container {
  padding-top: 100px;
}

@media (max-width: 767px) {
  .page-heading {
    padding: 2rem 0;
  }
  .page-heading .container {
    padding-top: 60px;
  }
  .page-heading .w-50 {
    width: 100% !important;
  }
  .page-heading h1 {
    font-size: 1.75rem;
  }
}
.logo-img {
  max-width: 220px;
  height: auto;
}
.logo-img.logo-dark .halan-color-2 {
  fill: #000000 !important;
}

.v-to-right {
  position: absolute;
  top: 22px;
  right: -8%;
  height: 100%;
}

.h-to-left {
  position: absolute;
  top: 30px;
  left: -14%;
}

@media (min-width: 1680px) {
  .h-to-left {
    left: 0%;
  }
}
.h-to-right {
  position: absolute;
  top: 30px;
  right: 0;
  width: auto;
}

.v-to-left {
  position: absolute;
  top: 22px;
  left: -20%;
  width: auto;
}

@media (max-width: 1600px) {
  .h-to-left {
    left: -13%;
  }
}
@media (max-width: 1280px) {
  .h-to-left {
    left: -21%;
    width: auto;
    top: 20px;
  }
  .v-to-right {
    right: -12%;
  }
}
.page-template-products .hero-section .h-to-left path {
  stroke: #FFFFFF;
}
.page-template-products .hero-section .v-to-right path {
  stroke: hsl(156, 75%, 48%);
}

@media screen and (max-width: 518px) {
  .v-to-right {
    top: 23px;
    right: 0;
    width: 18%;
    height: auto;
  }
  .v-to-right path {
    stroke-width: 5px !important;
  }
  .h-to-left {
    top: 14px;
    left: 0;
  }
  .h-to-left path {
    stroke-width: 4px !important;
  }
}
/*
Hero Section
*/
.hero-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 63px;
  background: var(--Brand-Success-200, #BFE8D6);
  padding: var(--space-25, 4px) var(--space-125, 20px) var(--space-25, 4px) var(--space-25, 4px);
  margin-bottom: 1rem;
}
.hero-badge .badge {
  border-radius: 66px;
  margin-right: 6px;
  text-transform: uppercase;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 0.25rem 1rem 0.25rem 1rem;
}
.hero-badge.no-badge-label {
  padding: var(--space-25, 4px) var(--space-125, 12px) var(--space-25, 4px) var(--space-25, 12px);
}

.hero-section {
  position: relative;
  height: 100vh;
}
.hero-section .hero-h {
  position: absolute;
  top: 0;
  left: 10%;
  opacity: 0.1;
  filter: blur(100.4000015259px);
  z-index: 2;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.hero-section.half-section-2 {
  height: 50vh;
}
.hero-section.blog-hero-section {
  height: auto;
}
.hero-section .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.hero-section .hero-media {
  position: absolute;
  width: 50%;
  height: 100%;
  max-height: 980px;
  top: 20%;
  right: 0;
}
.hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
  position: absolute;
  top: -10%;
  right: 15%;
  z-index: -1;
  width: 900px !important;
  height: 900px !important;
}
.hero-section .hero-media::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 100%;
  top: 0;
  left: -20%;
  background: linear-gradient(0deg, #FFF 24.17%, rgba(255, 255, 255, 0) 92.65%);
}
.hero-section .hero-media .hero-app {
  position: absolute;
  top: 0;
  right: 36%;
  z-index: 11;
}
.hero-section .hero-media .hero-card {
  position: absolute;
  top: 30%;
  right: 20%;
  z-index: 12;
  width: 400px;
}
.hero-section .about-hero-media {
  width: 800px;
  max-height: 600px;
}
.hero-section .about-hero-media canvas, .hero-section .about-hero-media .hero-video {
  width: 800px !important;
  height: 800px !important;
  position: relative;
  z-index: -1;
}
.hero-section .life-hero-media {
  width: 800px;
  max-height: 600px;
}
.hero-section .single-hero-media {
  position: absolute;
}
.hero-section .single-hero-media.make-money-media {
  width: 50%;
  height: 100%;
  max-height: 980px;
  top: 25%;
  right: 10%;
  text-align: right;
}
.hero-section .single-hero-media.make-money-media img {
  width: 520px;
  height: auto;
}
.hero-section .single-hero-media.get-money-media {
  width: 50%;
  height: 100%;
  max-height: 728px;
  top: 20%;
  right: -10%;
}
.hero-section .single-hero-media.get-money-media img {
  position: absolute;
}
.hero-section .single-hero-media.get-money-media img:first-child {
  width: 280px;
  right: 40%;
  bottom: 8%;
}
.hero-section .single-hero-media.get-money-media img:nth-child(2) {
  width: 460px;
  left: -10%;
  top: 15%;
  z-index: 2;
}
.hero-section .single-hero-media.get-money-media img:last-child {
  width: 460px;
  left: -10%;
  top: unset;
  bottom: 15%;
  z-index: 2;
}
.hero-section .single-hero-media.salary-advance-media {
  width: 50%;
  height: 100%;
  max-height: 728px;
  top: 20%;
  right: -10%;
}
.hero-section .single-hero-media.salary-advance-media img {
  position: absolute;
}
.hero-section .single-hero-media.salary-advance-media img:first-child {
  width: 320px;
  right: 40%;
  bottom: 10%;
}
.hero-section .single-hero-media.salary-advance-media img:last-child {
  width: 500px;
  left: -20%;
  top: 15%;
  z-index: 2;
}
.hero-section .single-hero-media.play-win-media {
  width: 50%;
  height: 100%;
  max-height: 728px;
  top: 20%;
  right: -10%;
}
.hero-section .single-hero-media.play-win-media img {
  position: absolute;
}
.hero-section .single-hero-media.play-win-media img:first-child {
  width: 320px;
  right: 60%;
  bottom: -8%;
  z-index: 2;
}
.hero-section .single-hero-media.play-win-media img:last-child {
  width: 500px;
  left: -10%;
  top: 22%;
  z-index: 1;
}
.hero-section .single-hero-media.transfer-money-media {
  position: relative;
  height: 50%;
  width: 820px;
  overflow: hidden;
}
.hero-section .single-hero-media.transfer-money-media img {
  position: absolute;
}
.hero-section .single-hero-media.transfer-money-media img:first-child {
  width: 340px;
  height: auto;
  right: 10%;
  bottom: -66%;
}
.hero-section .single-hero-media.transfer-money-media img:last-child {
  width: 450px;
  height: auto;
  left: 10%;
  bottom: -20%;
  z-index: -1;
}
.hero-section .single-hero-media.halan-card-media {
  position: relative;
  height: 50%;
  width: 820px;
  overflow: hidden;
}
.hero-section .single-hero-media.halan-card-media img {
  position: absolute;
}
.hero-section .single-hero-media.halan-card-media img:first-child {
  width: 100%;
  height: auto;
  right: 0;
  bottom: -10%;
}
.hero-section .single-hero-media.shop-media {
  width: 50%;
  height: 100%;
  max-height: 728px;
  top: unset;
  bottom: 15%;
  right: 0;
}
.hero-section .single-hero-media.shop-media img {
  position: absolute;
  width: 640px;
  height: auto;
  right: 10%;
  bottom: 8%;
}
.hero-section:not(.page-hero-section) .hero-content {
  position: relative;
  z-index: 11;
  max-width: 55%;
}
.hero-section:not(.page-hero-section) .hero-content h1 {
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: -4.6px;
}
.hero-section:not(.page-hero-section) .hero-content h1 span {
  color: hsl(156, 75%, 48%);
}
.hero-section:not(.page-hero-section) .hero-content p {
  color: var(--Brand-Primary-800, #083C27);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 141.667% */
  letter-spacing: -0.72px;
  max-width: 80%;
  margin-bottom: 2rem;
}
.hero-section:not(.page-hero-section) .hero-content .hero-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 63px;
  background: var(--Brand-Success-200, #BFE8D6);
  padding: var(--space-25, 4px) var(--space-125, 20px) var(--space-25, 4px) var(--space-25, 4px);
}
.hero-section:not(.page-hero-section) .hero-content .hero-badge .badge {
  border-radius: 66px;
  margin-right: 6px;
  text-transform: uppercase;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  padding: 0.25rem 1rem 0.25rem 1rem;
}
.hero-section:not(.page-hero-section) .hero-content .hero-badge.no-badge-label {
  padding: var(--space-25, 4px) var(--space-125, 12px) var(--space-25, 4px) var(--space-25, 12px);
}
.hero-section.centered-content .container {
  flex-direction: column;
  justify-content: flex-end;
}
.hero-section.centered-content.life-hero-section .container {
  justify-content: center;
}
.hero-section.centered-content.life-hero-section .life-hero-media {
  width: 80%;
}
.hero-section.centered-content .hero-media {
  position: relative;
  width: 45%;
}
.hero-section.centered-content .hero-media canvas, .hero-section.centered-content .hero-media .hero-video {
  position: absolute;
  top: 0;
  right: -44px;
  z-index: -1;
  width: 900px !important;
  height: 900px !important;
}
.hero-section.centered-content .hero-media::before {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 24.17%, rgba(255, 255, 255, 0) 92.65%);
}
.hero-section.centered-content .hero-content {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hero-section.centered-content .hero-content p {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1680px) {
  .hero-section .single-hero-media.shop-media {
    height: 100%;
    max-height: 100%;
    top: unset;
    bottom: 0;
  }
  .hero-section .single-hero-media.shop-media img {
    width: 580px;
    right: 10%;
    bottom: 22%;
  }
}
@media (min-width: 1200px) and (max-width: 1680px) {
  .hero-section .single-hero-media.halan-card-media img:first-child {
    bottom: -75%;
  }
}
@media (min-width: 728px) {
  .hero-section .container {
    padding-top: 7rem;
  }
}
@media (min-width: 1680px) {
  .hero-section .single-hero-media.halan-card-media {
    width: 1000px;
  }
  .hero-section .single-hero-media.halan-card-media img:first-child {
    bottom: -55%;
  }
  .hero-section .single-hero-media.get-money-media {
    right: 0;
    top: 30%;
  }
  .hero-section .single-hero-media.get-money-media img:first-child {
    width: 380px;
    bottom: 0;
  }
  .hero-section.centered-content.about-hero-section .container {
    align-items: center;
    justify-content: center;
  }
  .hero-section.centered-content.about-hero-section .container h1 {
    font-size: 6rem;
  }
  .hero-section.centered-content.about-hero-section .container p {
    font-size: 1.4rem;
  }
}
@media (min-width: 1513px) and (max-width: 1800px) {
  .hero-section .hero-h {
    left: -20%;
    width: 40%;
  }
  .hero-section .hero-media {
    max-height: 800px;
    top: 24%;
    right: 0;
  }
  .hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
    top: -2%;
    right: 9%;
    width: 720px !important;
    height: 720px !important;
  }
  .hero-section .hero-media .hero-app {
    width: 245px;
    left: 23%;
    top: 100px;
  }
  .hero-section .hero-media .hero-card {
    width: 300px;
    top: 36%;
    right: 30%;
  }
  .hero-section .about-hero-media {
    width: 600px;
    max-height: 50%;
  }
  .hero-section .about-hero-media canvas, .hero-section .about-hero-media .hero-video {
    width: 600px !important;
    height: 600px !important;
  }
  .hero-section .life-hero-media {
    width: 800px;
    margin-top: 4rem;
  }
  .hero-section:not(.page-hero-section) .hero-content {
    max-width: 55%;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 {
    font-size: 3.4rem;
    letter-spacing: -2.6px;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 span {
    color: hsl(156, 75%, 48%);
  }
  .hero-section:not(.page-hero-section) .hero-content h1.huge-title {
    font-size: 5rem;
    line-height: 112%;
  }
  .hero-section:not(.page-hero-section) .hero-content h1.huge-md-title {
    font-size: 4.4rem;
    line-height: 112%;
  }
  .hero-section:not(.page-hero-section) .hero-content p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.5px;
    max-width: 80%;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-badge {
    border-radius: 63px;
    padding: var(--space-25, 4px) var(--space-125, 12px) var(--space-25, 4px) var(--space-25, 4px);
    font-size: 12px;
  }
  .hero-section.centered-content .hero-media {
    height: 50%;
  }
  .hero-section.centered-content .hero-content p {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-section .single-hero-media.transfer-money-media img:first-child {
    width: 260px;
  }
  .hero-section .single-hero-media.transfer-money-media img:last-child {
    width: 450px;
  }
  .hero-section .single-hero-media.get-money-media {
    top: unset;
    bottom: 13%;
  }
  .hero-section .single-hero-media.get-money-media img {
    position: absolute;
  }
  .hero-section .single-hero-media.get-money-media img:first-child {
    width: 320px;
    right: 30%;
  }
  .hero-section .single-hero-media.get-money-media img:last-child {
    width: 514px;
    left: 4%;
    top: unset;
    bottom: -2%;
    z-index: 2;
  }
  .hero-section .single-hero-media.get-money-media img:nth-child(2) {
    width: 514px;
    left: 4%;
    top: 25%;
  }
  .hero-section .single-hero-media.play-win-media img:first-child {
    right: 40%;
  }
  .hero-section .single-hero-media.halan-card-media {
    height: 40%;
  }
  .hero-section .single-hero-media.halan-card-media img:first-child {
    bottom: -116%;
  }
}
@media (min-width: 1025px) and (max-width: 1512px) {
  .page-template-about-php .hero-section .hero-h {
    left: -31%;
  }
  .hero-section .hero-h {
    left: 5%;
  }
  .hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
    top: 10%;
    right: 6%;
    z-index: -1;
    width: 590px !important;
    height: 590px !important;
  }
  .hero-section .hero-media .hero-app {
    top: 11%;
    right: 30%;
    width: 260px;
  }
  .hero-section .hero-media .hero-card {
    top: 40%;
    right: 16%;
    z-index: 12;
    width: 300px;
  }
  .hero-section .about-hero-media {
    width: 390px;
    height: 292px;
  }
  .hero-section .about-hero-media canvas, .hero-section .about-hero-media .hero-video {
    width: 390px !important;
    height: 292px !important;
  }
  .hero-section:not(.page-hero-section) .hero-content {
    max-width: 62%;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 {
    font-size: 3.1rem;
    font-weight: 900;
    letter-spacing: 0;
  }
  .hero-section:not(.page-hero-section) .hero-content p {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .hero-section .single-hero-media {
    transform: scale(0.8);
  }
  .hero-section .single-hero-media.transfer-money-media {
    transform: translateX(10px);
  }
  .hero-section .single-hero-media.transfer-money-media img:first-child {
    bottom: -145%;
  }
  .hero-section .single-hero-media.transfer-money-media img:last-child {
    bottom: -50%;
  }
  .hero-section .single-hero-media.shop-media {
    bottom: 0;
  }
  .hero-section .single-hero-media.shop-media img {
    width: 480px;
    bottom: 0;
  }
  .hero-section .single-hero-media.make-money-media {
    top: 20%;
    right: 4%;
  }
  .hero-section .single-hero-media.make-money-media img {
    width: 440px;
  }
  .hero-section .single-hero-media.get-money-media {
    top: 10%;
  }
  .hero-section .single-hero-media.play-win-media {
    top: 11%;
  }
  .hero-section .single-hero-media.play-win-media img:first-child {
    right: 30%;
  }
  .hero-section .single-hero-media.halan-card-media img:first-child {
    bottom: -151%;
  }
  .hero-section .single-hero-media.salary-advance-media img:first-child {
    width: 337px;
    right: 32%;
    bottom: 21%;
  }
}
@media (min-width: 601px) and (max-width: 1023px) {
  .hero-section .hero-h {
    width: 20%;
  }
  .hero-section .container {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .hero-section .hero-media {
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: unset;
    bottom: 0;
    right: 0;
  }
  .hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
    position: absolute;
    top: unset;
    bottom: 5%;
    left: 0;
    z-index: -1;
    width: 120% !important;
    height: auto !important;
  }
  .hero-section .hero-media::before {
    height: 112%;
    top: 0;
    left: 0;
  }
  .hero-section .hero-media .hero-app {
    top: unset;
    bottom: 0;
    left: 50%;
    width: 170px;
    transform: translateX(-50%);
  }
  .hero-section .hero-media .hero-card {
    top: unset;
    bottom: 10%;
    right: 5%;
    z-index: 12;
    width: 200px;
  }
  .hero-section:not(.page-hero-section) .hero-content {
    max-width: 100%;
    padding-top: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -1.6px;
    text-align: center;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 span {
    color: hsl(156, 75%, 48%);
  }
  .hero-section:not(.page-hero-section) .hero-content p {
    font-size: 15px;
    line-height: 20px;
    /* 141.667% */
    max-width: 90%;
    margin-bottom: 1rem;
    text-align: center;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-badge {
    margin-bottom: 0.5rem;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-badge .badge {
    font-size: 12px;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-cta {
    margin-right: 1rem !important;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1921px) {
  .hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
    right: 0;
    width: 800px !important;
    height: 800px !important;
  }
  .hero-section .hero-media .hero-app {
    width: 290px;
    right: 30%;
    top: 8%;
  }
  .hero-section .hero-media .hero-card {
    width: 400px;
    right: 8%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1600px) and (max-height: 780px) {
  .hero-section .hero-h {
    z-index: -1;
  }
  .hero-section .hero-media {
    top: 11%;
  }
  .hero-section .hero-media .hero-app {
    width: 220px;
  }
  .hero-section.personal-lending-hero-section .hero-content {
    padding-top: 8rem;
  }
}
@media (max-width: 600px) {
  .hero-section .hero-h {
    z-index: -1;
  }
  .hero-section .container {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .hero-section.blog-hero-section {
    padding-top: 6rem;
  }
  .hero-section .hero-media {
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: unset;
    bottom: 0;
    right: 0;
  }
  .hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
    position: absolute;
    top: unset;
    bottom: 5%;
    left: 0;
    z-index: -1;
    width: 100% !important;
    height: auto !important;
    min-height: 300px;
  }
  .hero-section .hero-media::before {
    height: 112%;
    top: 0;
    left: 0;
  }
  .hero-section .hero-media .hero-app {
    top: unset;
    bottom: 0;
    left: 50%;
    width: 170px;
    transform: translateX(-50%);
  }
  .hero-section .hero-media .hero-card {
    top: unset;
    bottom: 10%;
    right: 5%;
    z-index: 12;
    width: 200px;
  }
  .hero-section .about-hero-media {
    width: 400px;
    max-height: 50%;
  }
  .hero-section .about-hero-media canvas, .hero-section .about-hero-media .hero-video {
    width: 400px !important;
    height: 400px !important;
  }
  .hero-section.centered-content.about-hero-section .container {
    justify-content: center;
  }
  .hero-section.centered-content.about-hero-section .container .hero-content {
    margin-bottom: 4rem;
  }
  .hero-section.centered-content.about-hero-section .container h1 {
    font-size: 2.8rem;
  }
  .hero-section.centered-content.about-hero-section .container p {
    font-size: 1.1rem;
  }
  .hero-section.life-hero-section .container {
    justify-content: center;
  }
  .hero-section.life-hero-section .life-hero-media {
    width: 100%;
  }
  .hero-section:not(.page-hero-section) .hero-content {
    max-width: 100%;
    padding-top: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 {
    font-size: 2rem;
    letter-spacing: -1.6px;
    text-align: center;
  }
  .hero-section:not(.page-hero-section) .hero-content h1 span {
    color: hsl(156, 75%, 48%);
  }
  .hero-section:not(.page-hero-section) .hero-content p {
    font-size: 15px;
    line-height: 20px;
    /* 141.667% */
    max-width: 90%;
    margin-bottom: 1rem;
    text-align: center;
    letter-spacing: -0.1px;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-badge {
    margin-bottom: 0.5rem;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-badge .badge {
    font-size: 12px;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-section:not(.page-hero-section) .hero-content .hero-cta:not(:last-child) {
    margin-right: 1rem !important;
  }
  .page-template-template-halan-life .hero-section {
    height: 60vh;
  }
}
@media (max-width: 518px) and (max-height: 670px) {
  .hero-section:not(.page-hero-section) .hero-content {
    padding-top: 30%;
  }
}
@media (max-width: 600px) and (max-height: 670px) {
  .hero-section .hero-media canvas, .hero-section .hero-media .hero-video {
    width: 90% !important;
    left: 5%;
    bottom: 0;
  }
  .hero-section .hero-media .hero-app {
    top: unset;
    bottom: 0;
    left: 50%;
    width: 140px;
  }
  .hero-section .hero-media .hero-card {
    top: unset;
    bottom: 10%;
    right: 5%;
    z-index: 12;
    width: 200px;
  }
  .hero-section .hero-content {
    padding-top: 28%;
  }
}
@media (max-width: 600px) {
  .hero-section.hero-half-on-mobile {
    height: 80vh;
  }
  .hero-section .single-hero-media.halan-card-media {
    width: 100%;
  }
  .hero-section .single-hero-media.halan-card-media img:first-child {
    bottom: 0;
  }
  .hero-section .single-hero-media.make-money-media {
    width: 100%;
    height: 100%;
    max-height: 320px;
    top: unset;
    bottom: 56px;
    right: 16px;
    text-align: center;
  }
  .hero-section .single-hero-media.make-money-media img {
    width: 270px;
  }
  .hero-section .single-hero-media.transfer-money-media {
    width: 100%;
  }
  .hero-section .single-hero-media.transfer-money-media img:first-child {
    width: 200px;
    right: 10%;
    bottom: -31%;
  }
  .hero-section .single-hero-media.transfer-money-media img:last-child {
    width: 220px;
    bottom: 0;
    left: 2%;
  }
  .hero-section .single-hero-media.get-money-media {
    width: 100%;
    height: 50%;
    max-height: 408px;
    top: unset;
    bottom: 0;
    right: 0;
  }
  .hero-section .single-hero-media.get-money-media img {
    position: absolute;
  }
  .hero-section .single-hero-media.get-money-media img:first-child {
    width: 165px;
    right: 27%;
    bottom: 6%;
  }
  .hero-section .single-hero-media.get-money-media img:nth-child(2) {
    width: 270px;
    left: 10%;
    top: 14%;
    z-index: 2;
  }
  .hero-section .single-hero-media.get-money-media img:last-child {
    width: 270px;
    left: 10%;
    top: 50%;
    z-index: 2;
  }
  .hero-section .single-hero-media.salary-advance-media {
    width: 100%;
    height: 50%;
    max-height: 408px;
    top: unset;
    bottom: 0;
    right: 0;
  }
  .hero-section .single-hero-media.salary-advance-media img {
    position: absolute;
  }
  .hero-section .single-hero-media.salary-advance-media img:first-child {
    width: 165px;
    right: 27%;
    bottom: 18%;
  }
  .hero-section .single-hero-media.salary-advance-media img:last-child {
    width: 250px;
    left: 17%;
    top: 29%;
    z-index: 2;
  }
  .hero-section .single-hero-media.play-win-media {
    width: 100%;
    height: 50%;
    top: unset;
    bottom: 10%;
    right: 0;
  }
  .hero-section .single-hero-media.play-win-media img:first-child {
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -53%;
  }
  .hero-section .single-hero-media.play-win-media img:last-child {
    left: 50%;
    transform: translateX(-50%);
  }
  .hero-section .single-hero-media.shop-media {
    width: 100%;
    height: 50%;
    top: unset;
    bottom: -2%;
    right: 0;
  }
  .hero-section .single-hero-media.shop-media img {
    width: 256px !important;
    right: 19%;
    bottom: 11%;
    z-index: -1;
    width: 310px;
  }
}
.icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.list__social {
  display: flex;
}
.list__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid hsl(156, 75%, 48%);
  border-radius: 11px;
  margin-right: 12px;
}

/*
Explanation Images and Elements
*/
/*
Modal 
*/
.modal.fade .modal-left,
.modal.fade .modal-right,
.modal.fade .modal-top,
.modal.fade .modal-bottom {
  position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  max-width: 100%;
}
.modal.fade .modal-left {
  right: auto !important;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-right {
  left: auto !important;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-top {
  bottom: auto !important;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-bottom {
  top: auto !important;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.modal.fade.show .modal-left,
.modal.fade.show .modal-right,
.modal.fade.show .modal-top,
.modal.fade.show .modal-bottom {
  transform: translate3d(0, 0, 0);
}
.modal.fade.inactive {
  bottom: auto;
  overflow: visible;
}

.modal-open-aside {
  overflow: visible;
}

.modal-header,
.modal-content,
.modal-footer {
  border-color: #E9EDF4;
}

.modal-dialog > * {
  pointer-events: auto;
}

.modal-content {
  color: #E6E6E6;
}

.modal-close-btn {
  position: absolute;
  top: 0;
  right: 0;
}

/*
Modal animation 
*/
.modal .modal-dialog {
  transform: translate(0, 0);
}
.modal .fade-right {
  animation: fadeInLeft 0.5s;
  animation-direction: reverse;
}
.modal .fade-left {
  animation: fadeInRight 0.5s;
  animation-direction: reverse;
}
.modal .fade-up {
  animation: fadeInDown 0.5s;
  animation-direction: reverse;
}
.modal .fade-down {
  animation: fadeInUp 0.5s;
  animation-direction: reverse;
}
.modal.show .fade-right {
  animation: fadeInRight 0.5s;
}
.modal.show .fade-left {
  animation: fadeInLeft 0.5s;
}
.modal.show .fade-up {
  animation: fadeInUp 0.5s;
}
.modal.show .fade-down {
  animation: fadeInDown 0.5s;
}

[data-bg-image] {
  background-repeat: no-repeat;
}
[data-bg-image].bg-top {
  background-position: top;
}

@media (max-width: 1024px) {
  [data-bg-image].bg-top {
    background-size: 100%;
  }
}
.page-section {
  position: relative;
  padding: 2rem 0;
}
.page-section.section-sm {
  padding: 3rem 0;
}

.section-content p span {
  color: #17A26A;
  font-weight: bold;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .page-section {
    padding: 4rem 0;
  }
}
@media (min-width: 1600px) {
  .page-section {
    padding: 6rem 0;
  }
}
@media (min-width: 1800px) {
  .section-title .centered-title p {
    max-width: 70%;
  }
}
.section-title {
  max-width: 80%;
  margin-bottom: 2.5rem;
}
.section-title.centered-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 !important;
}
.section-title.centered-title h2 {
  text-align: center;
}
.section-title.centered-title p {
  max-width: 600px;
  margin: 0 auto;
}
.section-title h6 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -1.088px;
  margin-bottom: 0;
}
.section-title h2 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -2.381px;
}
.section-title h3 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 3rem;
  font-weight: 700;
}

@media (min-width: 1800px) {
  .section-title {
    margin-bottom: 4rem;
  }
  .section-title h6 {
    color: var(--Brand-Neutral-900, #171717);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1.188px;
    margin-bottom: 0;
  }
  .section-title h2 {
    font-size: 4rem;
    letter-spacing: -2.381px;
  }
}
@media (max-width: 768px) {
  .section-title {
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .section-title h6 {
    font-size: 18px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
  }
  .section-title h2 {
    font-size: 22px;
    line-height: 120%;
    font-style: normal;
    letter-spacing: -0.181px;
  }
  .section-title h3 {
    font-size: 1.4rem;
  }
}
.slogans-icons > a .svg {
  width: 92px;
  height: 92px;
}
.slogans-icons > a.bg-secondary:hover {
  color: hsl(156, 75%, 48%);
}

.work-text-section {
  position: relative;
  right: 0;
  left: 0;
  z-index: 1;
  padding: 0 0 4rem 0;
}

.work-text-line {
  width: 200%;
  display: flex;
  align-items: center;
}
.work-text-line > span {
  font-size: 64px;
  line-height: 70px;
  font-weight: 900;
  color: #171717;
  letter-spacing: 0;
  margin-right: 2rem;
  opacity: 0.2;
  transition: opacity 0.3s;
  text-wrap: nowrap;
  white-space: nowrap;
}
.work-text-line > span:nth-child(2n) {
  color: transparent;
  -webkit-text-stroke: 1px #171717;
}
.work-text-line > span:hover {
  opacity: 1;
}

@media (min-width: 1600px) and (max-width: 1921px) {
  .work-text-line > span {
    font-size: 44px;
    margin-right: 1.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .work-text-section {
    padding: 3rem 0;
  }
  .work-text-line > span {
    font-size: 36px;
    margin-right: 1.5rem;
  }
}
@media (max-width: 600px) {
  .work-text-section {
    padding: 2rem 0 1rem 0;
  }
  .work-text-line > span {
    font-size: 24px;
    line-height: 44px;
    margin-right: 1rem;
    text-wrap: nowrap;
    white-space: nowrap;
  }
  .work-text-line > span:nth-child(2n) {
    color: transparent;
    -webkit-text-stroke: 1px #171717;
  }
}
.highlight-tag {
  display: inline-flex;
  padding: var(--space-50, 8px) var(--space-75, 12px);
  align-items: center;
  gap: var(--space-25, 4px);
  border-radius: 63px;
  background: rgba(16, 111, 73, 0.3);
  margin-bottom: 12px;
}

.card-section {
  background-color: #000000;
  height: 840px;
  transition: border-radius 0.5s ease;
  overflow: hidden;
}
.card-section.small-card-section {
  height: 600px;
}
.card-section .container, .card-section .row {
  height: 100%;
  align-items: center;
}
.card-section .highlight-tag {
  background: rgba(16, 111, 73, 0.3);
}
.card-section .card-section-content {
  padding-left: 3rem;
}
.card-section h2 {
  color: var(--Brand-white-1000, #FFF);
  font-size: 62px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -2.58px;
}
.card-section h2 + p {
  color: var(--Brand-white-1000, #FFF);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 35.1px */
  letter-spacing: -0.78px;
  max-width: 80%;
}
.card-section h2 + p span {
  color: hsl(156, 75%, 48%);
}
.section-after-card-section {
  margin-top: 100px;
}

@media (max-width: 600px) {
  .section-after-card-section {
    margin-top: 0;
  }
}
.card-section-holder {
  overflow: hidden;
}
.card-section-holder.scalenow .card-section {
  border-radius: 4rem;
}
.card-section-holder.card-section-holder-last {
  margin-bottom: 10rem;
}

.image-wrapper {
  position: absolute;
  right: -10%;
  top: 0;
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .card-section {
    height: 640px;
  }
  .card-section .highlight-tag {
    padding: var(--space-50, 4px) var(--space-75, 8px);
    font-size: 14px;
  }
  .card-section h2 {
    font-size: 48px;
    letter-spacing: -0.58px;
    max-width: 100%;
  }
  .card-section h2 + p {
    font-size: 18px;
    line-height: 135%; /* 35.1px */
    letter-spacing: -0.48px;
    max-width: 80%;
  }
}
@media (max-width: 600px) {
  .card-section-holder {
    margin-top: 3rem;
  }
  .card-section {
    height: 600px;
    padding-bottom: 0;
  }
  .card-section .highlight-tag {
    border-radius: 12px;
    font-size: 10px;
    margin-bottom: 1rem;
  }
  .card-section .card-section-content {
    padding-left: 1rem;
    z-index: 2;
  }
  .card-section .col-md-6, .card-section .col-md-7 {
    padding-top: 40%;
    z-index: 99;
  }
  .card-section h2 {
    font-size: 26px;
    letter-spacing: -0.58px;
  }
  .card-section h2 + p {
    font-size: 15px;
    line-height: 125%; /* 35.1px */
    letter-spacing: -0.78px;
    max-width: 100%;
  }
  .card-section .pt-5 {
    padding-top: 2rem !important;
  }
  .image-wrapper {
    right: 0;
    top: -180px;
    width: 100%;
    height: 100%;
  }
}
.verticals-section {
  padding-bottom: 0;
}
.verticals-section .section-title {
  text-align: center;
  max-width: 60%;
  margin: 0 auto 4rem auto;
}
.verticals-section .section-title h6 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -1.188px;
  margin-bottom: 0;
}
.verticals-section .section-title h2 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 79.374px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -2.381px;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .verticals-section .section-title {
    max-width: 54%;
  }
  .verticals-section .section-title h6 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.188px;
    margin-bottom: 0.75rem;
    color: #333333;
  }
  .verticals-section .section-title h2 {
    font-size: 52px;
    letter-spacing: -0.381px;
  }
}
@media (max-width: 600px) {
  .verticals-section {
    padding-top: 3rem;
  }
  .verticals-section .section-title {
    max-width: 94%;
    margin: 0 auto 2rem auto;
  }
  .verticals-section .section-title h6 {
    font-size: 14px;
    letter-spacing: -0.188px;
  }
  .verticals-section .section-title h2 {
    font-size: 28px;
    letter-spacing: -0.381px;
  }
}
.vertical-column-image {
  border-radius: var(--space-200, 32px);
}
.vertical-column-image.section-img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.vertical-card-media-col img {
  width: 60%;
  height: auto;
}

.homefinish-card .vertical-card-media-col {
  position: absolute;
  bottom: 16%;
  left: 0;
  width: 100%;
  height: 50%;
}
.homefinish-card .vertical-card-media-col picture {
  width: 100%;
  height: 100%;
}
.homefinish-card .vertical-card-media-col picture img {
  width: 100%;
}

.vertical-column-video {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: var(--space-200, 32px);
}
.vertical-column-video a {
  display: flex;
  height: 100%;
  width: 100%;
}
.vertical-column-video .halan-video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/video-bg.webp");
  background-size: cover;
  background-position: center;
  z-index: -1; /* Ensure cover is above the video */
}
.vertical-column-video [data-vbg] {
  width: 100% !important;
  height: 106% !important;
  object-fit: cover;
  z-index: 2;
}
.vertical-column {
  position: relative;
  padding: 4rem;
  height: 620px;
  border-radius: var(--space-200, 32px);
  border: var(--space-0, 1px) solid var(--Brand-Neutral-200, #E5E5E5);
  background: linear-gradient(180deg, #FEFEFC 0%, #FFFFFD 63.3%);
  overflow: hidden;
}
.vertical-column h3 {
  position: relative;
  z-index: 10;
  color: var(--Brand-Neutral-900, #171717);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 76px */
  letter-spacing: -2.28px;
}
.vertical-column p {
  color: var(--Brand-Neutral-800, #404040);
  font-family: "Helvetica Neue";
  font-size: 18px;
  margin-bottom: 2rem;
}
.vertical-column h3, .vertical-column p, .vertical-column .btn {
  position: relative;
  z-index: 10;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .vertical-column {
    padding: 4rem;
    height: 480px;
    border-radius: var(--space-200, 24px);
  }
  .vertical-column h3 {
    font-size: 40px;
    letter-spacing: 0px;
  }
  .vertical-column p {
    font-size: 16px;
    line-height: 155%; /* 28.35px */
    margin-bottom: 1rem;
  }
}
@media (max-width: 600px) {
  .verticals-section .row.mb-4 {
    margin-bottom: 0 !important;
  }
  .vertical-column {
    padding: 2rem;
    height: 420px;
    border-radius: 12px;
    margin-bottom: 1.5rem;
  }
  .vertical-column h3 {
    font-size: 24px;
    letter-spacing: -0.28px;
  }
  .vertical-column p {
    font-size: 13px;
    margin-bottom: 1rem;
  }
  .vertical-column-video, .vertical-column-image {
    min-height: 280px;
    margin-bottom: 1.5rem;
    border-radius: 12px;
  }
}
.vertical-media {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.make-money-vertical img {
  position: absolute;
}
.make-money-vertical img:first-child {
  width: 435px;
  height: 326px;
  bottom: -10%;
  right: 10%;
}
.make-money-vertical img:nth-child(2) {
  width: 327.06px;
  height: 259.716px;
  bottom: 0;
  right: 2%;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .make-money-vertical img:first-child {
    width: 331px;
    height: auto;
    bottom: -10%;
    right: 10%;
  }
  .make-money-vertical img:nth-child(2) {
    width: 257.06px;
    height: auto;
    bottom: 0;
    right: 2%;
  }
}
@media (max-width: 600px) {
  .make-money-vertical img {
    transform: scale(0.7);
  }
  .make-money-vertical img:first-child {
    bottom: -25%;
    right: 14px;
  }
  .make-money-vertical img:nth-child(2) {
    bottom: -38px;
    right: -14%;
  }
}
.get-money-vertical img {
  position: absolute;
}
.get-money-vertical img:first-child {
  width: 358.013px;
  height: 439.952px;
  bottom: -30%;
  right: 20%;
}
.get-money-vertical img:nth-child(2) {
  width: 327.06px;
  height: 259.716px;
  bottom: 0;
  right: 2%;
  z-index: 2;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .get-money-vertical img {
    position: absolute;
  }
  .get-money-vertical img:first-child {
    width: 310px;
    height: auto;
    bottom: -21%;
    right: 11%;
  }
  .get-money-vertical img:nth-child(2) {
    width: 207.06px;
    height: auto;
    bottom: 0;
    right: 2%;
    z-index: 2;
  }
}
@media (max-width: 600px) {
  .get-money-vertical img {
    transform: scale(0.7);
  }
  .get-money-vertical img:first-child {
    bottom: -68%;
    right: 0%;
  }
  .get-money-vertical img:nth-child(2) {
    bottom: -44%;
    right: -20%;
    z-index: 2;
  }
}
.transfer-money-vertical img {
  position: absolute;
}
.transfer-money-vertical img:first-child {
  width: 473.78px;
  height: 455px;
  bottom: -20%;
  right: -5%;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .transfer-money-vertical img:first-child {
    width: 413px;
    height: auto;
    bottom: -15%;
    right: -5%;
  }
}
@media (max-width: 600px) {
  .transfer-money-vertical img {
    transform: scale(0.7);
  }
  .transfer-money-vertical img:first-child {
    bottom: -20%;
    right: -2%;
    height: auto;
  }
}
.play-w-win-vertical p {
  max-width: 50%;
}
.play-w-win-vertical img {
  position: absolute;
}
.play-w-win-vertical img:first-child {
  width: 521px;
  height: 524px;
  top: 20%;
  right: -20%;
}
.play-w-win-vertical img:nth-child(2) {
  width: 424px;
  height: auto;
  bottom: 0;
  right: 2%;
  z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1600px) {
  .play-w-win-vertical p {
    max-width: 60%;
  }
  .play-w-win-vertical img {
    position: absolute;
  }
  .play-w-win-vertical img:first-child {
    width: 464px;
    height: auto;
    top: 11%;
    right: -28%;
  }
  .play-w-win-vertical img:nth-child(2) {
    width: 293px;
    height: auto;
    bottom: 0;
    right: 13%;
    z-index: 2;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .play-w-win-vertical p {
    max-width: 82%;
  }
  .play-w-win-vertical img {
    position: absolute;
  }
  .play-w-win-vertical img:first-child {
    width: 420px;
    top: 31%;
    right: -31%;
  }
  .play-w-win-vertical img:nth-child(2) {
    width: 240px !important;
    right: 13%;
  }
}
@media (max-width: 600px) {
  .play-w-win-vertical p {
    max-width: 100%;
  }
  .play-w-win-vertical img {
    transform: scale(0.7);
  }
  .play-w-win-vertical img:first-child {
    top: 26%;
    right: -37%;
    height: auto;
  }
  .play-w-win-vertical img:nth-child(2) {
    bottom: -15%;
    right: 9%;
    z-index: 2;
  }
}
.shop-vertical {
  height: 480px;
  display: flex;
  align-items: center;
}
.shop-vertical img {
  position: absolute;
}
.shop-vertical img:first-child {
  width: 552.607px;
  height: 306.794px;
  right: -100px;
  bottom: -60px;
  transform: rotate(346deg);
}
.shop-vertical img:nth-child(2) {
  width: 387.51px;
  height: 298.56px;
  right: 10%;
  bottom: -50px;
  z-index: 3;
}
.shop-vertical img:nth-child(3) {
  width: 366.464px;
  height: 441.701px;
  right: 25%;
  bottom: -70px;
}
.shop-vertical img:nth-child(4) {
  width: 200px;
  height: auto;
  right: 39%;
  bottom: -49px;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .shop-vertical {
    height: 360px;
  }
  .shop-vertical img:nth-child(3) {
    width: 316.464px;
    height: auto;
  }
}
@media (max-width: 600px) {
  .shop-vertical {
    height: 390px;
    align-items: flex-start;
  }
  .shop-vertical img {
    transform: scale(0.5);
  }
  .shop-vertical img:first-child {
    right: -100px;
    bottom: -60px;
    transform: rotate(346deg);
  }
  .shop-vertical img:nth-child(2) {
    right: -10%;
    bottom: -90px;
    z-index: 3;
  }
  .shop-vertical img:nth-child(3) {
    right: 25%;
    bottom: -160px;
  }
}
.business-lending-vertical {
  background-image: url("../images/bussiness-lending-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #E2FAF2;
  border-color: #CCEBE1;
}
.business-lending-vertical h6 {
  color: #17A26A;
}

.personal-lending-vertical {
  background-image: url("../images/personal-lending.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FCF5FB;
  border-color: #EDDEEB;
}
.personal-lending-vertical h6 {
  color: #A22B90;
}

.business-lending-vertical h3, .personal-lending-vertical h3 {
  margin-bottom: 0.5rem;
}
.business-lending-vertical h6, .personal-lending-vertical h6 {
  font-size: 1.4rem;
  font-weight: 700;
}
.business-lending-vertical .subtitle, .personal-lending-vertical .subtitle {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  font-weight: 500;
}
.business-lending-vertical img, .personal-lending-vertical img {
  position: absolute;
}
.business-lending-vertical img:first-child, .personal-lending-vertical img:first-child {
  width: 220px;
  height: auto;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
}
.business-lending-vertical img:last-child, .personal-lending-vertical img:last-child {
  width: 295px;
  height: auto;
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
}

.salery-advance-vertical {
  height: 366px;
}
.salery-advance-vertical .row {
  height: 100%;
  align-items: center;
}
.salery-advance-vertical img {
  position: absolute;
  bottom: -19%;
  right: 0%;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .business-lending-vertical, .personal-lending-vertical {
    padding: 2rem 3rem;
    height: 530px;
  }
  .business-lending-vertical img, .personal-lending-vertical img {
    position: absolute;
  }
}
@media (max-width: 600px) {
  .business-lending-vertical, .personal-lending-vertical {
    padding: 2rem 1.5rem;
    height: 460px;
    background-position: bottom right;
    background-size: 101%;
  }
  .business-lending-vertical img, .personal-lending-vertical img {
    position: absolute;
  }
  .business-lending-vertical img:first-child, .personal-lending-vertical img:first-child {
    width: 200px;
    bottom: -50%;
    right: 10%;
  }
  .business-lending-vertical img:last-child, .personal-lending-vertical img:last-child {
    width: 295px;
    right: 22%;
  }
}
@media (max-width: 600px) {
  .salery-advance-vertical {
    padding: 2rem 1.5rem;
  }
  .salery-advance-vertical .row {
    height: auto;
    align-items: flex-start;
  }
  .salery-advance-vertical .vertical-media {
    width: 100%;
  }
  .salery-advance-vertical img {
    position: absolute;
  }
  .salery-advance-vertical img:first-child {
    width: 200px;
    bottom: -50%;
    right: 10%;
  }
  .salery-advance-vertical img:last-child {
    width: 325px;
    right: 1%;
    top: unset;
    bottom: -60px;
  }
}
.tour-section {
  position: relative;
  background-color: #FAFAFA;
  overflow: hidden;
  padding: 5rem 0;
}

.tour-media {
  height: 440px;
  background-color: hsl(156, 75%, 48%);
  border-radius: 32px;
  overflow: hidden;
}

.tour-media-holder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.tour-media-holder img {
  position: absolute;
  width: 240px;
  height: auto;
}
.tour-media-holder img:first-child {
  top: -30%;
  left: 10%;
}
.tour-media-holder img:last-child {
  bottom: -30%;
  right: 10%;
}

.play-win-slide img:nth-child(1) {
  top: 14%;
  left: 10%;
  width: 330px;
}
.play-win-slide img:nth-child(2) {
  bottom: 10%;
}

@media (max-width: 600px) {
  .play-win-slide img:nth-child(1) {
    width: 170px !important;
    top: 9% !important;
    left: 5% !important;
  }
  .play-win-slide img:nth-child(2) {
    width: auto;
    height: 120px;
    margin: 0 4px;
  }
}
.gold-invest-slide img:nth-child(1) {
  top: 16%;
  right: 10%;
  left: unset;
}
.gold-invest-slide img:nth-child(2) {
  width: 170px;
  bottom: 28%;
  right: 23%;
  z-index: 2;
}
.gold-invest-slide img:nth-child(3) {
  width: 170px;
  bottom: 28%;
  right: 43%;
  z-index: 2;
}
.gold-invest-slide img:nth-child(4) {
  width: 270px;
  bottom: 0;
  left: 10%;
  z-index: 1;
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .gold-invest-slide img:nth-child(3) {
    right: 50%;
  }
}
@media (max-width: 600px) {
  .gold-invest-slide img:nth-child(1) {
    top: 10% !important;
    left: unset !important;
    right: 10% !important;
    width: 150px !important;
    height: auto;
  }
  .gold-invest-slide img:nth-child(2) {
    width: 120px;
    bottom: 14%;
    right: 23%;
    z-index: 2;
  }
  .gold-invest-slide img:nth-child(3) {
    width: 120px;
    bottom: 28%;
    right: 43%;
    z-index: 2;
  }
  .gold-invest-slide img:nth-child(4) {
    width: 160px;
    bottom: -1% !important;
    left: 10%;
    z-index: 1;
  }
}
.saving-slide .tour-media-holder img:nth-child(1) {
  top: 6%;
  left: 13%;
  width: 300px;
}
.saving-slide .tour-media-holder img:nth-child(2) {
  width: 260px;
  bottom: 19%;
  right: 7%;
  z-index: 2;
}
.saving-slide .tour-media-holder img:nth-child(3) {
  width: 270px;
  bottom: 0;
  left: 10%;
  z-index: 1;
}

@media (max-width: 600px) {
  .saving-slide .tour-media-holder img:nth-child(1) {
    top: 6% !important;
    left: 9% !important;
    width: 220px;
  }
  .saving-slide .tour-media-holder img:nth-child(2) {
    width: 254px;
    bottom: 88px;
    right: -1%;
    z-index: 2;
  }
  .saving-slide .tour-media-holder img:nth-child(3) {
    width: 130px;
    bottom: 0 !important;
    right: -3% !important;
    z-index: 1;
  }
}
.lending-slide img:nth-child(1) {
  top: -57%;
  left: unset;
  right: 0;
  height: auto;
  width: auto;
}
.lending-slide img:nth-child(2) {
  width: 380px;
  bottom: 37%;
  left: 20%;
  z-index: 2;
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .lending-slide img:nth-child(1) {
    width: 76%;
  }
  .lending-slide img:nth-child(2) {
    width: 280px;
  }
}
@media (max-width: 600px) {
  .lending-slide img:first-child {
    top: -29% !important;
    left: 34% !important;
    height: 115% !important;
    width: auto !important;
  }
  .lending-slide img:last-child {
    width: 230px;
    bottom: 48px !important;
    left: 8%;
    z-index: 2;
  }
}
.card-slide img:nth-child(1) {
  top: -60px;
  left: 0;
  width: 800px;
  height: auto;
}

@media (max-width: 600px) {
  .card-slide img:nth-child(1) {
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    height: auto !important;
  }
}
.move-money-slide img:nth-child(1) {
  top: 5%;
  right: 5%;
  left: unset;
  width: 172px;
}
.move-money-slide img:nth-child(2) {
  width: 290px;
  bottom: 5%;
  left: 6%;
  z-index: 2;
}
.move-money-slide img:nth-child(3) {
  width: 410px;
  bottom: 10%;
  left: 16px;
  z-index: 2;
}

@media (max-width: 600px) {
  .move-money-slide img:nth-child(1) {
    top: 10% !important;
    left: unset !important;
    right: 10% !important;
    width: 112px !important;
  }
  .move-money-slide img:nth-child(2) {
    width: 160px;
  }
  .move-money-slide img:nth-child(3) {
    width: 310px;
    bottom: 0% !important;
  }
}
.tour-bg-pattern {
  position: absolute;
  bottom: -10%;
  right: -10%;
}
.tour-bg-pattern img {
  width: 80%;
}

.tour-content-row {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  padding: 0 4rem;
}

.tour-content {
  padding-right: 4rem;
}
.tour-content h6 {
  font-size: 14px;
  margin-bottom: 0.45rem;
}
.tour-content h2 {
  color: var(--Brand-Neutral-900, #171717);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%; /* 50px */
  letter-spacing: -1.2px;
}
.tour-content p {
  color: var(--Brand-Neutral-800, #404040);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 28.75px */
  letter-spacing: -0.69px;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .tour-media {
    border-radius: 16px;
  }
  .tour-content {
    padding-right: 4rem;
  }
  .tour-content h2 {
    font-size: 28px;
    line-height: 125%; /* 50px */
    letter-spacing: -0.2px;
  }
  .tour-content p {
    font-size: 18px;
    line-height: 140%; /* 28.75px */
    letter-spacing: -0.69px;
    max-width: 80%;
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .tour-media-holder img {
    width: 210px;
  }
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .tour-media {
    height: 400px;
  }
  .tour-media-holder img {
    width: 180px;
  }
}
@media (max-width: 600px) {
  .tour-section {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  .tour-media {
    height: 250px;
    border-radius: 16px;
  }
  .tour-media-holder img {
    width: 130px;
  }
  .tour-media-holder img:first-child {
    top: -50%;
    left: 10%;
  }
  .tour-media-holder img:last-child {
    bottom: -50%;
    right: 10%;
  }
  .tour-content-row {
    margin-bottom: 0;
    padding: 0 1rem;
  }
  .tour-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2rem;
    text-align: center;
    padding-right: 1rem;
  }
  .tour-content h2 {
    font-size: 18px;
    letter-spacing: 0;
  }
  .tour-content p {
    font-size: 14px;
  }
}
.tour-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #171717;
}

.tour-section .swiper-button-next, .tour-section .swiper-button-prev {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.05);
  width: 44px;
  height: 64px;
  color: #171717;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -moz-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -o-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -ms-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
}

.tour-section .swiper-button-next:after, .tour-section .swiper-button-prev:after {
  font-size: 1.1rem;
}

.tour-section .swiper-button-prev, .tour-section .swiper-container-rtl .swiper-button-next {
  left: 5vw;
}

.tour-section .swiper-button-next, .tour-section .swiper-container-rtl .swiper-button-prev {
  right: 5vw;
}

.tour-section:hover .swiper-button-next, .tour-section:hover .swiper-button-prev {
  opacity: 1 !important;
}
.tour-section:hover .swiper-button-prev, .tour-section:hover .swiper-container-rtl .swiper-button-next {
  left: 4vw;
}
.tour-section:hover .swiper-button-next, .tour-section:hover .swiper-container-rtl .swiper-button-prev {
  right: 4vw;
}

.tour-slides {
  border-top: 1px solid rgba(4, 26, 17, 0.07);
  height: 104px;
  overflow: hidden;
}
.tour-slides .swiper-wrapper {
  display: flex;
  flex-direction: row;
}
.tour-slides .swiper-slide {
  position: relative;
  padding: 2rem;
  width: 25%;
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.tour-slides .swiper-slide h5 {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.tour-slides .swiper-slide h6 {
  margin-bottom: 0;
  color: #333333;
  font-size: 14px;
}
.tour-slides .swiper-slide .slide-bg-fill {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background: rgba(16, 111, 73, 0.07);
}
.tour-slides .swiper-slide.swiper-slide-active h5 {
  color: hsl(156, 75%, 48%);
}
.tour-slides .swiper-slide.swiper-slide-active h6 {
  color: #333333;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .tour-slides .swiper-slide {
    padding: 1.5rem 1.5rem;
  }
}
@media (max-width: 600px) {
  .swiper-container.tour-media-slides {
    overflow: visible;
  }
  .swiper-pagination.swiper-pagination-fraction {
    bottom: -1rem;
    font-size: 12px;
  }
  .tour-slides .swiper-slide {
    padding: 1.5rem 1.5rem;
    width: 66.6666666667%;
  }
}
.tour-slides .swiper-pagination {
  top: 0;
  height: 1px;
  display: flex;
  align-items: center;
}

@keyframes slide-progress {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.footer-cta {
  position: relative;
  height: 520px;
  overflow: hidden;
  background-size: cover;
}
.footer-cta::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 213, 140, 0.79);
}
.footer-cta #footerctabg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.footer-cta .container {
  position: relative;
  height: 100%;
  z-index: 11;
}
.footer-cta .cta-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55%;
  transform: translate3d(-50%, -50%, 0);
  color: #FFFFFF;
  text-align: center;
}
.footer-cta .cta-content h2 {
  font-size: 52px;
  font-weight: bold;
}
.footer-cta .cta-content > h6 {
  font-size: 26px;
  font-weight: bold;
}
.footer-cta .cta-content p {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) and (max-width: 1600px) {
  .footer-cta {
    height: 420px;
  }
  .footer-cta .cta-content h2 {
    font-size: 36px;
  }
  .footer-cta .cta-content p {
    font-size: 1.4rem;
    letter-spacing: -0.2px;
    margin-bottom: 2rem;
  }
}
@media (max-width: 600px) {
  .footer-cta {
    height: 320px;
  }
  .footer-cta .cta-content {
    width: 84%;
    color: #FFFFFF;
    text-align: center;
  }
  .footer-cta .cta-content h2 {
    font-size: 24px;
  }
  .footer-cta .cta-content p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .footer-cta .cta-content > h6 {
    font-size: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  .page-hero-section .hero-content h1 {
    font-size: 5.4rem;
    letter-spacing: -1.6px;
  }
  .page-hero-section .hero-content h1 span {
    color: hsl(156, 75%, 48%);
  }
  .page-hero-section .hero-content p {
    font-size: 2rem;
    line-height: 30px;
    letter-spacing: -0.5px;
    max-width: 80%;
  }
}
.count-number-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.count-number-col .count-number {
  font-size: 6.25rem;
}
.count-number-col .count-label {
  font-size: 1.5rem;
}

@media (max-width: 600px) {
  .count-number-col {
    margin-bottom: 1.5rem;
  }
  .count-number-col .count-number {
    font-size: 2.25rem;
  }
  .count-number-col .count-label {
    font-size: 1rem;
  }
}
.cover-section {
  margin-top: 10rem;
}
.cover-section .container {
  padding-bottom: 8rem;
  padding-bottom: 4rem;
}
.cover-section::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
}

@media screen and (max-width: 600px) {
  .cover-section {
    margin-top: 3rem;
  }
  .cover-section::before {
    display: none;
  }
}
.cover-halan-services {
  position: relative;
  height: 100vh;
  max-height: 620px;
  width: 96%;
  margin: 0 auto;
}
.cover-halan-services .cover-halan-bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1320px;
  max-width: 1320px;
  height: 620px;
  transform: translateX(-50%);
  z-index: -1;
}
.cover-halan-services .cover-halan-bg svg {
  height: 620px;
}
.cover-halan-services .cover-halan-bg .svg-path {
  fill: transparent;
  transition: fill 2s ease-in-out;
}
.cover-halan-services .cover-halan-bg .left-bg-side {
  position: absolute;
  left: 16px;
  width: 403px;
}
.cover-halan-services .cover-halan-bg .right-bg-side {
  position: absolute;
  right: 16px;
  width: 1070px;
}
.cover-halan-services .about-man-card,
.cover-halan-services .about-card,
.cover-halan-services .about-services,
.cover-halan-services .about-mockup {
  position: absolute;
  z-index: 2;
}
.cover-halan-services .about-man-card {
  height: 470px;
  top: -2.7rem;
  left: 0.5rem;
}
.cover-halan-services .about-card {
  height: 230px;
  bottom: 1.3rem;
  left: 2.4rem;
}
.cover-halan-services .about-services {
  height: 560px;
  top: 1.8rem;
  right: 28%;
}
.cover-halan-services .about-mockup {
  height: 570px;
  right: 4rem;
  top: 1.5rem;
}

.right-blur, .left-blur {
  position: absolute;
  z-index: -1;
}

.left-blur {
  top: 0;
  left: -20%;
}

.right-blur {
  bottom: 0;
  right: -20%;
}

.video-section {
  padding-top: 0;
}
.video-section .container-fluid {
  padding: 0 4vw;
  height: 620px;
  position: relative;
}
.video-section .vide-bg-holder {
  width: 100%;
  padding: 0 4vw;
  overflow: hidden;
}
.video-section .cover-headline {
  position: absolute;
  width: 50%;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 2;
}
.video-section [data-vbg] {
  position: relative;
  width: 90vw !important;
  left: 5vw !important;
  max-height: 720px;
  border-radius: 2.4rem;
}

.line-text {
  font-size: 64px;
  line-height: 70px;
  font-weight: 900;
  color: #171717;
  letter-spacing: 0;
  color: transparent;
  -webkit-text-stroke: 1px #171717;
  text-align: center;
}

@media (max-width: 600px) {
  .video-section .container-fluid {
    padding: 0 4vw;
    height: 320px;
  }
  .video-section [data-vbg] {
    max-height: 320px;
    border-radius: 1rem;
  }
  .line-text {
    font-size: 1.25rem;
    line-height: 130%;
  }
}
.section-media {
  overflow: hidden;
  border-radius: 1.6rem;
}

.floating-section-media {
  width: 630px;
  max-height: 720px;
}
.floating-section-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 1024px) {
  .floating-section-media {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    max-height: 320px;
    margin-bottom: 2rem;
  }
  .floating-section-media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .management-section .row {
    flex-direction: column-reverse;
  }
}
.service-features-section {
  padding: 0;
}
.service-features-section .container-wrap {
  position: relative;
  width: 90vw;
  padding: 4rem 0;
  margin: 0 auto;
  border-radius: var(--space-200, 32px);
  border: var(--space-0, 1px) solid var(--Brand-Neutral-200, #E5E5E5);
  background: var(--Brand-white-1000, #FFF);
}
.service-features-section .container-wrap .service-main-image {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-85%);
}
.service-features-section .container-wrap .service-main-image.left-smi {
  right: unset;
  left: 0;
  transform: translateY(-55%);
}
.service-features-section .container-wrap .service-main-image.left-smi img {
  height: 337px;
}
.service-features-section.bottom-stick .container-wrap {
  transform: translateY(3%);
}
.service-features-section.top-stick .container-wrap {
  transform: translateY(-3%);
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .service-features-section .container-wrap .service-main-image img {
    height: 400px;
    width: auto;
  }
}
@media (max-width: 600px) {
  .service-features-section .container-wrap .service-main-image img {
    height: 200px;
    width: auto;
  }
  .service-features-section .container-wrap .service-main-image.left-smi img {
    height: 120px;
  }
}
.download-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-align: center;
}
.download-cta h3 {
  margin-bottom: 1rem;
  font-weight: bold;
}
.download-cta .download-tha-app {
  width: auto;
}

@media (max-width: 600px) {
  .download-cta {
    padding-top: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .download-cta h3 {
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1300px) {
  .page-template-template-make-money .service-intro-section {
    padding-top: 12rem;
    padding-bottom: 0;
  }
}
.service-cover-section {
  padding: 0;
  z-index: -1;
}
.service-cover-section .container-wrap {
  position: relative;
  width: 95vw;
  height: 86vh;
  max-height: 706px;
  padding: 4rem 0;
  margin: 0 auto;
  border-radius: var(--space-200, 32px);
  background-size: cover;
}
.service-cover-section.transfer-money-cover .container-wrap {
  position: relative;
  width: 95vw;
  height: auto;
  padding: 4rem 0;
  overflow: hidden;
}
.service-cover-section.transfer-money-cover .cover-section-media {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 480px;
}
.service-cover-section.transfer-money-cover .cover-section-media img {
  position: absolute;
}
.service-cover-section.transfer-money-cover .cover-section-media img:first-child {
  bottom: -10%;
  right: -20%;
  z-index: 1;
}
.service-cover-section.transfer-money-cover .cover-section-media img:last-child {
  bottom: -20%;
  left: 0;
  z-index: 2;
  width: 400px;
}
.service-cover-section.transfer-money-cover .row {
  padding: 0 1rem;
  margin-bottom: 0;
}
.service-cover-section.transfer-money-cover .row, .service-cover-section.transfer-money-cover .row > div {
  height: 100%;
}
.service-cover-section.transfer-money-cover .cover-section-card {
  height: 100%;
  min-height: 440px;
}
.service-cover-section.play-win-cover .container-wrap {
  min-height: 460px;
  height: 440px;
}
.service-cover-section.play-win-cover .container-wrap .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-cover-section .container, .service-cover-section .row {
  height: 100%;
}
.service-cover-section .row {
  align-items: center;
}

.shop-cover-section {
  z-index: 9999;
}

.screen-mockup {
  width: 240px;
  height: 480px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 20px;
  padding: 9px;
}
.screen-mockup img {
  border-radius: 12px;
}
.screen-mockup.center-mockup {
  height: 300px;
  transform: translateY(75%);
}

@media screen and (max-width: 600px) {
  .service-features-section .container-wrap .service-main-image {
    display: none;
  }
  .service-intro-section {
    transform: translateY(-4%);
    padding-bottom: 0;
  }
  .service-features-section .container-wrap {
    padding: 2rem 0;
    transform: translateY(1%);
  }
  .service-cover-section {
    overflow: hidden;
  }
  .service-cover-section .container-wrap {
    height: 60vh;
    overflow: hidden;
  }
  .service-cover-section.transfer-money-cover .container-wrap {
    padding: 2rem 0;
    max-height: fit-content;
  }
  .service-cover-section.transfer-money-cover .cover-section-card {
    min-height: auto;
    margin-bottom: 1rem;
  }
  .service-cover-section.shop-cover-section .row {
    margin-bottom: 0 !important;
  }
  .service-cover-section.play-win-cover .container-wrap {
    min-height: 280px;
    height: 280px;
  }
  .service-cover-section.play-win-cover .container-wrap .container {
    flex-direction: column;
  }
  .col-4 .screen-mockup {
    width: 130px;
    height: 250px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 12px;
  }
  .col-4 .screen-mockup img {
    border-radius: 12px;
  }
  .col-4 .screen-mockup.center-mockup {
    height: 300px;
    transform: translateY(48%);
  }
  .col-4:nth-child(2) .screen-mockup {
    transform: translateX(-10%) translateY(48%);
  }
  .col-4:last-child .screen-mockup {
    transform: translateX(-25%);
  }
}
.light-glass-card {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.16);
}

.cover-section-card {
  padding: 4rem;
  color: #FFFFFF;
}
.cover-section-card h2 {
  font-size: 1.75rem;
  font-weight: bold;
}
.cover-section-card h3 {
  font-size: 1.9rem;
  font-weight: bold;
}
.cover-section-card p {
  font-size: 1.2rem;
}

@media (min-width: 600px) and (max-width: 1600px) {
  .cover-section-card {
    padding: 2rem;
  }
}
@media (max-width: 600px) {
  .cover-section-card {
    padding: 1.5rem;
    min-height: auto;
  }
  .cover-section-card h2 {
    font-size: 1.25rem;
  }
  .cover-section-card h3 {
    font-size: 1.2rem;
  }
  .cover-section-card p {
    font-size: 1.1rem;
  }
}
.process-slides-row {
  position: relative;
  height: 560px;
  align-items: center;
  margin-bottom: 4rem;
}

.process-slides-screens {
  width: 60vw;
  position: absolute;
  right: -10%;
  top: 0;
}
.process-slides-screens .swiper-wrapper {
  align-items: center;
}
.process-slides-screens .swiper-slide {
  overflow: hidden;
  width: 300px;
  margin-right: 1rem;
  border-radius: 1.5rem;
  border: 1.017px solid rgba(4, 26, 17, 0.09);
  box-shadow: 0px 4px 20px 0px rgba(4, 26, 17, 0.03);
  transform: scale(0.9);
  transition: all 0.3s ease-in-out;
}
.process-slides-screens .swiper-slide img {
  width: 300px;
  transition: opacity 0.3s;
}
.process-slides-screens .swiper-slide.swiper-slide-active {
  transform: scale(1);
  box-shadow: 0px 7px 32px 0px rgba(4, 26, 17, 0.03);
}
.process-slides-content {
  background-color: #FFFFFF;
}
.process-slides-content h3 {
  font-size: 1.8rem;
}
.process-slides-content p span {
  display: block;
}

.process-nav, .offers-nav {
  display: flex;
  padding-top: 4rem;
}
.offers-nav {
  justify-content: center;
  margin-top: 4rem;
}

.process-slides-content .swiper-button-next, .process-slides-content .swiper-button-prev,
.offers-nav .swiper-button-next, .offers-nav .swiper-button-prev {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.05);
  width: 44px;
  height: 64px;
  color: #171717;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  -webkit-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -moz-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -o-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  -ms-transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  transition: all 0.25s cubic-bezier(0.9, 1, 0.9, 1);
  position: static !important;
}

.process-slides-content .swiper-button-next:after, .process-slides-content .swiper-button-prev:after,
.offers-nav .swiper-button-next:after, .offers-nav .swiper-button-prev:after {
  font-size: 1.1rem;
}

@media (min-width: 1800px) {
  .process-slide-content {
    padding-right: 3rem;
  }
  .process-slide-content h3 {
    font-size: 2rem;
  }
  .process-slide-content p {
    font-size: 1.2rem;
  }
  .process-slide-content .btn {
    margin-top: 1rem;
  }
  .process-slides-screens {
    width: 60vw;
    position: absolute;
    right: -20%;
    top: 0;
  }
}
@media (max-width: 600px) {
  .offers-carousel .offers-nav {
    padding-top: 0;
    display: none;
  }
  .process-slides-row {
    height: auto;
    margin-bottom: 0;
    flex-direction: column-reverse;
  }
  .process-slide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .process-slides-content {
    margin-top: 2.5rem;
    text-align: center;
  }
  .process-slides-content h3 {
    font-size: 1.2rem;
  }
  .process-slides-screens {
    width: 100%;
    position: relative;
    right: unset;
    top: unset;
  }
  .process-slides-screens .swiper-slide {
    overflow: hidden;
    width: 140px;
    margin-right: 0.5rem;
    border-radius: 1rem;
  }
  .process-slides-screens .swiper-slide img {
    width: 140px;
  }
  .process-slides-screens .swiper-slide.swiper-slide-active {
    width: 160px;
  }
  .process-slides-screens .swiper-slide.swiper-slide-active img {
    width: 160px;
  }
  .process-nav, .offers-nav {
    padding-top: 3rem;
    align-items: center;
    justify-content: center;
  }
}
.personal-lending-money-cover {
  z-index: 9;
}
.personal-lending-money-cover .container-wrap {
  position: relative;
  overflow: hidden;
  height: 490px;
}
.personal-lending-money-cover.min-height-cover .container-wrap {
  height: 390px;
  background: linear-gradient(107deg, #17A26A 27.29%, #1ED58C 92.63%);
}
.personal-lending-money-cover .section-title {
  max-width: 320px;
  margin-bottom: 0;
}
.personal-lending-money-cover .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal-lending-money-cover .cover-bg-image {
  position: absolute;
}
.personal-lending-money-cover .left-bg {
  top: 0;
  right: 0;
  width: 410px;
}
.personal-lending-money-cover .right-bg {
  left: 0;
  bottom: 0;
  width: 400px;
  height: auto;
}
.personal-lending-money-cover.pl-alt-2 .container-wrap {
  background: linear-gradient(107deg, #17A26A 27.29%, #1ED58C 92.63%);
}
.personal-lending-money-cover.pl-alt-2 .container {
  align-items: flex-start;
}
.personal-lending-money-cover.pl-alt-2 .right-bg {
  left: unset;
  right: 20%;
  bottom: 0;
  width: 400px;
  z-index: 2;
}

@media (min-width: 1800px) {
  .personal-lending-money-cover .section-title {
    max-width: 600px;
  }
}
.offers-section {
  padding-top: 300px;
  margin-top: -180px;
}
.offers-section .swiper-slide {
  width: 360px;
  margin-right: 2rem;
}

.offers-section-2 .swiper-slide {
  width: 360px;
  margin-right: 2rem;
}

.floated-container .swiper-wrapper {
  padding-left: 10vw;
}

@media screen and (min-width: 1366px) and (max-width: 1680px) {
  .floated-container .swiper-wrapper {
    padding-left: 5vw;
  }
}
@media screen and (max-width: 600px) {
  .personal-lending-money-cover .container-wrap {
    height: 340px;
    padding-top: 2rem;
  }
  .personal-lending-money-cover .container {
    align-items: flex-start;
  }
  .personal-lending-money-cover .left-bg {
    display: none;
  }
  .personal-lending-money-cover .right-bg {
    left: 60px;
    width: 230px;
  }
  .personal-lending-money-cover.pl-alt-3 .container-wrap {
    height: 400px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .personal-lending-money-cover.pl-alt-3 .right-bg {
    left: unset;
    right: -4%;
    bottom: -10%;
    width: 200px;
    z-index: 2;
  }
  .offers-section {
    padding-top: 210px;
  }
  .offers-section .swiper-slide {
    width: 180px;
    margin-right: 1rem;
  }
  .floated-container .swiper-wrapper {
    padding-left: 4vw;
  }
  .gomla-section-media.text-right {
    text-align: center !important;
  }
  .gomla-section-media img {
    height: 328px;
  }
  .programs-verticals {
    margin-top: 4rem;
  }
}
.call-center-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .section-title-wrap {
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .section-title-wrap .section-title {
    margin-bottom: 12px;
    align-items: center;
    text-align: center;
  }
  .section-title-wrap .section-title h2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.081px;
  }
}
.bussiness-load-amount {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bussiness-load-amount .loan-label, .bussiness-load-amount .installments-label {
  display: flex;
  position: relative;
  padding: 0.4rem 0.75rem;
  background-color: var(--Brand-Neutral-200, #E5E5E5);
  margin-bottom: 2.5rem;
  border-radius: var(--space-150, 24px);
}
.bussiness-load-amount .loan-label::after, .bussiness-load-amount .installments-label::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 40px;
  background-color: var(--Brand-Neutral-200, #E5E5E5);
}
.bussiness-load-amount .loan-card {
  display: flex;
  padding: 1rem;
  border-radius: var(--space-150, 24px);
  border: 1px solid var(--Brand-Neutral-200, #E5E5E5);
  background: var(--Brand-white-1000, #FFF);
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.bussiness-load-amount .loan-card:first-of-type {
  color: #17A26A;
  font-size: 1.5rem;
  font-weight: 700;
}

.shop-offers-cover-section .section-content {
  min-width: 400px;
}

@media screen and (max-width: 600px) {
  .shop-offers-cover-section.pl-alt-3 .row {
    height: auto;
  }
  .shop-offers-cover-section.pl-alt-3 .section-content {
    min-width: none;
    padding: 0 2rem;
    text-align: center;
  }
  .shop-offers-cover-section.pl-alt-3 .section-content h2 {
    font-weight: bold;
  }
  .shop-offers-cover-section.pl-alt-3 .right-bg {
    right: 9%;
    bottom: -10%;
    width: 280px;
  }
}
.sdgs {
  align-items: center;
  justify-content: center;
}
.sdgs img {
  width: 140px;
  height: auto;
  margin-right: 1rem;
  border-radius: 8px;
}

.terms-and-conditions {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 6rem;
}
.terms-and-conditions a {
  text-decoration: underline;
}

.life-cols-section .content-col {
  background-color: #171717;
  color: #FFFFFF;
  border-radius: 12px;
  padding: 2rem 3rem;
}
.life-cols-section .content-col h5 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
.life-cols-section .row .col-md-3:nth-child(1) .content-col {
  background-color: #17A26A;
}
.life-cols-section .row .col-md-3:nth-child(2) .content-col {
  background-color: #F17221;
}
.life-cols-section .row .col-md-3:nth-child(3) .content-col {
  background-color: #E8244A;
}
.life-cols-section .row .col-md-3:nth-child(4) .content-col {
  background-color: #FFB503;
}

.partners-col {
  margin-bottom: 1rem;
  text-align: center;
}
.partners-col img {
  height: 100px;
  width: auto;
}

@media (max-width: 600px) {
  .terms-and-conditions {
    padding-top: 3rem;
  }
  .life-cols-section .content-col {
    border-radius: 8px;
    margin-bottom: 1rem;
  }
  .life-cols-section .content-col h5 {
    font-size: 1.2rem;
  }
  .partners-col img {
    height: auto;
  }
}
.table-row {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table-row thead th {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.table-row td {
  border-color: transparent;
}

.halan-table {
  display: table;
  width: 100%;
}
.halan-table .halan-table-row {
  display: table-row;
  -webkit-transition: background-color 0.2s, box-shadow 0.35s, transform 0.35s;
  -moz-transition: background-color 0.2s, box-shadow 0.35s, transform 0.35s;
  transition: background-color 0.2s, box-shadow 0.35s, transform 0.35s;
}
.halan-table .halan-table-row > div {
  background-color: #fff;
}
.halan-table .halan-table-row > div:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.halan-table .halan-table-row > div:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.halan-table .halan-table-row .halan-table-col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 1rem 1.5rem;
}
.halan-table .halan-table-row.halan-table-head .halan-table-col {
  padding: 0.75rem 1.5rem;
  font-size: 90%;
}
.halan-table .halan-table-row:not(.halan-table-head):hover {
  border: 1px solid #E9EDF4;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 14px;
}
.halan-table .tiny-col {
  max-width: 4rem;
}
.halan-table.is-separate {
  margin-top: -8px;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.halan-table.tiny-start-last .halan-table-row > div:first-child {
  width: 2rem;
  padding-right: 0;
}
.halan-table.tiny-start-last .halan-table-row > div:last-child {
  width: 2rem;
  padding-left: 0;
}

.nav-tabs {
  border-bottom: 0;
}

.sh-tabs {
  background: #FFFFFF;
  box-shadow: -10px -2px 31px 2px rgba(50, 50, 109, 0.08);
  border-radius: 9px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem;
}
.sh-tabs > li {
  min-width: 140px;
}
.sh-tabs > li a {
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 8px 0;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #353645;
  text-align: center;
}
.sh-tabs > li a.active {
  background-color: hsl(156, 75%, 48%);
  color: #fff;
}

.vertical-tabs {
  display: flex;
  flex-wrap: wrap;
}
.vertical-tabs > ul {
  width: 40%;
}
.vertical-tabs > div {
  width: 60%;
}
.vertical-tabs > div img {
  max-width: 100%;
}
.vertical-tabs .vr-tabs {
  flex-direction: column;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .vertical-tabs > ul {
    width: 100%;
  }
  .vertical-tabs > div {
    width: 100%;
  }
  .vertical-tabs .vr-tabs {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.steps-tabs > li {
  padding: 1rem 0;
}
.steps-tabs > li a {
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.steps-tabs > li a img {
  max-width: 70px;
  margin-left: 0.2rem;
}
.steps-tabs > li a > span:first-child {
  background: #FFFFFF;
  border: 2px solid #DCE5FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.steps-tabs > li a.active {
  font-weight: bold;
  color: hsl(156, 75%, 48%);
}
.steps-tabs > li a.active > span:first-child {
  background-color: hsl(156, 75%, 48%);
  color: #FFFFFF;
}

.fancy-tabs > li {
  width: 32%;
  margin-right: 1%;
}
.fancy-tabs a {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  min-height: 60px;
  padding: 1rem;
  align-items: center;
  background: #FFFFFF;
  border-radius: 7px;
}
.fancy-tabs a svg, .fancy-tabs a img {
  margin-bottom: 0.5rem;
  width: 44px;
  height: 44px;
  opacity: 0.5;
}
.fancy-tabs a.active {
  background-color: #FFFFFF;
  box-shadow: -10px 23px 41px 14px rgba(50, 50, 109, 0.07);
  color: hsl(156, 75%, 48%);
  font-weight: 600;
}
.fancy-tabs a.active img {
  opacity: 1;
}

p {
  line-height: 1.5;
}

.display-1 {
  font-size: 5rem;
}

.display-2 {
  font-size: 4rem;
}

.display-4 {
  font-size: 3rem;
}

.display-5 {
  font-size: 2rem;
  line-height: 1.4;
}

.display-6 {
  font-size: 1.3rem;
}

@media (max-width: 1600px) {
  .display-2 {
    font-size: 3rem;
  }
  .display-4 {
    font-size: 2.4rem;
  }
  .display-5 {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  p {
    font-size: 14px;
  }
  .lead {
    font-size: 1rem;
  }
  h1, .h1 {
    font-size: 1.8rem;
  }
  .h2, h2 {
    font-size: 1.2rem;
  }
  .h3, h3 {
    font-size: 1rem;
  }
  .h5, h5 {
    font-size: 1rem;
  }
  .h6, h6 {
    font-size: 0.9rem;
  }
  .display-1 {
    font-size: calc(1rem + 4.1vw);
  }
  .display-2 {
    font-size: calc(1rem + 2.1vw);
  }
  .display-4 {
    font-size: calc(1rem + 1.2vw);
  }
  .display-5 {
    font-size: 1.4rem;
  }
  .display-6 {
    font-size: 1.1rem;
  }
}
.fw-medium {
  font-weight: 500 !important;
}

/*
Sizes.
*/
.wh-24 {
  width: 24px !important;
  height: 24px !important;
}
.wh-24 svg, .wh-24 .svg {
  width: 24px !important;
  height: 24px !important;
}

.wh-32 {
  width: 32px !important;
  height: 32px !important;
}

.wh-36 {
  width: 36px !important;
  height: 36px !important;
}

.wh-40 {
  width: 40px !important;
  height: 40px !important;
}

.wh-44 {
  width: 44px !important;
  height: 44px !important;
}

.wh-56 {
  width: 56px !important;
  height: 56px !important;
}

.w-70 {
  width: 70%;
}

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

.z--1 {
  z-index: -1;
}

/*
Text Utilities.
*/
.text-sm {
  font-size: 0.95rem;
}

.text-md {
  font-size: 1.2rem;
}

.text-lg {
  font-size: 1.175rem;
}

.text-xlg {
  font-size: 1.75rem;
}

.text-xxlg {
  font-size: 2rem;
}

.text-xs {
  font-size: 0.75rem;
}

@media (min-width: 1800px) {
  .text-lg {
    font-size: 1.2rem;
  }
  .text-xlg {
    font-size: 1.6rem;
  }
}
@media (max-width: 518px) {
  .text-sm {
    font-size: 0.95rem;
  }
  .text-md {
    font-size: 0.94rem;
  }
  .text-lg {
    font-size: 1rem;
  }
  .text-xlg {
    font-size: 1.2rem;
  }
  .text-xs {
    font-size: 0.75rem;
  }
}
/*
Colors Utilities
*/
/**-------------------------*
* utilities: colors
* @package: DataEg
* @since 1.0.0
* @author Digtial Halan
*--------------------------*/
/*
Colors
*/
.section-dark > * {
  color: #FFFFFF !important;
}
.section-dark .svg-icon path {
  fill: #FFFFFF;
}

.bg-noise {
  background-image: url("../images/noise.svg");
  background-repeat: repeat;
}

.bg-white-overlay {
  color: #fff;
  background-color: #FFFFFF;
}

.bg-dark-overlay {
  color: #fff;
  background-color: #000000;
}

.grey-background {
  background-color: #F2F2F2;
}

.bg-img {
  background-size: cover;
  background-position: 50% 50%;
}

.bg-clip {
  background-clip: padding-box;
}

.bg-body {
  background-color: #FFFFFF;
}

.no-bg {
  background: transparent !important;
}

.text-white {
  color: #FFFFFF !important;
}
.text-white svg path {
  fill: #FFFFFF !important;
}

.text-muted svg path {
  fill: #999999 !important;
}

.color-primary {
  color: hsl(156, 75%, 48%) !important;
}
.color-primary svg path {
  fill: hsl(156, 75%, 48%) !important;
}

.color-secondary {
  color: #000000 !important;
}
.color-secondary svg path {
  fill: #000000 !important;
}

.color-success {
  color: #19BA63 !important;
}
.color-success svg path {
  fill: #19BA63 !important;
}

.color-info {
  color: #DCE5FF !important;
}
.color-info svg path {
  fill: #DCE5FF !important;
}

.color-warning {
  color: #FF974A !important;
}
.color-warning svg path {
  fill: #FF974A !important;
}

.color-danger {
  color: #EF3240 !important;
}
.color-danger svg path {
  fill: #EF3240 !important;
}

.color-twitter {
  color: #1da1f2 !important;
}
.color-twitter svg path {
  fill: #1da1f2 !important;
}

.color-facebook {
  color: #3b5998 !important;
}
.color-facebook svg path {
  fill: #3b5998 !important;
}

.color-youtube {
  color: #ff0000 !important;
}
.color-youtube svg path {
  fill: #ff0000 !important;
}

.color-linkedin {
  color: #00a0dc !important;
}
.color-linkedin svg path {
  fill: #00a0dc !important;
}

.color-instagram {
  color: #e1306c !important;
}
.color-instagram svg path {
  fill: #e1306c !important;
}

.color-fresh-orange {
  color: #FC782F !important;
}
.color-fresh-orange svg path {
  fill: #FC782F !important;
}

.color-strong-pink {
  color: #EA3654 !important;
}
.color-strong-pink svg path {
  fill: #EA3654 !important;
}

.color-bright-purple {
  color: #A32591 !important;
}
.color-bright-purple svg path {
  fill: #A32591 !important;
}

.color-zesty-yellow {
  color: #FCC02D !important;
}
.color-zesty-yellow svg path {
  fill: #FCC02D !important;
}

.color-teal-blue {
  color: #37C9C5 !important;
}
.color-teal-blue svg path {
  fill: #37C9C5 !important;
}

.color-light-grey {
  color: #F2F2F2 !important;
}
.color-light-grey svg path {
  fill: #F2F2F2 !important;
}

.color-grey {
  color: #E6E6E6 !important;
}
.color-grey svg path {
  fill: #E6E6E6 !important;
}

.color-alt-grey {
  color: #F9F9F9 !important;
}
.color-alt-grey svg path {
  fill: #F9F9F9 !important;
}

.color-black {
  color: #000000 !important;
}
.color-black svg path {
  fill: #000000 !important;
}

.color-dark {
  color: #171717 !important;
}
.color-dark svg path {
  fill: #171717 !important;
}

.color-dark-grey {
  color: #333333 !important;
}
.color-dark-grey svg path {
  fill: #333333 !important;
}

.color-dark-lighter {
  color: #4D4D4D !important;
}
.color-dark-lighter svg path {
  fill: #4D4D4D !important;
}

.color-semi-light {
  color: #F9F9FF !important;
}
.color-semi-light svg path {
  fill: #F9F9FF !important;
}

.color-semi-dark {
  color: #333333 !important;
}
.color-semi-dark svg path {
  fill: #333333 !important;
}

.color-yellow {
  color: #FCC02D !important;
}
.color-yellow svg path {
  fill: #FCC02D !important;
}

.color-primary-600 {
  color: #00A870 !important;
}

.text-color {
  color: #191919;
}

.text-inherit a {
  color: inherit;
}

.text-fade {
  opacity: 0.65;
}

.text-gd {
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.text-gradients {
  background: linear-gradient(90deg, #ce55b0, #f34dac 12%, #f48e66 27%, #f0b832 38%, #b2ce37 54%, #63d7af 70%, #1cc2df 84%, #0580e6 94%, #ce55b0);
  background-size: 1000px;
  -webkit-animation: appCoffeeCupAnimation_gradientMove__pKtCr 4s linear infinite;
  animation: appCoffeeCupAnimation_gradientMove__pKtCr 4s linear infinite;
}

.gradient-bg {
  background: linear-gradient(107deg, #17A26A 27.29%, #1ED58C 92.63%);
}

.primary-bg {
  background-color: hsl(156, 75%, 48%) !important;
}

.grey-light-bg {
  background-color: #FAFAFA !important;
}

.green-light-bg {
  background-color: #F6FDFA !important;
}

.green-light-bg2 {
  background-color: #E4FAF1 !important;
}

.custom-badge-success {
  background-color: var(--Brand-Primary-50, #E4FAF1) !important;
  color: var(--Brand-Primary-600, #17A26A) !important;
}

.otgs-development-site-front-end {
  display: none !important;
}

#halan-uae-popup {
  display: flex;
  background-image: url("../images/halan-ae.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 433px;
  height: 480px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ccc;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  border-radius: 12px;
}

#close-popup {
  position: absolute;
  top: -12px;
  right: -12px;
  background-color: #171717;
  color: #FFFFFF;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
#close-popup svg path {
  fill: #FFFFFF;
}

.popup-open {
  position: fixed;
  overflow: hidden;
}
.popup-open::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

/*
Border Radius
*/
.circle {
  border-radius: 50% !important;
}

.bordered-md {
  border-radius: 16px;
}

.bordered-lg {
  border-radius: 22px;
}

.text-right {
  text-align: right !important;
}

.background-space.space-40 {
  padding-top: 40%;
}
.background-space.space-10 {
  padding-top: 10%;
}
.background-space.space-5 {
  padding-top: 5%;
}