/* ==============
 ========= Css Documentation =========


 01. Abstracts
     1.1 --> Mixins
     1.2 --> Variables

 02. Base
     2.1 --> Reset
     2.2 --> Typography
     2.3 --> Global

 03. Components
     3.1 --> Preloader
     3.2 --> Buttons
     3.3 --> Forms

 04. Layout
     4.1 --> Header
     4.2 --> Hero Section
     4.3 --> Banner
     4.4 --> All Sections
     4.5 --> Footer

     =========================
     01. header styles start
     ------------------------------------------------------
     02. banner styles start
     ------------------------------------------------------
     03. hero section styles start
     ------------------------------------------------------
     04. property filter styles start
     ------------------------------------------------------
     05. featured property styles start
     ------------------------------------------------------
     06. all properties in grid styles start
     ------------------------------------------------------
     07. profit overview section styles start
     ------------------------------------------------------
     08. start step section styles start
     ------------------------------------------------------
     09. video section styles start
     ------------------------------------------------------
     10. numbers section styles start
     ------------------------------------------------------
     11. market section styles start
     ------------------------------------------------------
     12. testimonial section styles start
     ------------------------------------------------------
     13. cities section styles start
     ------------------------------------------------------
     14. platform section styles start
     ------------------------------------------------------
     15. portfolio section styles start
     ------------------------------------------------------
     16. why invest section styles start
     ------------------------------------------------------
     17. community section styles start
     ------------------------------------------------------
     18. why invest two seciton styles start
     ------------------------------------------------------
     19. about pages video section styles start
     ------------------------------------------------------
     20. team section styles start
     ------------------------------------------------------
     21. open job section styles start
     ------------------------------------------------------
     22. open position tab section styles start
     ------------------------------------------------------
     23. position details section styles start
     ------------------------------------------------------
     24. property alert newsletter section styles start
     ------------------------------------------------------
     25. banner alt section styles start
     ------------------------------------------------------
     26. investment amount section styles start
     ------------------------------------------------------
     27. faq section styles start
     ------------------------------------------------------
     28. list overview sections styles start
     ------------------------------------------------------
     29. work two section styles start
     ------------------------------------------------------
     30. contact overview seciton styles start
     ------------------------------------------------------
     31. ask section styles start
     ------------------------------------------------------
     32. program section styles start
     ------------------------------------------------------
     33. step two section style start
     ------------------------------------------------------
     34. blog page styles start
     ------------------------------------------------------
     35. latest post section styles start
     ------------------------------------------------------
     36. browse all post section styles start
     ------------------------------------------------------
     37. property filter area two
     ------------------------------------------------------
     38. property details page styles start
     ------------------------------------------------------
     39. gallery two section styles start
     ------------------------------------------------------
     40. registration pages styles start
     ------------------------------------------------------
     41. error section styles start
     ------------------------------------------------------
     42. footer styles start

     =========================
============== */
/* ====
 --------- (1.1) mixins start ---------
 ==== */
/* ====
 --------- (1.1) mixins end ---------
 ==== */
/* ====
 --------- (1.2) variables start ---------
 ==== */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* ====
 --------- (1.2) variables end ---------
 ==== */
/* ====
 --------- (2.1) reset styles start ---------
 ==== */
* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", sans-serif;
  color: #13216e;
  font-size: 18px;
  font-weight: 400;
  line-height: 0px;
  background-color: #ffffff;
  overflow-x: hidden;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background-color: #cae6f7;
  border-radius: 5px;
}

body::-webkit-scrollbar-button, body::-webkit-scrollbar-thumb {
  background-color: #5927e3;
  border-radius: 5px;
}

@media only screen and (max-width: 1199px) {
  body {
    font-size: 16px;
  }
}

::-moz-selection {
  color: #ffffff;
  background-color: #07286e;
}

::selection {
  color: #ffffff;
  background-color: #07286e;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
}

a {
  text-decoration: none;
}

a img {
  border: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

a:hover img {
  border: none;
  outline: none;
}

button {
  border: 0;
  outline: 0;
}

button:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
}

ul {
  list-style-type: none;
  list-style-position: inside;
  margin: 0px;
  padding: 0px;
}

input,
textarea {
  width: 100%;
  border: none;
  outline: none;
}

input:focus,
textarea:focus {
  outline: none;
}

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

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

/* ====
 --------- (2.1) reset styles end ---------
 ==== */
/* ====
 --------- (2.2) typography styles start ---------
 ==== */
p,
th,
td,
li,
input,
textarea,
select,
label,
blockquote,
span {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #13216e;
  font-style: normal;
  text-align: left;
}

p.neutral-top,
th.neutral-top,
td.neutral-top,
li.neutral-top,
input.neutral-top,
textarea.neutral-top,
select.neutral-top,
label.neutral-top,
blockquote.neutral-top,
span.neutral-top {
  margin-top: -7px;
}

@media only screen and (max-width: 767px) {
  p.neutral-top,
  th.neutral-top,
  td.neutral-top,
  li.neutral-top,
  input.neutral-top,
  textarea.neutral-top,
  select.neutral-top,
  label.neutral-top,
  blockquote.neutral-top,
  span.neutral-top {
    margin-top: -5px;
  }
}

p.neutral-bottom,
th.neutral-bottom,
td.neutral-bottom,
li.neutral-bottom,
input.neutral-bottom,
textarea.neutral-bottom,
select.neutral-bottom,
label.neutral-bottom,
blockquote.neutral-bottom,
span.neutral-bottom {
  margin-bottom: -4px;
}

@media only screen and (max-width: 767px) {
  p.neutral-bottom,
  th.neutral-bottom,
  td.neutral-bottom,
  li.neutral-bottom,
  input.neutral-bottom,
  textarea.neutral-bottom,
  select.neutral-bottom,
  label.neutral-bottom,
  blockquote.neutral-bottom,
  span.neutral-bottom {
    margin-bottom: -5px;
  }
}

@media only screen and (max-width: 767px) {
  p,
  th,
  td,
  li,
  input,
  textarea,
  select,
  label,
  blockquote,
  span {
    font-size: 16px;
    line-height: 28px;
  }
}

p.primary,
th.primary,
td.primary,
li.primary,
input.primary,
textarea.primary,
select.primary,
label.primary,
blockquote.primary,
span.primary {
  font-size: 24px;
  line-height: 36px;
}

@media only screen and (max-width: 1199px) {
  p.primary,
  th.primary,
  td.primary,
  li.primary,
  input.primary,
  textarea.primary,
  select.primary,
  label.primary,
  blockquote.primary,
  span.primary {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  p.primary,
  th.primary,
  td.primary,
  li.primary,
  input.primary,
  textarea.primary,
  select.primary,
  label.primary,
  blockquote.primary,
  span.primary {
    font-size: 18px;
    line-height: 28px;
  }
}

p.secondary,
th.secondary,
td.secondary,
li.secondary,
input.secondary,
textarea.secondary,
select.secondary,
label.secondary,
blockquote.secondary,
span.secondary {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

p.secondary-neutral-top,
th.secondary-neutral-top,
td.secondary-neutral-top,
li.secondary-neutral-top,
input.secondary-neutral-top,
textarea.secondary-neutral-top,
select.secondary-neutral-top,
label.secondary-neutral-top,
blockquote.secondary-neutral-top,
span.secondary-neutral-top {
  margin-top: -4px;
}

p.secondary-neutral-bottom,
th.secondary-neutral-bottom,
td.secondary-neutral-bottom,
li.secondary-neutral-bottom,
input.secondary-neutral-bottom,
textarea.secondary-neutral-bottom,
select.secondary-neutral-bottom,
label.secondary-neutral-bottom,
blockquote.secondary-neutral-bottom,
span.secondary-neutral-bottom {
  margin-bottom: -2px;
}

p.tertiary,
th.tertiary,
td.tertiary,
li.tertiary,
input.tertiary,
textarea.tertiary,
select.tertiary,
label.tertiary,
blockquote.tertiary,
span.tertiary {
  font-size: 26px;
  line-height: 36px;
}

@media only screen and (max-width: 1199px) {
  p.tertiary,
  th.tertiary,
  td.tertiary,
  li.tertiary,
  input.tertiary,
  textarea.tertiary,
  select.tertiary,
  label.tertiary,
  blockquote.tertiary,
  span.tertiary {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  p.tertiary,
  th.tertiary,
  td.tertiary,
  li.tertiary,
  input.tertiary,
  textarea.tertiary,
  select.tertiary,
  label.tertiary,
  blockquote.tertiary,
  span.tertiary {
    font-size: 18px;
    line-height: 28px;
  }
}

p.tertiary-neutral-top,
th.tertiary-neutral-top,
td.tertiary-neutral-top,
li.tertiary-neutral-top,
input.tertiary-neutral-top,
textarea.tertiary-neutral-top,
select.tertiary-neutral-top,
label.tertiary-neutral-top,
blockquote.tertiary-neutral-top,
span.tertiary-neutral-top {
  margin-top: -9px;
}

@media only screen and (max-width: 767px) {
  p.tertiary-neutral-top,
  th.tertiary-neutral-top,
  td.tertiary-neutral-top,
  li.tertiary-neutral-top,
  input.tertiary-neutral-top,
  textarea.tertiary-neutral-top,
  select.tertiary-neutral-top,
  label.tertiary-neutral-top,
  blockquote.tertiary-neutral-top,
  span.tertiary-neutral-top {
    margin-top: -7px;
  }
}

p.tertiary-neutral-bottom,
th.tertiary-neutral-bottom,
td.tertiary-neutral-bottom,
li.tertiary-neutral-bottom,
input.tertiary-neutral-bottom,
textarea.tertiary-neutral-bottom,
select.tertiary-neutral-bottom,
label.tertiary-neutral-bottom,
blockquote.tertiary-neutral-bottom,
span.tertiary-neutral-bottom {
  margin-bottom: -2px;
}

@media only screen and (max-width: 767px) {
  p.tertiary-neutral-bottom,
  th.tertiary-neutral-bottom,
  td.tertiary-neutral-bottom,
  li.tertiary-neutral-bottom,
  input.tertiary-neutral-bottom,
  textarea.tertiary-neutral-bottom,
  select.tertiary-neutral-bottom,
  label.tertiary-neutral-bottom,
  blockquote.tertiary-neutral-bottom,
  span.tertiary-neutral-bottom {
    margin-bottom: -3px;
  }
}

h1,
h1 > a,
h1 > span {
  font-size: 76px;
  line-height: 99px;
  font-weight: 700;
  color: #13216e;
  font-style: normal;
  text-align: left;
}

h1.neutral-top,
h1 > a.neutral-top,
h1 > span.neutral-top {
  margin-top: -16px;
}

h1.neutral-bottom,
h1 > a.neutral-bottom,
h1 > span.neutral-bottom {
  margin-bottom: -2px;
}

@media only screen and (max-width: 1199px) {
  h1,
  h1 > a,
  h1 > span {
    font-size: 57px;
    line-height: 74px;
  }
  h1.neutral-top,
  h1 > a.neutral-top,
  h1 > span.neutral-top {
    margin-top: -12px;
  }
  h1.neutral-bottom,
  h1 > a.neutral-bottom,
  h1 > span.neutral-bottom {
    margin-bottom: -1px;
  }
}

@media only screen and (max-width: 767px) {
  h1,
  h1 > a,
  h1 > span {
    font-size: 36px;
    line-height: 50px;
  }
  h1.neutral-top,
  h1 > a.neutral-top,
  h1 > span.neutral-top {
    margin-top: -10px;
  }
  h1.neutral-bottom,
  h1 > a.neutral-bottom,
  h1 > span.neutral-bottom {
    margin-bottom: -3px;
  }
}

h2,
h2 > a,
h2 > span {
  font-size: 57px;
  line-height: 74px;
  font-weight: 700;
  color: #13216e;
  font-style: normal;
  text-align: left;
}

h2.neutral-top,
h2 > a.neutral-top,
h2 > span.neutral-top {
  margin-top: -12px;
}

h2.neutral-bottom,
h2 > a.neutral-bottom,
h2 > span.neutral-bottom {
  margin-bottom: -1px;
}

@media only screen and (max-width: 1199px) {
  h2,
  h2 > a,
  h2 > span {
    font-size: 43px;
    line-height: 56px;
  }
  h2.neutral-top,
  h2 > a.neutral-top,
  h2 > span.neutral-top {
    margin-top: -9px;
  }
}

@media only screen and (max-width: 767px) {
  h2,
  h2 > a,
  h2 > span {
    font-size: 28px;
    line-height: 38px;
  }
  h2.neutral-top,
  h2 > a.neutral-top,
  h2 > span.neutral-top {
    margin-top: -7px;
  }
}

h2 > span {
  color: #4e0dff;
}

h3,
h3 > a,
h3 > span {
  font-size: 43px;
  line-height: 56px;
  font-weight: 700;
  color: #13216e;
  font-style: normal;
  text-align: left;
}

h3.neutral-top,
h3 > a.neutral-top,
h3 > span.neutral-top {
  margin-top: -9px;
}

h3.neutral-bottom,
h3 > a.neutral-bottom,
h3 > span.neutral-bottom {
  margin-bottom: -1px;
}

@media only screen and (max-width: 1199px) {
  h3,
  h3 > a,
  h3 > span {
    font-size: 32px;
    line-height: 42px;
  }
  h3.neutral-top,
  h3 > a.neutral-top,
  h3 > span.neutral-top {
    margin-top: -7px;
  }
}

@media only screen and (max-width: 767px) {
  h3,
  h3 > a,
  h3 > span {
    font-size: 24px;
    line-height: 32px;
  }
  h3.neutral-top,
  h3 > a.neutral-top,
  h3 > span.neutral-top {
    margin-top: -5px;
  }
}

h4,
h4 > a,
h4 > .counterThree {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
  color: #13216e;
  font-style: normal;
  text-align: left;
}

h4.neutral-top,
h4 > a.neutral-top,
h4 > .counterThree.neutral-top {
  margin-top: -7px;
}

h4.neutral-bottom,
h4 > a.neutral-bottom,
h4 > .counterThree.neutral-bottom {
  margin-bottom: -1px;
}

@media only screen and (max-width: 1199px) {
  h4,
  h4 > a,
  h4 > .counterThree {
    font-size: 24px;
    line-height: 32px;
  }
  h4.neutral-top,
  h4 > a.neutral-top,
  h4 > .counterThree.neutral-top {
    margin-top: -5px;
  }
}

@media only screen and (max-width: 767px) {
  h4,
  h4 > a,
  h4 > .counterThree {
    font-size: 20px;
    line-height: 28px;
  }
}

h5,
h5 > a,
h5 > span {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #4e0dff;
  font-style: normal;
  text-align: left;
}

h5.neutral-top,
h5 > a.neutral-top,
h5 > span.neutral-top {
  margin-top: -5px;
}

h5.neutral-bottom,
h5 > a.neutral-bottom,
h5 > span.neutral-bottom {
  margin-bottom: -1px;
}

@media only screen and (max-width: 1199px) {
  h5,
  h5 > a,
  h5 > span {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  h5,
  h5 > a,
  h5 > span {
    font-size: 18px;
    line-height: 24px;
  }
  h5.neutral-top,
  h5 > a.neutral-top,
  h5 > span.neutral-top {
    margin-top: -4px;
  }
}

h6,
h6 > a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #13216e;
  font-style: normal;
  text-align: left;
}

h6.neutral-top,
h6 > a.neutral-top {
  margin-top: -4px;
}

h6.neutral-bottom,
h6 > a.neutral-bottom {
  margin-bottom: -1px;
}

@media only screen and (max-width: 767px) {
  h6,
  h6 > a {
    font-size: 16px;
    line-height: 22px;
  }
}

a,
button {
  font-size: 18px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  color: #ffffff;
  font-weight: 600;
  display: inline-block;
  border: 0px;
  outline: 0px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 1199px) {
  a,
  button {
    font-size: 16px;
    line-height: 28px;
  }
}

a:hover,
button:hover {
  text-decoration: none;
  color: #13216e;
  border: 0px;
  outline: 0px;
}

/* ====
 --------- (2.2) typography styles end ---------
 ==== */
/* ====
 --------- (2.3) global styles start ---------
 ==== */
.section__space {
  padding: 100px 0px;
}

@media only screen and (max-width: 1199px) {
  .section__space {
    padding: 100px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .section__space {
    padding: 80px 0px;
  }
}

.section__space__top {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .section__space__top {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .section__space__top {
    padding-top: 80px;
  }
}

.section__space__bottom {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .section__space__bottom {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .section__space__bottom {
    padding-bottom: 80px;
  }
}

.clear__top {
  margin-top: 100px;
}

@media only screen and (max-width: 575px) {
  .clear__top {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .column__space {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .column__space--secondary {
    margin-bottom: 30px;
  }
}

.column__space__negative {
  margin-bottom: 0px;
}

.section__header {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section__header h5 {
  color: #4e0dff;
  text-align: center;
  margin-bottom: 18px;
}

.section__header h2 {
  text-align: center;
  margin-bottom: 20px;
}

.section__header p {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  text-align: center;
}

.content h5 {
  margin-bottom: 12px;
}

.content h2 {
  margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .content h2 {
    margin-bottom: 14px;
  }
}

.content .button {
  margin-top: 36px;
}

@media only screen and (max-width: 1199px) {
  .content .button {
    margin-top: 21px;
  }
}

.progress__type .progress {
  height: 10px;
  border-radius: 5px;
}

@media only screen and (max-width: 575px) {
  .progress__type .progress {
    height: 7px;
  }
}

.progress__type .progress-bar {
  height: 10px;
  border-radius: 5px;
  background-color: #2dca73;
  width: 64.73%;
}

@media only screen and (max-width: 575px) {
  .progress__type .progress-bar {
    height: 7px;
  }
}

.progress__type .project__has {
  margin-top: 10px;
}

.progress__type--two .project__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

@media only screen and (max-width: 575px) {
  .progress__type--two .project__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
  }
}

.progress__type--two .project__has {
  margin-top: 0px;
}

.progress__type--three .collected {
  font-weight: 600;
  margin-bottom: 7px;
}

.invest__cta__wrapper {
  background-color: #fbf8ff;
  padding: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .invest__cta__wrapper {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .invest__cta__wrapper {
    padding: 20px;
  }
}

.invest__cta__wrapper .countdown__wrapper p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #13216e;
  margin-bottom: 5px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .invest__cta__wrapper .invest__cta .button {
    padding: 8px 20px 10px;
  }
}

.invest__cta__wrapper .invest__cta p {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
  font-weight: 500;
}

.counter,
.counterTwo {
  color: inherit;
}

.counterFive {
  color: inherit;
}

.countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.countdown h5 {
  text-transform: uppercase;
  font-weight: 700;
}

.shadow__effect {
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  -webkit-transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out, -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out;
}

.shadow__effect:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 575px) {
  .shadow__effect:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.shadow__effect__secondary {
  -webkit-transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, transform 0.1s ease-out, -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out;
}

.shadow__effect__secondary:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 575px) {
  .shadow__effect__secondary:hover {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.social a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #353c4e;
  border: 1px solid #ffffff20;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 1199px) {
  .social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.social a i {
  font-size: 16px;
  color: #ffffff;
}

@media only screen and (max-width: 1199px) {
  .social a i {
    font-size: 14px;
  }
}

.social a:hover {
  background-color: #5927e3;
}

.pos__rel {
  position: relative;
}

.over__hi {
  overflow: hidden;
}

.thumb__ltr {
  direction: ltr;
}

.thumb__rtl {
  direction: rtl;
}

@media only screen and (max-width: 991px) {
  .thumb__rtl {
    direction: ltr;
  }
}

.bg__img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: right;
}

.title__with__cta {
  margin-top: -9px;
}

@media only screen and (max-width: 1199px) {
  .title__with__cta {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .title__with__cta h2 {
    margin-top: -9px;
  }
}

@media only screen and (max-width: 767px) {
  .title__with__cta h2 {
    margin-top: -6px;
  }
}

@media only screen and (max-width: 991px) {
  .title__with__cta .button {
    margin-top: 20px;
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.img__effect {
  position: relative;
  overflow: hidden;
}

.img__effect::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background-color: #5927e340;
  -webkit-transform: skewX(-25deg);
          transform: skewX(-25deg);
}

@-webkit-keyframes waves {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
            transform: translate(-50%, -50%) scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
            transform: translate(-50%, -50%) scale(1, 1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
            transform: translate(-50%, -50%) scale(0.5, 0.5);
    opacity: 0;
  }
}

@keyframes waves {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
            transform: translate(-50%, -50%) scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
            transform: translate(-50%, -50%) scale(1, 1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
            transform: translate(-50%, -50%) scale(0.5, 0.5);
    opacity: 0;
  }
}

.clear__top {
  margin-top: 100px;
}

@media only screen and (max-width: 1199px) {
  .clear__top {
    margin-top: 90px;
  }
}

@media only screen and (max-width: 575px) {
  .clear__top {
    margin-top: 80px;
  }
}

.pt-30 {
  padding-top: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.breadcrumb {
  margin: 0px;
  padding: 0px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb {
    margin-top: 5px;
  }
}

.breadcrumb .breadcrumb-item {
  margin-top: 0px;
  color: #13216e;
  padding-left: 0px;
  padding-right: 12px;
}

.breadcrumb .breadcrumb-item a {
  font-weight: 400;
  color: #13216e;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #5927e3;
}

.breadcrumb .breadcrumb-item::before {
  float: none;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f178";
  font-size: 16px;
  color: #13216e;
}

@media only screen and (max-width: 767px) {
  .breadcrumb .breadcrumb-item::before {
    font-size: 14px;
  }
}

.breadcrumb .breadcrumb-item:first-of-type {
  padding-left: 0px;
}

.breadcrumb .breadcrumb-item:first-of-type::before {
  content: none;
}

.breadcrumb .breadcrumb-item:last-of-type {
  padding-right: 0px;
}

.breadcrumb .active {
  color: #13216e;
}

.cta__btn {
  text-align: center;
  margin-top: 30px;
}

.pagination {
  margin-top: 60px;
}

@media only screen and (max-width: 1199px) {
  .pagination {
    margin-top: 30px;
  }
}

.pagination .page-link {
  margin: 0px;
  padding: 0px;
  border: 0px solid transparent;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 10px;
  background-color: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #13216e;
  font-weight: 600;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
}

@media only screen and (max-width: 767px) {
  .pagination .page-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    border-radius: 5px !important;
    font-size: 14px;
    font-weight: 400;
  }
}

.pagination .page-link:hover {
  color: #ffffff;
  background-color: #5927e3;
}

.pagination .page-item:last-of-type .page-link {
  margin-right: 0px;
  margin-left: 20px;
  width: 90px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
}

@media only screen and (max-width: 767px) {
  .pagination .page-item:last-of-type .page-link {
    width: 50px;
    height: 30px;
    border-radius: 5px !important;
    margin-left: 5px;
  }
}

.pagination .page-item:last-of-type .page-link:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.pagination .page-item:first-of-type .page-link {
  margin-right: 40px;
  width: 90px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
}

@media only screen and (max-width: 767px) {
  .pagination .page-item:first-of-type .page-link {
    width: 50px;
    height: 30px;
    border-radius: 5px !important;
    margin-right: 15px;
  }
}

.pagination .page-item:first-of-type .page-link:hover {
  background-color: #5927e3;
  color: #ffffff;
}

/* ====
 --------- (2.3) global styles end ---------
 ==== */
/* ====
 --------- (3.1) preloader styles start ---------
 ==== */
/* ====
 --------- (3.1) preloader styles end ---------
 ==== */
/* ====
 --------- (3.2) buttons styles start ---------
 ==== */
.button {
  padding: 14px 30px 16px;
  background-color: #5927e3;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(89, 39, 227, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(89, 39, 227, 0.25);
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .button {
    padding: 10px 30px 12px;
  }
}

.button i {
  margin-left: 4px;
}

@media only screen and (max-width: 575px) {
  .button {
    padding: 12px 25px 14px;
    font-size: 14px;
  }
}

.button::before {
  background: #ffffff;
  content: "";
  height: 200px;
  opacity: 0;
  position: absolute;
  top: -50%;
  bottom: 0px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  width: 30px;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.button::after {
  background: #ffffff;
  content: "";
  height: 200px;
  opacity: 0;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 30px;
}

.button:hover {
  color: #ffffff;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8);
          box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8);
}

.button--secondary {
  background-color: #ffffff;
  color: #13216e;
}

.button--secondary:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.button--effect::before {
  left: -50%;
}

.button--effect::after {
  left: -100%;
}

.button--effect:hover::before {
  left: 120%;
  opacity: 0;
}

.button--effect:hover::after {
  left: 200%;
  opacity: 0.5;
}

.scrollToTop {
  position: fixed;
  bottom: 0;
  right: 24px;
  width: 45px;
  height: 45px;
  background-color: #5927e3;
  border-radius: 5px;
  color: #ffffff;
  line-height: 45px;
  font-size: 20px;
  text-align: center;
  z-index: 999;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

@media only screen and (max-width: 1199px) {
  .scrollToTop {
    right: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    font-size: 14px;
  }
}

.scrollToTop i {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.scrollToTop:hover {
  background-color: #5927e3;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8);
          box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8);
}

.scrollToTop:hover i {
  color: #ffffff;
}

.scrollToTop.active {
  bottom: 30px;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

@media only screen and (max-width: 767px) {
  .scrollToTop.active {
    bottom: 15px;
  }
}

/* ====
 --------- (3.2) buttons styles end ---------
 ==== */
/* ====
 --------- (3.3) forms styles start ---------
 ==== */
.input input {
  width: 100%;
  padding: 14px 30px;
  background-color: #28334f;
  border-radius: 10px;
  color: #ffffff;
  border: 1px solid #ffffff20;
}

@media only screen and (max-width: 1199px) {
  .input input {
    padding: 12px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .input input {
    border-radius: 5px;
  }
}

.input input::-webkit-input-placeholder {
  color: #ffffff60;
}

.input input:-ms-input-placeholder {
  color: #ffffff60;
}

.input input::-ms-input-placeholder {
  color: #ffffff60;
}

.input input::placeholder {
  color: #ffffff60;
}

.input--secondary {
  text-align: left;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .input--secondary {
    margin-bottom: 18px;
  }
}

.input--secondary label {
  font-weight: 600;
  margin-bottom: 7px;
}

.input--secondary input,
.input--secondary textarea {
  padding: 19px 30px;
  background-color: #ffffff;
  color: #13216e;
  border: 1px solid #c3c7e4;
}

.input--secondary input::-webkit-input-placeholder,
.input--secondary textarea::-webkit-input-placeholder {
  color: rgba(19, 33, 110, 0.5);
}

.input--secondary input:-ms-input-placeholder,
.input--secondary textarea:-ms-input-placeholder {
  color: rgba(19, 33, 110, 0.5);
}

.input--secondary input::-ms-input-placeholder,
.input--secondary textarea::-ms-input-placeholder {
  color: rgba(19, 33, 110, 0.5);
}

.input--secondary input::placeholder,
.input--secondary textarea::placeholder {
  color: rgba(19, 33, 110, 0.5);
}

@media only screen and (max-width: 1199px) {
  .input--secondary input,
  .input--secondary textarea {
    padding: 12px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .input--secondary input,
  .input--secondary textarea {
    padding: 12px 15px;
  }
}

.input--secondary textarea {
  min-height: 200px;
  width: 100%;
  border-radius: 10px;
  overflow-y: auto;
}

@media only screen and (max-width: 767px) {
  .input--secondary textarea {
    border-radius: 5px;
    min-height: 150px;
  }
}

.checkbox {
  text-align: left;
}

.checkbox label {
  color: #535d96;
  cursor: pointer;
  position: relative;
  padding-left: 36px;
}

.checkbox label a {
  font-weight: 400;
  color: #4508ed;
}

.checkbox label a:hover {
  color: #13216e;
}

.checkbox input {
  display: none;
}

.checkbox .checkmark {
  height: 24px;
  width: 24px !important;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 50%;
}

.checkbox [type="checkbox"]:checked + .checkmark:before {
  content: "\f00c";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.input__button .button {
  width: 100%;
  margin-top: 37px;
}

@media only screen and (max-width: 767px) {
  .input__button .button {
    margin-top: 27px;
  }
}

.input__alt {
  text-align: left;
}

.input__alt .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #c3c7e4;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .input__alt .input-group {
    border-radius: 5px;
  }
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.input__alt .input-group .input-group-prepend {
  padding-right: 30px;
  padding-left: 30px;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group .input-group-prepend {
    padding: 12px 15px;
    width: 100%;
    border-bottom: 1px solid #c3c7e4;
  }
}

.input__alt .input-group input {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: none;
  border-left: 1px solid #c3c7e4;
  font-weight: 600;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group input {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    border-left: 0px;
    width: 100%;
    margin-bottom: 2px;
  }
}

.input__alt .input-group input::-webkit-input-placeholder {
  font-weight: 600;
  color: #13216e;
}

.input__alt .input-group input:-ms-input-placeholder {
  font-weight: 600;
  color: #13216e;
}

.input__alt .input-group input::-ms-input-placeholder {
  font-weight: 600;
  color: #13216e;
}

.input__alt .input-group input::placeholder {
  font-weight: 600;
  color: #13216e;
}

.input__alt .input-group .nice-select {
  background-color: transparent;
  border: none;
  outline: none;
  height: auto !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  padding-right: 34px;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group .nice-select {
    padding-right: 20px;
  }
}

.input__alt .input-group .nice-select::after {
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-color: #13216e;
  right: 0px;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group .nice-select::after {
    width: 8px;
    height: 8px;
    margin-top: -6px;
  }
}

.input__alt .input-group .nice-select .current {
  color: #13216e;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input__alt .input-group .nice-select .current::before {
  content: "";
  width: 30px;
  height: 16px;
  background-image: url("../images/flag.png");
  background-size: cover;
  margin-right: 10px;
  color: #434e9e80;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group .nice-select .current::before {
    margin-right: 5px;
  }
}

.input__alt .input-group .nice-select .list {
  position: absolute;
  top: 100%;
  background-color: #5927e3;
  -webkit-box-shadow: 0px 4px 24px 0px #13216e;
          box-shadow: 0px 4px 24px 0px #13216e;
  max-height: 300px;
  overflow-y: auto;
}

.input__alt .input-group .nice-select .list::-webkit-scrollbar {
  width: 5px;
}

.input__alt .input-group .nice-select .list::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 10px;
}

.input__alt .input-group .nice-select .list::-webkit-scrollbar-thumb {
  background-color: #0c266c;
  border-radius: 10px;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group .nice-select .list {
    min-width: 60px;
  }
}

.input__alt .input-group .nice-select .list:hover .selected {
  color: #ffffff;
}

.input__alt .input-group .nice-select .option {
  background-color: #5927e3;
  color: #ffffff;
  min-height: auto;
  line-height: 28px;
  padding: 8px 16px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  .input__alt .input-group .nice-select .option {
    font-size: 14px;
    line-height: 20px;
  }
}

.input__alt .input-group .nice-select .option:hover {
  background-color: #ffffff;
  color: #0c266c;
}

.input__alt .input-group .nice-select .selected {
  font-weight: 400;
  color: #ffffff;
}

.input__alt .input-group .nice-select .selected:hover {
  color: #0c266c !important;
}

.input__file__wrapper p {
  font-weight: 600;
  margin-bottom: 7px;
}

.input__file {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  background-color: #f9faff;
  border: 1px dashed #c3c7e4;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .input__file {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .input__file {
    padding: 30px 20px;
  }
}

.input__file span {
  font-weight: 700;
  color: #5927e3;
}

.input__file .icon__box {
  width: 70px;
  height: 70px;
  background-color: #d7defc;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.input__file .icon__box img {
  max-width: 90%;
  height: auto;
}

/* ====
 --------- (3.3) forms styles end ---------
 ==== */
/* ====
 --------- (4.1) header styles start ---------
 ==== */
header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: transparent;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header__active {
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  background-color: #ffffff;
}

.header--secondary {
  background-color: #ffffff;
}

.navbar {
  padding: 23px 0px;
  background-color: transparent;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .navbar {
    padding: 24px 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar {
    padding: 21px 0px;
  }
}

.navbar li {
  margin-top: 0px;
}

.navbar__active {
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  background-color: #ffffff;
}

.navbar-brand {
  margin: 0px;
  padding: 0px;
}

.logo {
  max-width: 140px;
  height: auto;
}

@media only screen and (max-width: 1399px) {
  .logo {
    height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .logo {
    max-width: 130px;
    height: 38px;
  }
}

.navbar__out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .navbar__out {
    gap: 20px;
  }
}

.nav__group__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .nav__group__btn {
    gap: 20px;
  }
}

.nav__group__btn .log {
  color: #0c266c;
  font-weight: 600;
}

.nav__group__btn .log:hover {
  color: #4e0dff;
}

@media only screen and (max-width: 1199px) {
  .nav__group__btn .button {
    padding: 13px 25px;
  }
}

@media only screen and (max-width: 1399px) {
  .nav__group__btn a {
    font-size: 16px;
    line-height: 22px;
  }
}

.navbar-collapse {
  margin-left: 60px;
}

@media only screen and (max-width: 1399px) {
  .navbar-collapse {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar-collapse {
    margin-left: 0px;
    margin-top: 15px;
    max-height: 300px;
    overflow-y: auto;
  }
  .navbar-collapse::-webkit-scrollbar {
    width: 5px;
  }
  .navbar-collapse::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 10px;
  }
  .navbar-collapse::-webkit-scrollbar-thumb {
    background-color: #5927e3;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .nav-item {
    margin-bottom: 3px;
  }
}

@media only screen and (max-width: 575px) {
  .nav-item .button {
    max-width: 100%;
    width: 100%;
    display: block;
    border-radius: 0px;
    text-align: left;
    padding: 8px 16px;
  }
  .nav-item:last-of-type {
    margin-bottom: 0px;
  }
  .nav-item:last-of-type .button--last {
    display: block;
    width: 100%;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .nav-item:nth-last-of-type(2) {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .nav-item:nth-last-of-type(2) {
    margin-bottom: 3px;
  }
}

.nav-link {
  color: #0c266c;
  font-weight: 600;
  padding: 8px 10px !important;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media only screen and (max-width: 1399px) {
  .nav-link {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 1199px) {
  .nav-link {
    padding: 8px 16px !important;
    background-color: #f0f8fa;
  }
}

.nav-link:hover {
  color: #4e0dff;
}

.dropdown .dropdown-toggle {
  color: #0c266c !important;
}

@media only screen and (max-width: 1199px) {
  .dropdown .dropdown-toggle {
    color: #13216e !important;
  }
}

.dropdown .dropdown-toggle:hover {
  color: #4e0dff !important;
}

@media only screen and (max-width: 1199px) {
  .dropdown .dropdown-toggle {
    position: relative;
  }
}

.dropdown .dropdown-toggle::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f107";
  border: none;
  font-size: 16px;
  vertical-align: 0px !important;
}

@media only screen and (max-width: 1399px) {
  .dropdown .dropdown-toggle::after {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  .dropdown .dropdown-toggle::after {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50px;
    height: 100%;
    margin: 0px;
    border-left: 3px solid #ffffff;
  }
}

.dropdown .show {
  color: #0c266c !important;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.dropdown .show::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media only screen and (max-width: 1199px) {
  .dropdown .show::after {
    border-right: 3px solid #ffffff;
    border-left: 0px;
  }
}

@media (min-width: 1200px) {
  .dropdown .show {
    color: #0c266c !important;
  }
  .dropdown .show::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.dropdown .dropdown-menu {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  margin-top: 0px;
  border-top: 4px solid #5927e3;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 0px;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  max-height: 200px;
  overflow-y: auto;
  min-width: 14rem;
}

@media (min-width: 1200px) {
  .dropdown .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
  }
}

.dropdown .dropdown-menu::-webkit-scrollbar {
  width: 5px;
}

.dropdown .dropdown-menu::-webkit-scrollbar-track {
  background-color: #f0f8fa;
  border-radius: 10px;
}

.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #5927e3;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .dropdown .dropdown-menu {
    width: 90%;
    margin: 15px auto;
  }
}

.dropdown .dropdown-menu .dropdown-item {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  padding: 10px 16px;
  color: #0c266c;
  border-bottom: 1px solid #e4e4e4;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 1399px) {
  .dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    line-height: 20px;
  }
}

.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #5927e3;
  color: #ffffff;
  padding-left: 20px;
}

.dropdown .dropdown-menu .dropdown-item-active {
  background-color: #265a42;
  color: #ffffff;
  padding-left: 20px;
}

.dropdown .dropdown-menu li:last-of-type .dropdown-item {
  border-bottom: 0px;
}

@media (min-width: 1200px) {
  .dropdown:hover .dropdown-menu {
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
  }
}

.navbar-toggler {
  border: none;
  padding: 0px;
  line-height: 0px;
}

@media only screen and (max-width: 575px) {
  .navbar-toggler {
    margin: 0px;
  }
}

.navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.navbar-toggler span {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.navbar-toggler .icon-bar {
  width: 35px;
  height: 2px;
  background-color: #5927e3;
  margin: 0px;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 575px) {
  .navbar-toggler .icon-bar {
    width: 30px;
  }
}

.navbar-toggler .middle-bar {
  margin: 6px 0px;
  opacity: 1;
}

.toggle-active .top-bar {
  -webkit-transform: rotate(-45deg) translate(-7px, 4px);
          transform: rotate(-45deg) translate(-7px, 4px);
  background: #5927e3;
}

.toggle-active .middle-bar {
  opacity: 0;
}

.toggle-active .bottom-bar {
  -webkit-transform: rotate(45deg) translate(-7px, -4px);
          transform: rotate(45deg) translate(-7px, -4px);
  background: #5927e3;
}

.dashboard-header {
  background-color: #ffffff;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 20px 0px 19px;
  border-bottom: 1px solid #bdbfee;
}

.dashboard-header .dashboard-header__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

@media only screen and (max-width: 575px) {
  .dashboard-header .header-logo img {
    max-width: 100px;
    height: 36px;
  }
}

.dashboard-header .dashboard-header__area-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .dashboard-header .dashboard-header__area-content {
    gap: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .dashboard-header .dashboard-header__area-content {
    gap: 15px;
  }
}

.dashboard-header .dashboard-header__area-content .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .dashboard-header__area-content .button {
    display: none;
  }
}

.dashboard-header .dashboard-header__area-content .button img {
  width: 30px;
  height: 20px;
}

.dashboard-header .notification-area {
  position: relative;
}

.dashboard-header .notification-area .icon__wrapper {
  line-height: 0px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}

.dashboard-header .notification-area .icon__wrapper i {
  font-size: 24px;
  color: #13216e;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .icon__wrapper i {
    font-size: 20px;
  }
}

.dashboard-header .notification-area .icon__wrapper span {
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  color: #0f1954;
  background-color: #f29170;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .icon__wrapper span {
    font-size: 8px;
    width: 18px;
    height: 18px;
  }
}

.dashboard-header .notification-area .notification__wrapper {
  position: absolute;
  top: calc(100% + 32px);
  right: 0%;
  width: 276px;
  height: 360px;
  background-color: #0c266c;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 1399px) {
  .dashboard-header .notification-area .notification__wrapper {
    top: calc(100% + 40px);
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper {
    right: -100px;
    width: 240px;
    height: 300px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__head {
  padding: 12px 20px;
  text-align: center;
  background-color: #0c266c;
  border-radius: 10px 10px 0px 0px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__head {
    padding: 8px 15px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__head p {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__head p {
    font-size: 16px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__head p:first-of-type {
  font-size: 16px;
  color: #2dca73;
  margin-bottom: 0px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__head p:first-of-type {
    font-size: 14px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__single-wrapper {
  height: 220px;
  overflow-y: auto;
  background-color: #5927e3;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__single-wrapper {
    height: 183px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__single-wrapper::-webkit-scrollbar {
  width: 5px;
}

.dashboard-header .notification-area .notification__wrapper .notification__single-wrapper::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 10px;
}

.dashboard-header .notification-area .notification__wrapper .notification__single-wrapper::-webkit-scrollbar-thumb {
  background-color: #2dca73;
  border-radius: 10px;
}

.dashboard-header .notification-area .notification__wrapper .notification__single {
  padding: 25px 20px 23px;
  border-top: 1px solid #ffffff50;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__single {
    padding: 15px 15px 13px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__single:nth-of-type(1) {
  border-top: 0px solid transparent;
}

.dashboard-header .notification-area .notification__wrapper .notification__single h6 {
  margin-bottom: 10px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__single h6 {
    margin-bottom: 5px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__single p {
  color: #ffffff;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__single p {
    font-size: 12px;
  }
}

.dashboard-header .notification-area .notification__wrapper .notification__single .time {
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .notification__single .time {
    margin-top: 5px;
  }
}

.dashboard-header .notification-area .notification__wrapper .mark__read {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 20px 20px 19px;
  border-top: 1px solid #ffffff50;
  text-align: right;
  background-color: #0c266c;
  border-radius: 0px 0px 10px 10px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .mark__read {
    padding: 15px 15px;
  }
}

.dashboard-header .notification-area .notification__wrapper .mark__read a {
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  font-weight: 400;
  color: #2dca73;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .notification-area .notification__wrapper .mark__read a {
    font-size: 14px;
  }
}

.dashboard-header .notification-area .notification__wrapper .mark__read a:hover {
  color: #ffffff;
}

.dashboard-header .notification-area .notification__wrapper__active {
  visibility: visible;
  opacity: 1;
  top: calc(100% + 42px);
}

@media only screen and (max-width: 1399px) {
  .dashboard-header .notification-area .notification__wrapper__active {
    top: calc(100% + 30px);
  }
}

.dashboard-header .profile img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

@media only screen and (max-width: 575px) {
  .dashboard-header .profile img {
    width: 40px;
    height: 40px;
  }
}

.dashboard-header .nice-select {
  background-color: transparent;
  border: 0px solid transparent;
  border-radius: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto !important;
  line-height: 1 !important;
  text-transform: uppercase;
  padding-left: 0px;
  padding-right: 20px;
}

.dashboard-header .nice-select .current {
  font-weight: 600;
}

.dashboard-header .nice-select::after {
  width: 9px;
  height: 9px;
  margin-top: -7px;
  border-color: #13216e;
  right: 3px;
}

.dashboard-header .nice-select .option {
  font-size: 16px;
  padding: 0px 15px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .nice-select .option {
    font-size: 14px;
  }
}

.dashboard-header .nice-select .list {
  min-width: 80px;
  max-height: 230px;
  overflow-y: auto;
}

.dashboard-header .nice-select .list::-webkit-scrollbar {
  width: 5px;
}

.dashboard-header .nice-select .list::-webkit-scrollbar-track {
  background-color: #f0f8fa;
  border-radius: 10px;
}

.dashboard-header .nice-select .list::-webkit-scrollbar-thumb {
  background-color: #5927e3;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .dashboard-header .nice-select .list {
    left: unset;
    right: 0px;
  }
}

.dashboard-header__active {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
}

/* ====
 --------- (4.1) header styles end ---------
 ==== */
/* ====
 --------- (4.2) hero section styles start ---------
 ==== */
.hero {
  padding-top: 272px;
  padding-bottom: 270px;
  background-color: #f4f6ff;
  background-size: contain;
  background-position: left top 60px;
}

@media only screen and (max-width: 1199px) {
  .hero {
    padding-top: 170px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .hero {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .hero {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .hero {
    padding-top: 140px;
  }
}

.hero__content h1 {
  margin-top: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero__content h1 {
    margin: 15px 0px;
  }
}

.hero__content span {
  color: #4e0dff;
}

.hero__cta__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .hero__cta__group {
    margin-top: 32px;
  }
}

.hero__cta__group a {
  min-width: 195px;
}

.hero__illustration {
  position: absolute;
  right: 0px;
  bottom: 135px;
}

@media only screen and (max-width: 1399px) {
  .hero__illustration {
    bottom: unset;
    top: 65%;
    -webkit-transform: translateY(-65%);
            transform: translateY(-65%);
  }
}

.hero__illustration img {
  max-width: 59vw;
  height: auto;
}

@media only screen and (max-width: 1399px) {
  .hero__illustration img {
    max-width: 49vw;
  }
}

.hero--two {
  background-size: cover;
  background-position: left top;
}

@media (min-width: 1200px) {
  .hero--two {
    padding-top: 275px;
    padding-bottom: 270px;
  }
}

.hero--two .hero__content h1 {
  max-width: 586px;
}

@media only screen and (max-width: 991px) {
  .hero--two .hero__content h1 {
    max-width: 100%;
  }
}

.hero--two .hero__illustration {
  bottom: 130px;
}

@media only screen and (max-width: 1399px) {
  .hero--two .hero__illustration {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.hero--two .hero__illustration img {
  max-width: 50vw;
}

@media only screen and (max-width: 1399px) {
  .hero--two .hero__illustration img {
    max-width: 40vw;
  }
}

.hero--three {
  padding: 296px 0px;
  background-color: #5529b7;
  background-position: left bottom;
}

@media only screen and (max-width: 1199px) {
  .hero--three {
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: contain;
    background-position: left bottom;
  }
}

@media only screen and (max-width: 991px) {
  .hero--three {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.hero--three .hero__content h5 {
  color: #26dd77;
}

.hero--three .hero__content h1 {
  color: #ffffff;
  max-width: 100%;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .hero--three .hero__content h1 {
    margin: 10px 0px 8px;
  }
}

.hero--three .hero__content p {
  color: #ffffff;
}

@media only screen and (max-width: 991px) {
  .hero--three .hero__content p {
    max-width: 85%;
  }
}

@media only screen and (max-width: 424px) {
  .hero--three .hero__content p {
    max-width: 100%;
  }
}

.hero--three .hero__content .button::before {
  background-color: #5927e3;
}

.hero--three .hero__content .button::after {
  background-color: #5927e3;
}

.hero--three .hero__content .button:hover {
  color: #13216e;
  background-color: #ffffff;
}

.hero__list {
  padding: 180px 0px 320px;
}

@media only screen and (max-width: 1199px) {
  .hero__list {
    padding: 100px 0px 240px;
  }
}

@media only screen and (max-width: 991px) {
  .hero__list {
    padding: 80px 0px 220px;
  }
}

@media only screen and (max-width: 767px) {
  .hero__list h5 {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .hero__list .hero__content h1 {
    font-size: 32px;
    line-height: 42px;
    margin: 18px 0px 10px;
  }
}

.hero__list .hero__content .hero__cta__group {
  margin-top: 35px;
}

/* ====
 --------- (4.2) hero section styles end ---------
 ==== */
/* ====
 --------- (4.3) banner styles start ---------
 ==== */
.banner {
  padding: 96px 0px 295px;
  background-color: #93abf0;
}

@media only screen and (max-width: 991px) {
  .banner {
    padding: 76px 0px 275px;
  }
}

.banner--secondary {
  padding: 196px 0px 196px;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .banner--secondary {
    padding: 120px 0px 116px;
  }
}

@media only screen and (max-width: 991px) {
  .banner--secondary {
    padding: 100px 0px 96px;
  }
}

.banner--secondary .banner__thumb {
  position: absolute;
  right: 0px;
  bottom: 0px;
  max-width: 41vw;
  height: auto;
}

@media only screen and (max-width: 575px) {
  .banner--secondary .banner__thumb {
    max-width: 48vw;
  }
}

.banner--tertiary {
  padding: 96px 0px 235px;
  background-color: #93abf0;
}

@media only screen and (max-width: 991px) {
  .banner--tertiary {
    padding: 76px 0px 215px;
  }
}

.banner--tertiary h1 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .banner--tertiary h1 {
    margin-bottom: 14px;
  }
}

.banner__application {
  padding: 120px 0px 260px;
}

@media only screen and (max-width: 1199px) {
  .banner__application {
    padding: 100px 0px 240px;
  }
}

@media only screen and (max-width: 991px) {
  .banner__application {
    padding: 80px 0px 215px;
  }
}

.support__banner {
  padding-top: 137px;
  background-size: cover;
}

@media only screen and (max-width: 1199px) {
  .support__banner {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .support__banner {
    padding-top: 80px;
  }
}

.support__banner .support__banner__inner {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.support__banner h1 {
  text-align: center;
  margin-bottom: 28px;
}

.support__banner h5 {
  text-align: center;
  color: #13216e;
}

.support__banner .input {
  margin-bottom: 0px;
}

.support__banner .faq__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  margin-top: 132px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .support__banner .faq__tab {
    margin-top: 95px;
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .support__banner .faq__tab {
    margin-top: 75px;
  }
}

.support__banner .faq__tab .faq__tab__btn {
  color: #13216e;
}

.support__banner .faq__tab .faq__tab__btn:hover {
  color: #5927e3;
}

.support__banner .faq__tab .faq__tab__btn__active {
  color: #5927e3;
}

.contact__banner {
  padding: 100px 0px 270px;
}

@media only screen and (max-width: 991px) {
  .contact__banner {
    padding: 80px 0px 250px;
  }
}

.banner-three {
  padding: 116px 0px 295px;
}

@media only screen and (max-width: 1199px) {
  .banner-three {
    padding: 96px 0px 275px;
  }
}

@media only screen and (max-width: 991px) {
  .banner-three {
    padding: 76px 0px 255px;
  }
}

.key-banner h1 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .key-banner h1 {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .key-banner h1 {
    margin-bottom: 15px;
  }
}

.blog-banner .banner__thumb {
  max-width: 27vw;
  right: 5%;
}

@media only screen and (max-width: 1399px) {
  .blog-banner .banner__thumb {
    max-width: 30vw;
  }
}

.blog__single__banner {
  height: 630px;
  background-color: #f3efff;
  background-size: cover;
  background-position: top -90px center;
}

@media only screen and (max-width: 1199px) {
  .blog__single__banner {
    height: 400px;
    background-position: top 0px center;
  }
}

@media only screen and (max-width: 991px) {
  .blog__single__banner {
    height: 260px;
  }
}

.neut {
  margin-bottom: -20px;
  margin-top: -7px;
}

@media only screen and (max-width: 1199px) {
  .neut {
    margin-bottom: -16px;
    margin-top: -5px;
  }
}

@media only screen and (max-width: 767px) {
  .neut {
    margin-bottom: -11px;
    margin-top: -2px;
  }
}

@media only screen and (max-width: 1399px) {
  .terms__banner .banner__thumb {
    max-width: 27vw;
    height: auto;
  }
}

@media only screen and (max-width: 575px) {
  .terms__banner .banner__thumb {
    max-width: 35vw;
  }
}

/* ====
 --------- (4.3) banner styles end ---------
 ==== */
/* ====
 --------- (4.4) all sections styles start ---------
 ==== */
.property__filter {
  max-width: 1376px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 40px 0px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .property__filter {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .property__filter {
    border-radius: 10px;
    max-width: 1176px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 1399px) and (max-width: 1199px) {
  .property__filter {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__filter {
    -webkit-box-shadow: 0px 0px 0px;
            box-shadow: 0px 0px 0px;
    width: 100%;
    padding: 0px;
    border-radius: 0px;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .property__filter {
    padding-top: 80px;
  }
}

@media (min-width: 1200px) {
  .property__filter {
    position: relative;
    top: -75px;
    margin-bottom: -75px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__filter__area {
    padding: 40px 20px;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
            box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
    border-radius: 10px;
  }
}

@media only screen and (max-width: 1199px) and (max-width: 1199px) {
  .property__filter__area {
    border-radius: 0px;
  }
}

.property__filter__area .input {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .input {
    width: 100%;
  }
}

.property__filter__area .input input {
  width: 100%;
  height: 100%;
  color: #0c266c;
  background-color: #fbf8ff;
  padding-left: 50px;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .input input {
    border: 1px solid #c3c7e4;
  }
}

.property__filter__area .input input::-webkit-input-placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.property__filter__area .input input:-ms-input-placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.property__filter__area .input input::-ms-input-placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.property__filter__area .input input::placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.property__filter__area .input i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  color: #434e9e30;
  font-size: 24px;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .input i {
    font-size: 16px;
  }
}

.property__filter__area form {
  position: relative;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fbf8ff;
  border: 1px solid #c3c7e4;
  border-radius: 10px;
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .property__filter__area form {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .property__filter__area form {
    border-radius: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
    border: 0px solid transparent;
    background-color: transparent;
  }
}

.property__filter__area form button {
  margin-right: 10px;
  width: 140px;
  padding: 10px 30px 12px;
}

@media only screen and (max-width: 575px) {
  .property__filter__area form button {
    padding: 8px 25px 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__filter__area .property__select__wrapper {
    margin-top: 30px;
  }
}

.property__filter__area .property__select__wrapper .nice-select {
  background-color: transparent;
  border: none;
  outline: none;
  height: auto !important;
  line-height: 70px !important;
  padding-left: 30px;
  padding-right: 20px;
  width: 100%;
  border: 1px solid #c3c7e4;
  height: 70px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .property__select__wrapper .nice-select {
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 20px;
  }
}

.property__filter__area .property__select__wrapper .nice-select::after {
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-color: #434e9e80;
  right: 34px;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .property__select__wrapper .nice-select::after {
    width: 8px;
    height: 8px;
    margin-top: -6px;
  }
}

.property__filter__area .property__select__wrapper .nice-select .current {
  color: #13216e;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.property__filter__area .property__select__wrapper .nice-select .current::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0ac";
  font-size: 24px;
  margin-right: 10px;
  color: #434e9e80;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .property__select__wrapper .nice-select .current::before {
    font-size: 16px;
    margin-right: 5px;
  }
}

.property__filter__area .property__select__wrapper .nice-select .list {
  position: absolute;
  top: 100%;
  background-color: #5927e3;
  -webkit-box-shadow: 0px 4px 24px 0px #13216e;
          box-shadow: 0px 4px 24px 0px #13216e;
  width: 70%;
  max-height: 300px;
  overflow-y: auto;
}

.property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar {
  width: 5px;
}

.property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-track {
    border-radius: 0px;
  }
}

.property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-thumb {
  background-color: #0c266c;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .property__filter__area .property__select__wrapper .nice-select .list {
    min-width: 60px;
  }
}

.property__filter__area .property__select__wrapper .nice-select .list:hover .selected {
  color: #ffffff;
}

.property__filter__area .property__select__wrapper .nice-select .option {
  background-color: #5927e3;
  color: #ffffff;
  min-height: auto;
  line-height: 28px;
  padding: 8px 16px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  .property__filter__area .property__select__wrapper .nice-select .option {
    font-size: 14px;
    line-height: 20px;
  }
}

.property__filter__area .property__select__wrapper .nice-select .option:hover {
  background-color: #ffffff;
  color: #0c266c;
}

.property__filter__area .property__select__wrapper .nice-select .selected {
  font-weight: 400;
  color: #ffffff;
}

.property__filter__area .property__select__wrapper .nice-select .selected:hover {
  color: #0c266c !important;
}

.property__filter__area .property__select__wrapper .location__select .current::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f3c5";
}

.property__filter__area .property__select__wrapper .property__select .current::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\e3af";
}

.featured__properties__area .title__with__cta {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .featured__properties__area .title__with__cta {
    margin-bottom: 40px;
  }
}

.property__list__wrapper {
  padding: 10px 30px 10px 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .property__list__wrapper {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .property__list__wrapper {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .property__list__wrapper {
    padding: 10px 10px 30px !important;
  }
}

.property__list__wrapper:hover .img__effect::before {
  -webkit-animation: shine 1s;
          animation: shine 1s;
}

.property__list__wrapper:last-of-type {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1199px) {
  .property__list__wrapper {
    padding: 30px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .property__list__wrapper {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .property__grid {
    padding: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__item__image {
    margin-bottom: 25px;
  }
}

.property__item__image a {
  width: 100%;
  height: 100%;
}

.property__item__image img {
  width: 100%;
  max-height: 450px;
  min-height: 220px;
  border-radius: 10px;
  border: 0px;
}

@media only screen and (max-width: 1199px) {
  .property__item__image img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__item__image img {
    max-height: 450px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .property__item__image img {
    border-radius: 0px;
    max-height: 250px;
  }
}

.property__item__content {
  margin-top: -8px;
}

.property__item__content .item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 575px) {
  .property__item__content .item__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}

.property__item__content .item__head__left p {
  margin-top: 12px;
}

@media only screen and (max-width: 1199px) {
  .property__item__content .item__head__left p {
    margin-top: 5px;
  }
}

.property__item__content .item__head__left p i {
  color: #434e9e70;
}

.property__item__content .item__head__right p {
  text-align: right;
  font-weight: 400;
}

@media only screen and (max-width: 575px) {
  .property__item__content .item__head__right p {
    text-align: left;
    margin-bottom: 5px;
  }
}

.property__item__content .item__head__right p i {
  color: #434e9e70;
}

.property__item__content .progress__type--two {
  margin-top: 25px;
}

@media only screen and (max-width: 1199px) {
  .property__item__content .progress__type--two {
    margin-top: 20px;
  }
}

.property__item__content .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  padding: 20px 0px 25px;
  border-top: 1px solid #e9ecef;
  margin-top: 14px;
}

.property__item__content .item__info .item__info__single {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .property__item__content .item__info .item__info__single {
    background-color: #f0f8fa;
    width: calc(50% - 10px);
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 424px) {
  .property__item__content .item__info .item__info__single {
    width: 100%;
  }
}

.property__item__content .item__info .item__info__single::before {
  content: "";
  position: absolute;
  right: -40px;
  top: 0px;
  bottom: 0px;
  width: 1px;
  height: 100%;
  background-color: #adafc9;
}

@media only screen and (max-width: 1399px) {
  .property__item__content .item__info .item__info__single::before {
    right: -30px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__item__content .item__info .item__info__single::before {
    content: none;
  }
}

.property__item__content .item__info .item__info__single:last-of-type::before {
  content: none;
}

.property__item__content .item__info .item__info__single p {
  text-align: center;
}

@media only screen and (max-width: 1399px) {
  .property__item__content .item__info .item__info__single p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 424px) {
  .property__item__content .item__info .item__info__single p {
    text-align: left;
  }
}

.property__item__content .item__info .item__info__single h6 {
  text-align: center;
  color: #4e0dff;
  margin-top: 5px;
}

@media only screen and (max-width: 1399px) {
  .property__item__content .item__info .item__info__single h6 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 424px) {
  .property__item__content .item__info .item__info__single h6 {
    text-align: left;
  }
}

.property__item__content .item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}

@media only screen and (max-width: 1199px) {
  .property__item__content .item__footer {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .property__item__content .item__footer {
    gap: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .property__item__content .item__footer {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.property__item__content .item__footer .item__security {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
  background-color: #f0f8fa;
}

@media only screen and (max-width: 575px) {
  .property__item__content .item__footer .item__security {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.property__item__content .item__footer .item__security .icon__box {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #d0f2fb;
  border-radius: 50%;
}

.property__item__content .item__footer .item__security .icon__box img {
  width: 30px;
  height: 30px;
}

.property__item__content .item__footer .item__security h6 {
  color: #265a42;
  margin-top: 5px;
}

.property__item__content .item__footer .item__cta__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .property__item__content .item__footer .item__cta__group {
    gap: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .property__item__content .item__footer .item__cta__group .button {
    padding: 10px 15px 12px;
  }
}

.property__grid .property__item__content .item__head {
  margin-top: 20px;
}

.property__grid .invest__cta__wrapper {
  padding-bottom: 16px !important;
}

.properties__grid {
  background-color: #f4f6ff;
}

.properties__grid .title__with__cta {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .properties__grid .title__with__cta {
    margin-bottom: 40px;
  }
}

.properties__grid--two {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #5927e3), color-stop(35%, #ffffff));
  background-image: linear-gradient(to bottom, #5927e3 65%, #ffffff 35%);
}

.properties__grid--two .title__with__cta h2 {
  color: #ffffff;
}

.properties__grid--two .title__with__cta .button::before {
  background-color: #5927e3;
}

.properties__grid--two .title__with__cta .button::after {
  background-color: #5927e3;
}

.properties__grid--two .title__with__cta .button:hover {
  color: #13216e;
  background-color: #ffffff;
}

.property__grid__wrapper {
  margin-bottom: 30px;
}

.property__grid__wrapper:last-of-type {
  margin-bottom: 0px;
}

.property__grid__wrapper .row {
  margin-bottom: -30px;
}

.property__grid__single {
  padding: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single {
    border-radius: 0px;
  }
}

.property__grid__single:hover .img__effect::before {
  -webkit-animation: shine 1s;
          animation: shine 1s;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .property__grid__single {
    border-radius: 0px;
  }
}

.property__grid__single a {
  width: 100%;
  height: 100%;
  display: block;
}

.property__grid__single a img {
  border-radius: 10px;
  width: 100%;
  max-height: 300px;
  min-height: 200px;
  border: 0px;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single a img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__grid__single a img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .property__grid__single a img {
    border-radius: 0px;
    min-height: auto;
    max-width: 100%;
    height: auto !important;
  }
}

.property__grid__single .property__grid__single__inner {
  padding: 0px 10px;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single .property__grid__single__inner {
    padding: 0px;
  }
}

.property__grid__single h4 {
  margin-top: 22px;
}

@media only screen and (max-width: 767px) {
  .property__grid__single h4 {
    margin-top: 18px;
  }
}

.property__grid__single .sub__info {
  margin-top: 12px;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single .sub__info {
    margin-top: 5px;
    font-size: 16px;
  }
}

.property__grid__single .sub__info i {
  color: #434e9e70;
}

.property__grid__single .progress__type {
  margin-top: 25px;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single .progress__type {
    margin-top: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .property__grid__single .progress__type {
    margin-top: 20px;
  }
}

.property__grid__single .progress__type .project__has {
  font-size: 16px;
}

.property__grid__single .progress__type .project__has span {
  font-size: 16px;
}

.property__grid__single .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  padding: 14px 0px 15px;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
  margin-top: 23px;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single .item__info {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .property__grid__single .item__info {
    padding: 20px 0px;
    margin-top: 18px;
  }
}

.property__grid__single .item__info::before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  width: 1px;
  height: 58%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #adafc9;
}

@media only screen and (max-width: 767px) {
  .property__grid__single .item__info::before {
    content: none;
  }
}

@media only screen and (max-width: 767px) {
  .property__grid__single .item__info .item__info__single {
    background-color: #f0f8fa;
    width: calc(50% - 10px);
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 424px) {
  .property__grid__single .item__info .item__info__single {
    width: 100%;
  }
}

.property__grid__single .item__info .item__info__single p {
  text-align: center;
}

@media only screen and (max-width: 1399px) {
  .property__grid__single .item__info .item__info__single p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 424px) {
  .property__grid__single .item__info .item__info__single p {
    text-align: left;
  }
}

.property__grid__single .item__info .item__info__single h6 {
  text-align: center;
  color: #4e0dff;
  margin-top: 5px;
}

@media only screen and (max-width: 1399px) {
  .property__grid__single .item__info .item__info__single h6 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 424px) {
  .property__grid__single .item__info .item__info__single h6 {
    text-align: left;
  }
}

.property__grid__single .invest__cta__wrapper {
  background-color: transparent;
  padding: 26px 0px 15px;
}

.property__grid__single .invest__cta__wrapper .button {
  padding: 12px 20px 14px;
}

@media only screen and (max-width: 1199px) {
  .property__grid__single .invest__cta__wrapper .button {
    padding: 8px 15px 8px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__grid__single .invest__cta__wrapper .countdown h5,
  .property__grid__single .invest__cta__wrapper .countdown span {
    font-size: 18px;
  }
}

.profit .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .profit .section__header {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .profit .section__header h5 {
    margin-bottom: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .profit .section__header h2 {
    margin-bottom: 15px;
  }
}

.profit__item__wrapper {
  margin-bottom: 30px;
}

.profit__item__wrapper:last-of-type {
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .profit__item__wrapper .alt {
    margin-bottom: 30px;
  }
}

.profit__single__item {
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .profit__single__item {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .profit__single__item {
    padding: 20px;
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .profit__single__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0px;
    padding: 30px 20px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .profit__single__item {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.profit__single__item .img__box img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

@media only screen and (max-width: 1199px) {
  .profit__single__item .img__box img {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 1199px) {
  .profit__single__item h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .profit__single__item h4 {
    text-align: center;
  }
}

.profit__single__item p {
  margin-top: 12px;
}

@media only screen and (max-width: 1199px) {
  .profit__single__item p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  .profit__single__item p {
    text-align: center;
  }
}

.start {
  padding-bottom: 260px;
  background-color: #f4f6ff;
}

.start .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .start .section__header {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 424px) {
  .start .section__header h5 {
    margin-bottom: 13px;
  }
}

@media only screen and (max-width: 424px) {
  .start .section__header h2 {
    margin-bottom: 10px;
  }
}

.start .section__header p {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .start .column__space--secondary {
    margin-bottom: 40px;
  }
}

.start--two {
  background-color: #ffffff;
  padding-bottom: 410px;
}

@media only screen and (max-width: 1199px) {
  .start--two {
    padding-bottom: 390px;
  }
}

@media only screen and (max-width: 991px) {
  .start--two {
    padding-bottom: 370px;
  }
}

.start--three {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .start--three {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .start--three {
    padding-bottom: 80px;
  }
}

.start__single__item {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .start__single__item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.start__single__item .img__box {
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 180px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  position: relative;
}

@media only screen and (max-width: 767px) {
  .start__single__item .img__box {
    max-width: 140px;
    height: 140px;
  }
}

.start__single__item .img__box img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.start__single__item .img__box .step__count {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #5927e3;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .start__single__item .img__box .step__count {
    width: 40px;
    height: 40px;
    right: -20px;
  }
}

.start__single__item .img__box .step__count h4 {
  margin: 0px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .start__single__item .img__box .step__count h4 {
    font-size: 16px;
  }
}

.start__single__item h4 {
  text-align: center;
  margin: 33px 0px 23px;
}

@media only screen and (max-width: 1199px) {
  .start__single__item h4 {
    margin: 20px 0px 12px;
  }
}

.start__single__item p {
  text-align: center;
}

.arrow__container {
  position: relative;
}

.arrow__container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -195px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 130px;
  height: 34px;
  background-image: url(../images/step/left-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1399px) {
  .arrow__container::before {
    width: 80px;
    left: -140px;
    height: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .arrow__container::before {
    content: none;
  }
}

.arrow__container::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -195px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 130px;
  height: 34px;
  background-image: url(../images/step/right-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1399px) {
  .arrow__container::after {
    width: 80px;
    right: -140px;
    height: 24px;
  }
}

@media only screen and (max-width: 1199px) {
  .arrow__container::after {
    content: none;
  }
}

.video {
  position: relative;
  top: -180px;
  margin-bottom: -180px;
}

.video__area {
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.video__area img {
  width: 100%;
  height: auto;
  max-height: 515px;
  min-height: 230px;
  border-radius: 20px;
}

@media only screen and (max-width: 1199px) {
  .video__area img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .video__area img {
    border-radius: 10px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 1199px) {
  .video__area img {
    border-radius: 0px;
  }
}

.video__area .video__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video__area .video__popup {
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1399px) {
  .video__area .video__popup {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .video__area .video__popup {
    width: 60px;
    height: 60px;
  }
}

.video__area .video__popup::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  background-color: #ffffff60;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: waves 3s infinite linear;
          animation: waves 3s infinite linear;
}

@media only screen and (max-width: 1399px) {
  .video__area .video__popup::before {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .video__area .video__popup::before {
    width: 80px;
    height: 80px;
  }
}

.video__area .video__popup::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background-color: #ffffff60;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: waves 3s infinite linear;
          animation: waves 3s infinite linear;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@media only screen and (max-width: 1399px) {
  .video__area .video__popup::after {
    width: 160px;
    height: 160px;
  }
}

@media only screen and (max-width: 991px) {
  .video__area .video__popup::after {
    width: 100px;
    height: 100px;
  }
}

.video__area .video__popup i {
  font-size: 36px;
  color: #13216e;
}

@media only screen and (max-width: 1199px) {
  .video__area .video__popup i {
    font-size: 24px;
  }
}

.mfp-container {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

@media only screen and (max-width: 991px) {
  .mfp-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.mfp-bg {
  z-index: 999999;
  background-color: #000000;
  opacity: 0.9;
}

.mfp-wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999 !important;
}

.numbers {
  background-size: auto;
  background-position: right 50px center;
}

@media only screen and (max-width: 1199px) {
  .numbers {
    background-size: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .numbers {
    background-size: 250px;
    background-position: right 20px center;
  }
}

@media only screen and (max-width: 575px) {
  .numbers .alt {
    margin-top: 30px;
  }
}

.numbers .content h5 {
  margin-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  .numbers .content h2 {
    margin-bottom: 9px;
  }
}

.numbers__single {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  padding: 40px 20px;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .numbers__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .numbers__single {
    padding: 30px 15px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 1199px) and (max-width: 1199px) {
  .numbers__single {
    border-radius: 0px;
  }
}

.numbers__single:last-of-type {
  margin-bottom: 0px;
}

.numbers__single img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

@media only screen and (max-width: 1199px) {
  .numbers__single img {
    width: 100px;
    height: 100px;
  }
}

.numbers__single h3 {
  text-align: center;
  margin-top: 27px;
}

@media only screen and (max-width: 1199px) {
  .numbers__single h3 {
    margin-top: 22px;
  }
}

.numbers__single p {
  text-align: center;
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .numbers__single p {
    margin-top: 5px;
  }
}

.market .content {
  position: relative;
}

.market .content img {
  max-width: 90px;
  height: auto;
  display: inline-block;
  position: absolute;
  margin-left: 24px;
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .market .content img {
    max-width: 70px;
    margin-top: 5px;
  }
}

@media only screen and (max-width: 575px) {
  .market .content img {
    display: none;
  }
}

.market__thumb img {
  max-width: 49vw;
  height: auto;
  margin-top: -7px;
}

@media only screen and (max-width: 575px) {
  .market__thumb img {
    max-width: 65vw;
  }
}

.market--two {
  background-color: #5927e3;
}

.market__two .content h5 {
  margin-bottom: 17px;
}

.market__two .content h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .market__two .content h2 {
    margin-bottom: 17px;
  }
}

.market--three {
  margin-top: 300px;
}

.market__area--two {
  background-color: #ffffff;
  padding-left: 60px;
  padding-right: 60px;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 20px;
  position: relative;
  top: -300px;
  margin-bottom: -300px;
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .market__area--two {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .market__area--two {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market__area--two .market__two__thumb {
  position: absolute;
  bottom: 8px;
  right: 8px;
  max-width: 35vw;
  height: auto;
}

@media only screen and (max-width: 1399px) {
  .market__area--two .market__two__thumb {
    max-width: 40vw;
  }
}

@media only screen and (max-width: 767px) {
  .market__area--two .content {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .market__area--two .content h5,
  .market__area--two .content h2,
  .market__area--two .content p {
    text-align: center;
  }
}

.market__area--three {
  top: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.market__features {
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  .market__features {
    margin-top: 30px;
  }
}

.market__features .market__features__single {
  padding: 40px 30px;
  border-radius: 10px;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .market__features .market__features__single {
    border-radius: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .market__features .market__features__single {
    padding: 40px 50px;
  }
}

@media only screen and (max-width: 991px) {
  .market__features .market__features__single {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .market__features .market__features__single {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.market__features .market__features__single img {
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .market__features .market__features__single img {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .market__features .market__features__single img {
    width: 60px;
    height: auto;
  }
}

.market__features .market__features__single h4 {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}

.market__features .market__features__single p {
  color: #ffffff;
  text-align: center;
  margin-top: 13px;
}

@media only screen and (max-width: 991px) {
  .market__features .market__features__single p {
    font-size: 16px;
    margin-top: 9px;
  }
}

.market__features .market__features__single--alt {
  background-color: #6837ef;
}

@media only screen and (max-width: 767px) {
  .market__features .market__features__single--alt {
    margin: 10px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .market__features .alt {
    padding-bottom: 0px;
  }
}

.testimonial {
  background-color: #f4f6ff;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center bottom;
}

.testimonial .section__header {
  margin-bottom: 60px;
}

.testimonial .section__header h5 {
  margin-bottom: 10px;
}

.testimonial .section__header h2 {
  margin-bottom: 7px;
}

@media only screen and (max-width: 1199px) {
  .testimonial .section__header {
    margin-bottom: 40px;
  }
}

.testimonial--two {
  background-color: #ffffff;
}

@media only screen and (max-width: 424px) {
  .testimonial--two {
    background-size: 0px 0px;
    padding-top: 0px;
  }
}

.testimonial--two .testimonial__item__wrapper {
  margin-top: -20px;
  margin-bottom: -20px;
}

.testimonial--two .testimonial__item {
  -webkit-box-shadow: 0px 4px 10px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 10px 0px rgba(19, 33, 110, 0.25);
  margin-top: 20px;
  margin-bottom: 20px;
}

.testimonial__item {
  z-index: 1;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 40px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 40px top 40px;
  border-radius: 20px;
}

@media only screen and (max-width: 1199px) {
  .testimonial__item {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial__item {
    padding: 30px 20px;
    border-radius: 10px;
    background-size: 100px;
    background-position: left 20px top 20px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 1199px) {
  .testimonial__item {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .testimonial__item {
    padding: 40px 20px;
  }
}

.testimonial__item .tertiary {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin: 24px auto 38px;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .testimonial__item .tertiary {
    margin: 19px auto 28px;
  }
}

.testimonial__item .testimonial__author h5 {
  color: #1e266d;
  text-align: center;
  margin-top: 23px;
}

@media only screen and (max-width: 1199px) {
  .testimonial__item .testimonial__author h5 {
    margin-top: 18px;
  }
}

.testimonial__item .testimonial__author p {
  color: #4727eb;
  text-align: center;
  margin-top: 7px;
}

.testimonial__author__ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}

.testimonial__author__ratings i {
  font-size: 24px;
  color: #e4ab19;
}

@media only screen and (max-width: 575px) {
  .testimonial__author__ratings i {
    font-size: 20px;
  }
}

.avatar__wrapper {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: #c6c6e6;
  border: 1px solid #5927e3;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 575px) {
  .avatar__wrapper {
    width: 90px;
    height: 90px;
  }
}

.avatar__wrapper img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.testimonial__item__wrapper {
  border-radius: 20px;
  position: relative !important;
}

@media only screen and (max-width: 1199px) {
  .testimonial__item__wrapper {
    border-radius: 0px;
  }
}

.testimonial__item__wrapper .slick-slide {
  margin: 0px 12px;
  text-align: center;
}

.testimonial__item__wrapper .slick-list {
  margin-left: -12px;
  margin-right: -12px;
}

.testimonial__item__wrapper .arrow--button {
  height: 40px;
  width: 90px;
  line-height: 40px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  z-index: 1;
}

@media only screen and (max-width: 1199px) {
  .testimonial__item__wrapper .arrow--button {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .testimonial__item__wrapper .arrow--button {
    width: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__item__wrapper .arrow--button {
    display: none;
  }
}

.testimonial__item__wrapper .slick-prev {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.testimonial__item__wrapper .slick-prev::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f178";
}

@media only screen and (max-width: 1399px) {
  .testimonial__item__wrapper .slick-prev {
    right: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__item__wrapper .slick-prev {
    display: none !important;
  }
}

.testimonial__item__wrapper .slick-next {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 1399px) {
  .testimonial__item__wrapper .slick-next {
    left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial__item__wrapper .slick-next {
    display: none !important;
  }
}

.cities__area .title__with__cta {
  margin-bottom: 48px;
}

@media only screen and (max-width: 1199px) {
  .cities__area .title__with__cta {
    margin-bottom: 31px;
  }
}

.cities__area .title__with__cta .custom__slide__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .cities__area .title__with__cta .custom__slide__btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 15px;
  }
}

.cities__area .title__with__cta .button {
  width: 90px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  color: #5725df;
  background-color: #faf6fe;
}

@media only screen and (max-width: 767px) {
  .cities__area .title__with__cta .button {
    width: 70px;
    height: 30px;
    line-height: 30px;
  }
}

.cities__area .title__with__cta .button:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.cities__single__item {
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  text-align: left;
}

@media only screen and (max-width: 1199px) {
  .cities__single__item {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .cities__single__item {
    padding: 30px 20px;
    gap: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cities__single__item {
    padding: 20px;
  }
}

.cities__single__item .img__box {
  width: 140px;
  height: 140px;
  line-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #faf6fe;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .cities__single__item .img__box {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .cities__single__item .img__box {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}

.cities__single__item .img__box img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 1199px) {
  .cities__single__item .img__box img {
    max-width: 70%;
  }
}

.cities__single__item p {
  margin-top: 11px;
}

.cities__single__item .button {
  padding: 8px 20px;
  color: #5725df;
  background-color: #faf6fe;
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
  margin-top: 24px;
}

@media only screen and (max-width: 1199px) {
  .cities__single__item .button {
    margin-top: 19px;
  }
}

.cities__single__item .button i {
  font-size: 14px;
}

.cities__single__item .button:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.cities__item__wrapper {
  margin-bottom: -10px;
}

@media only screen and (max-width: 767px) {
  .cities__item__wrapper {
    max-width: 400px;
  }
}

.cities__item__wrapper .slick-slide {
  margin: 10px 12px;
  text-align: center;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .cities__item__wrapper .slick-slide {
    border-radius: 0px;
  }
}

.cities__item__wrapper .slick-list {
  margin-left: -12px;
  margin-right: -12px;
}

.cities__item__wrapper .cities__single__item {
  border-radius: 20px;
}

@media only screen and (max-width: 1199px) {
  .cities__item__wrapper .cities__single__item {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1399px) {
  .platform h5 {
    margin-top: -4px;
  }
}

.platform__thumb img {
  max-width: 51vw;
  height: auto;
}

.portfolio__overview__wrapper {
  z-index: 1;
  position: relative;
  bottom: -120px;
  margin-top: -120px;
}

@media only screen and (max-width: 1199px) {
  .portfolio__overview__wrapper {
    margin-top: -100px;
    bottom: -100px;
  }
}

@media only screen and (max-width: 991px) {
  .portfolio__overview__wrapper {
    margin-top: -80px;
    bottom: -80px;
  }
}

.portfolio__overview {
  padding: 43px 0px 41px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  position: relative;
  margin: 30px 0px 40px;
}

@media only screen and (max-width: 1399px) {
  .portfolio__overview {
    padding: 43px 0px 41px;
    margin: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .portfolio__overview {
    padding: 43px 20px 41px;
  }
}

.portfolio__overview::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1360px;
  max-width: 1363px;
  height: 284px;
  background-image: url("../images/dot-line.png");
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

@media only screen and (max-width: 1399px) {
  .portfolio__overview::before {
    display: none;
  }
}

.portfolio__overview__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}

@media only screen and (max-width: 1399px) {
  .portfolio__overview__single {
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .portfolio__overview__single {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.portfolio__overview__single img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

@media only screen and (max-width: 1399px) {
  .portfolio__overview__single img {
    width: 100px;
    height: 100px;
  }
}

.portfolio__overview__single p {
  margin-top: 6px;
}

@media only screen and (max-width: 1399px) {
  .portfolio__overview__single p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1199px) {
  .portfolio__overview__single p {
    margin-top: 0px;
  }
}

.port__thumb img {
  border-radius: 20px;
  max-width: 58vw;
  height: auto;
}

@media only screen and (max-width: 1199px) {
  .port__thumb img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .port__thumb img {
    max-width: 100%;
    min-height: 230px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 1199px) {
  .port__thumb img {
    border-radius: 0px;
  }
}

.port__cta__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-top: 36px;
}

@media only screen and (max-width: 1199px) {
  .port__cta__group {
    margin-top: 21px;
  }
}

@media only screen and (max-width: 575px) {
  .port__cta__group {
    gap: 20px;
  }
}

.port__cta__group .button {
  margin-top: 0px;
}

.why__invest .row {
  margin-bottom: 30px;
}

.why__invest .row:last-of-type {
  margin-bottom: -30px;
}

.why__invest .col-sm-6 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1399px) {
  .why__invest .content {
    margin-bottom: 30px;
  }
}

.why__invest__single {
  padding: 40px 20px;
  background-color: #ffffff;
  border: 1px solid #e1e8ff;
  border-radius: 20px;
  text-align: center;
  height: 100%;
}

@media only screen and (max-width: 1199px) {
  .why__invest__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .why__invest__single {
    border-radius: 10px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 1199px) {
  .why__invest__single {
    border-radius: 0px;
  }
}

.why__invest__single img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

@media only screen and (max-width: 991px) {
  .why__invest__single img {
    width: 100px;
    height: 100px;
  }
}

.why__invest__single h5 {
  text-align: center;
  margin-top: 34px;
  color: #13216e;
}

@media only screen and (max-width: 991px) {
  .why__invest__single h5 {
    margin-top: 24px;
  }
}

.why__invest__single p {
  text-align: center;
  margin-top: 15px;
}

@media only screen and (max-width: 991px) {
  .why__invest__single p {
    margin-top: 10px;
  }
}

.community {
  background-size: 100% 73%;
  background-position: top center;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}

@media only screen and (max-width: 1399px) {
  .community {
    background-size: 100% 73%;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .community {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .community {
    padding-bottom: 80px;
  }
}

.community::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1360px;
  max-width: 1363px;
  height: 284px;
  background-image: url("../images/dot-line.png");
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

@media only screen and (max-width: 1399px) {
  .community::before {
    display: none;
  }
}

.community .section__header {
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .community .section__header {
    margin-bottom: 40px;
  }
}

.community .section__header h2 {
  margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .community .section__header h2 {
    margin-bottom: 10px;
  }
}

.comunity-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 0;
  position: relative;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 20px;
  background: #ffffff;
  overflow: hidden;
}

@media only screen and (max-width: 1199px) {
  .comunity-wrapper {
    border-radius: 0px;
  }
}

@media (min-width: 992px) {
  .comunity-wrapper {
    min-height: 398px;
  }
}

@media only screen and (min-width: 1400px) {
  .comunity-wrapper {
    min-height: 598px;
  }
}

@media only screen and (max-width: 991px) {
  .comunity-wrapper {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .comunity-wrapper {
    border-radius: 0px;
    height: 230px;
  }
}

.comunity-wrapper .button {
  z-index: 1;
}

.comunity-asking {
  border-radius: 10px;
  background: #ffffff;
  padding: 65px 35px;
}

@media only screen and (max-width: 1199px) {
  .comunity-asking {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .comunity-asking {
    padding: 0;
    background: transparent;
  }
}

.comunity-asking img {
  width: 100%;
}

.comunity-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: comunity 40s linear infinite;
          animation: comunity 40s linear infinite;
}

.comunity-area.two {
  top: -100%;
}

.comunity-area.three {
  top: 100%;
}

@-webkit-keyframes comunity {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.9;
  }
  99.99% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes comunity {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0.9;
  }
  99.99% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.comunity-item {
  position: absolute;
}

.comunity-item img {
  width: 100%;
  border-radius: 50%;
}

.comunity-item:nth-child(1) {
  width: 141px;
  height: 141px;
  opacity: 0.8;
  left: calc(50% + 354px);
  top: 410px;
}

.comunity-item:nth-child(2) {
  width: 63px;
  height: 63px;
  opacity: 0.4;
  left: calc(50% + 465px);
  top: 260px;
}

.comunity-item:nth-child(3) {
  width: 64px;
  height: 64px;
  opacity: 0.5;
  left: calc(50% + 110px);
  top: 447px;
}

.comunity-item:nth-child(4) {
  width: 42px;
  height: 42px;
  opacity: 0.5;
  left: calc(50% + 230px);
  top: 400px;
}

.comunity-item:nth-child(5) {
  width: 65px;
  height: 65px;
  opacity: 0.5;
  left: calc(50% + 335px);
  top: 290px;
}

.comunity-item:nth-child(6) {
  width: 42px;
  height: 42px;
  opacity: 0.5;
  left: calc(50% + 390px);
  top: 158px;
}

.comunity-item:nth-child(7) {
  width: 65px;
  height: 65px;
  opacity: 0.5;
  left: calc(50% + 460px);
  top: 70px;
}

.comunity-item:nth-child(8) {
  width: 65px;
  height: 65px;
  opacity: 0.3;
  right: calc(50% + 120px);
  top: 387px;
}

.comunity-item:nth-child(9) {
  width: 65px;
  height: 65px;
  opacity: 0.5;
  right: calc(50% + 455px);
  top: 362px;
}

.comunity-item:nth-child(10) {
  width: 105px;
  height: 105px;
  opacity: 0.5;
  right: calc(50% + 340px);
  top: 265px;
}

.comunity-item:nth-child(11) {
  width: 45px;
  height: 45px;
  opacity: 0.3;
  right: calc(50% + 87px);
  top: 278px;
}

.comunity-item:nth-child(12) {
  width: 68px;
  height: 68px;
  opacity: 0.2;
  left: calc(50% - 15px);
  top: 210px;
}

.comunity-item:nth-child(13) {
  width: 68px;
  height: 68px;
  opacity: 0.65;
  left: calc(50% + 190px);
  top: 148px;
}

.comunity-item:nth-child(14) {
  width: 44px;
  height: 44px;
  opacity: 0.5;
  left: calc(50% + 325px);
  top: 10px;
}

.comunity-item:nth-child(15) {
  width: 43px;
  height: 43px;
  opacity: 0.5;
  left: calc(50% + 65px);
  top: 70px;
}

.comunity-item:nth-child(16) {
  width: 49px;
  height: 49px;
  opacity: 0.4;
  right: calc(50% + 580px);
  top: 296px;
}

.comunity-item:nth-child(17) {
  width: 49px;
  height: 49px;
  opacity: 0.4;
  right: calc(50% + 500px);
  top: 256px;
}

.comunity-item:nth-child(18) {
  width: 45px;
  height: 45px;
  opacity: 0.5;
  right: calc(50% + 400px);
  top: 205px;
}

.comunity-item:nth-child(19) {
  width: 75px;
  height: 75px;
  opacity: 0.2;
  right: calc(50% + 213px);
  top: 133px;
}

.comunity-item:nth-child(20) {
  width: 110px;
  height: 110px;
  opacity: 0.3;
  right: calc(50% - 16px);
  top: 10px;
}

.comunity-item:nth-child(21) {
  width: 146px;
  height: 146px;
  opacity: 0.3;
  right: calc(50% + 480px);
  top: 86px;
}

.comunity-item:nth-child(22) {
  width: 61px;
  height: 61px;
  opacity: 0.3;
  right: calc(50% + 380px);
  top: 55px;
}

.why__invest__two__area .section__header {
  margin-bottom: 55px;
}

@media only screen and (max-width: 1199px) {
  .why__invest__two__area .section__header {
    margin-bottom: 35px;
  }
}

.why__invest__two__area .section__header h2 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 6px;
}

.why__invest__two__area .section__header p {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.why__invest__two__area .row {
  margin-bottom: -40px;
}

.why__invest__two__single__item {
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1399px) {
  .why__invest__two__single__item {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.why__invest__two__single__item img {
  max-width: 100px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .why__invest__two__single__item img {
    max-width: 80px;
  }
}

.why__invest__two__single__item h5 {
  text-align: center;
  margin-top: 33px;
  color: #13216e;
}

@media only screen and (max-width: 1199px) {
  .why__invest__two__single__item h5 {
    margin-top: 23px;
  }
}

.why__invest__two__single__item p {
  text-align: center;
  margin-top: 16px;
}

@media only screen and (max-width: 1199px) {
  .why__invest__two__single__item p {
    margin-top: 11px;
  }
}

.about__overview {
  position: relative;
  top: -200px;
  margin-bottom: -200px;
}

.about__overview .video {
  position: static;
  top: 0px;
  margin-bottom: 0px;
}

.about__overview .video .video__area {
  max-width: 100%;
}

.about__overview .video .video__area img {
  max-height: 550px;
  min-height: 200px;
}

.about__overview .section__header {
  margin: 60px auto;
}

@media only screen and (max-width: 991px) {
  .about__overview .section__header {
    margin: 40px auto;
  }
}

.about__overview .portfolio__overview {
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
  margin: 0px;
  padding: 0px;
}

.about__overview .portfolio__overview::before {
  content: none;
}

.image__gallery__area {
  padding: 0px 34px;
}

@media only screen and (max-width: 575px) {
  .image__gallery__area {
    padding: 0px 12px;
  }
}

.image__gallery__area .slick-slide {
  margin: 0px 12px;
  text-align: center;
}

.image__gallery__area .slick-list {
  margin-left: -12px;
  margin-right: -12px;
}

.gallery__single img {
  max-width: 100%;
  height: auto;
  min-height: 230px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .gallery__single img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .gallery__single img {
    min-height: auto;
    border-radius: 5px;
  }
}

@media only screen and (max-width: 575px) {
  .gallery__single img {
    max-width: 300px;
    height: auto;
    border: 8px solid #ffffff;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
            box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 424px) {
  .gallery__single img {
    width: 100%;
  }
}

.image__gallery--two .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .image__gallery--two .section__header {
    margin-bottom: 40px;
  }
}

.image__gallery--two .section__header h2 {
  max-width: 615px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .image__gallery--two .section__header h2 {
    margin-bottom: 8px;
  }
}

.team__area .section__header {
  margin-bottom: 55px;
}

@media only screen and (max-width: 991px) {
  .team__area .section__header {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .team__area .section__header {
    margin-bottom: 40px;
  }
}

.team__area .row {
  margin-bottom: -30px;
}

.team__single {
  padding: 10px 10px 25px;
  border: 1px solid #dcdefd;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .team__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .team__single {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.team__single .team__thumb {
  position: relative;
}

.team__single .team__thumb a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 30px;
  left: 30px;
  border: 1px solid #13216e;
  border-radius: 50%;
}

@media only screen and (max-width: 1199px) {
  .team__single .team__thumb a {
    bottom: 20px;
    left: 20px;
  }
}

.team__single .team__thumb a i {
  color: #13216e;
}

.team__single img {
  width: 100%;
  max-height: 100%;
  min-height: 210px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .team__single img {
    border-radius: 0px;
  }
}

.team__single h5 {
  text-align: center;
  color: #13216e;
  margin-top: 25px;
}

@media only screen and (max-width: 991px) {
  .team__single h5 {
    margin-top: 20px;
  }
}

.team__single p {
  text-align: center;
  color: #13216e;
  margin-top: 5px;
}

.open__job__area h2 {
  text-align: center;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1199px) {
  .open__job__area h2 {
    margin-bottom: 28px;
  }
}

.open__position__tab__wrapper {
  margin-bottom: -30px;
}

.job__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .job__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .job__single {
    padding: 30px 20px;
  }
}

.job__single .arrw {
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #8080803b;
}

@media only screen and (max-width: 767px) {
  .job__single .arrw {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #13216e;
    border-radius: 50%;
  }
}

.job__single .arrw i {
  font-size: 20px;
  color: #13216e;
}

@media only screen and (max-width: 767px) {
  .job__single .arrw i {
    color: #ffffff;
  }
}

.open__job__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .open__job__inner {
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.open__job__inner img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .open__job__inner img {
    width: 50px;
    height: 50px;
  }
}

.open__job__inner h5 {
  margin-bottom: 5px;
}

.open__job__inner h5 a {
  color: #13216e;
}

.open__job__inner h5 a:hover {
  color: #5927e3;
}

.open__job__inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .open__job__inner ul {
    margin-bottom: -6px;
  }
}

.open__job__inner li {
  list-style-type: disc;
  list-style-position: inside;
  margin-right: 16px;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .open__job__inner li {
    font-size: 14px;
    margin-right: 16px;
  }
}

.open__job__inner li:first-of-type {
  list-style-type: none;
}

.open__job__inner li:last-of-type {
  margin-right: 0px;
}

.open__tab__position h2 {
  text-align: center;
  margin-bottom: 30px;
}

.open__tab__position .open__tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding: 10px;
  background-color: #fbf9fe;
  border: 1px solid #dcdefd;
  border-radius: 20px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .open__tab__position .open__tab {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .open__tab__position .open__tab {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .open__tab__position .open__tab {
    border-radius: 0px;
    gap: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .open__tab__btn {
    padding: 6px 16px 8px;
  }
}

.open__job__single {
  width: 100%;
}

.open__position__tab__wrapper {
  overflow: visible !important;
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.position__details__area h2 {
  text-align: center;
}

.position__details__area .group__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding: 40px 0px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 1px solid #cdd1e2;
}

@media only screen and (max-width: 1199px) {
  .position__details__area .group__btn {
    padding: 30px 0px;
  }
}

.position__details__content__wrapper {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.position__details__content__wrapper form {
  margin-top: 52px;
}

@media only screen and (max-width: 991px) {
  .position__details__content__wrapper form {
    margin-top: 32px;
  }
}

.position__details__content__wrapper .text__group {
  margin-top: 52px;
}

@media only screen and (max-width: 991px) {
  .position__details__content__wrapper .text__group {
    margin-top: 32px;
  }
}

.position__details__content__wrapper .text__group h3 {
  margin-bottom: 21px;
}

@media only screen and (max-width: 991px) {
  .position__details__content__wrapper .text__group h3 {
    margin-bottom: 15px;
  }
}

.position__details__content__wrapper .text__group li {
  list-style-type: disc;
  margin-bottom: 5px;
}

.position__details__content__wrapper .text__group li:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.position__details__content__wrapper .text__group .d-flex {
  margin-bottom: 21px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}

.position__details__content__wrapper .text__group .d-flex h3 {
  margin: 0px;
}

.position__details__content__wrapper .text__group .d-flex a {
  color: #4508ed;
  font-weight: 400;
}

.position__details__content__wrapper .text__group .d-flex a i {
  font-size: 20px;
}

.position__details__content__wrapper #application .cta__btn {
  margin-top: 60px;
}

@media only screen and (max-width: 1199px) {
  .position__details__content__wrapper #application .cta__btn {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .position__details__content__wrapper #application .cta__btn {
    margin-top: 30px;
  }
}

.alert__newsletter {
  position: relative;
  top: -140px;
  margin-bottom: -140px;
}

.alert__newsletter__area {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 33px 24px 0px rgba(19, 33, 110, 0.05);
          box-shadow: 0px 33px 24px 0px rgba(19, 33, 110, 0.05);
  border-radius: 20px;
  padding: 80px 40px;
}

@media only screen and (max-width: 1199px) {
  .alert__newsletter__area {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .alert__newsletter__area {
    padding: 40px 20px;
    border-radius: 0px;
  }
}

.alert__newsletter__area .section__header {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.alert__newsletter__area .regi__type .nice-select {
  margin-bottom: 0px;
}

.alert__newsletter__area form {
  margin-top: 52px;
}

@media only screen and (max-width: 1199px) {
  .alert__newsletter__area form {
    margin-top: 35px;
  }
}

.banner__alt {
  padding: 200px 0px 194px;
  background-color: #f4f6ff;
}

@media only screen and (max-width: 1199px) {
  .banner__alt {
    padding: 170px 0px 100px;
  }
}

@media only screen and (max-width: 991px) {
  .banner__alt {
    padding: 150px 0px 80px;
  }
}

@media only screen and (max-width: 767px) {
  .banner__alt {
    padding: 140px 0px 80px;
  }
}

.banner__alt h5 {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .banner__alt h5 {
    margin-bottom: 23px;
  }
}

.banner__alt h1 {
  text-align: center;
}

.properties__filter__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 120px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .properties__filter__wrapper {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .properties__filter__wrapper {
    margin-top: 80px;
  }
}

.properties__filter__wrapper h6 {
  font-weight: 700;
}

.properties__filter__wrapper h6 span {
  color: #5927e3;
  font-weight: 700;
  line-height: inherit;
}

.properties__filter__wrapper .grid__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

@media only screen and (max-width: 991px) {
  .properties__filter__wrapper .grid__wrapper {
    gap: 15px;
    display: none;
  }
}

.properties__filter__wrapper .grid__wrapper .nice-select {
  background-color: transparent;
  border: none;
  outline: none;
  padding-left: 30px;
  padding-right: 20px;
  width: 100%;
  border: 1px solid #c3c7e4;
  border-radius: 0px;
  width: 210px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 1199px) {
  .properties__filter__wrapper .grid__wrapper .nice-select {
    line-height: 56px !important;
    height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .properties__filter__wrapper .grid__wrapper .nice-select {
    width: 150px;
    line-height: 40px !important;
    height: 40px !important;
  }
}

@media only screen and (max-width: 575px) {
  .properties__filter__wrapper .grid__wrapper .nice-select {
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 20px;
    border-radius: 0px;
  }
}

.properties__filter__wrapper .grid__wrapper .nice-select::after {
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-color: #434e9e80;
  right: 34px;
}

@media only screen and (max-width: 575px) {
  .properties__filter__wrapper .grid__wrapper .nice-select::after {
    width: 8px;
    height: 8px;
    margin-top: -6px;
  }
}

.properties__filter__wrapper .grid__wrapper .nice-select .current {
  color: #13216e;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.properties__filter__wrapper .grid__wrapper .nice-select .list {
  position: absolute;
  top: 100%;
  background-color: #5927e3;
  -webkit-box-shadow: 0px 4px 24px 0px #13216e;
          box-shadow: 0px 4px 24px 0px #13216e;
  width: 70%;
  max-height: 300px;
  overflow-y: auto;
}

.properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar {
  width: 5px;
}

.properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-track {
    border-radius: 0px;
  }
}

.properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-thumb {
  background-color: #0c266c;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .properties__filter__wrapper .grid__wrapper .nice-select .list {
    min-width: 60px;
  }
}

.properties__filter__wrapper .grid__wrapper .nice-select .list:hover .selected {
  color: #ffffff;
}

.properties__filter__wrapper .grid__wrapper .nice-select .option {
  background-color: #5927e3;
  color: #ffffff;
  min-height: auto;
  line-height: 28px;
  padding: 8px 16px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  .properties__filter__wrapper .grid__wrapper .nice-select .option {
    font-size: 14px;
    line-height: 20px;
  }
}

.properties__filter__wrapper .grid__wrapper .nice-select .option:hover {
  background-color: #ffffff;
  color: #0c266c;
}

.properties__filter__wrapper .grid__wrapper .nice-select .selected {
  font-weight: 400;
  color: #ffffff;
}

.properties__filter__wrapper .grid__wrapper .nice-select .selected:hover {
  color: #0c266c !important;
}

.properties__filter__wrapper .grid__wrapper a i {
  color: #13216e;
}

.properties__filter__wrapper .grid__wrapper .grid__btn {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #c3c7e4;
}

@media only screen and (max-width: 1199px) {
  .properties__filter__wrapper .grid__wrapper .grid__btn {
    width: 56px;
    height: 56px;
  }
}

@media only screen and (max-width: 767px) {
  .properties__filter__wrapper .grid__wrapper .grid__btn {
    width: 40px;
    height: 40px;
  }
}

.properties__filter__wrapper .grid__wrapper .grid__btn i {
  font-size: 22px;
  color: #13216e;
}

@media only screen and (max-width: 767px) {
  .properties__filter__wrapper .grid__wrapper .grid__btn i {
    font-size: 16px;
  }
}

.properties__filter__wrapper .grid__wrapper .grid__btn__active {
  background-color: #5927e3;
}

.properties__filter__wrapper .grid__wrapper .grid__btn__active i {
  color: #ffffff;
}

.property__grid {
  padding-right: 10px;
}

@media only screen and (max-width: 1199px) {
  .property__grid {
    padding: 10px;
  }
  .property__grid .property__item__image {
    margin-bottom: 0px;
  }
}

.property__grid .img__effect img {
  max-width: 100%;
  max-height: 400px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .property__grid .img__effect img {
    max-height: 250px;
  }
}

.property__grid .item__head__left h4 {
  margin-top: 12px;
}

@media only screen and (max-width: 1199px) {
  .property__grid .item__head__left h4 {
    margin-top: 15px;
  }
}

.property__grid .item__head__right {
  display: none;
}

.property__grid .project__goal {
  display: none;
}

.property__grid .item__info {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

@media only screen and (max-width: 1199px) {
  .property__grid .item__info {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.property__grid .item__info::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  bottom: 0px;
  width: 1px;
  height: 70%;
  background-color: #adafc9;
}

@media only screen and (max-width: 767px) {
  .property__grid .item__info::before {
    content: none;
  }
}

.property__grid .item__info .item__info__single::before {
  content: none;
}

.property__grid .item__info .item__info__single:nth-last-of-type(1) {
  display: none;
}

.property__grid .item__info .item__info__single:nth-last-of-type(3) {
  display: none;
}

.property__grid .item__footer {
  display: none;
}

.property__grid .invest__cta__wrapper {
  background-color: #ffffff;
  padding: 30px 0px 20px;
}

@media only screen and (max-width: 575px) {
  .property__grid .invest__cta__wrapper {
    padding: 25px 0px 15px;
  }
}

.property__grid .property__item__content {
  padding: 0px 10px;
}

@media only screen and (max-width: 767px) {
  .property__grid .property__item__content {
    padding: 0px;
  }
}

.property__grid__area__wrapper {
  margin-bottom: -30px;
}

.property__grid__area__wrapper .property__grid__area__wrapper__inner {
  margin-bottom: 30px;
}

.property__grid__area__wrapper .property__list__wrapper .invest__cta__wrapper {
  display: none;
}

.property__grid__area__wrapper .property__grid .invest__cta__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.properties__filter .cta__btn {
  margin-top: 60px;
}

@media only screen and (max-width: 1199px) {
  .properties__filter .cta__btn {
    margin-top: 40px;
  }
}

.alert__newsletter__alt .section__header {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.alert__newsletter__alt .section__header h2 {
  margin-bottom: 5px;
}

.alert__newsletter__alt .alert__newsletter__area {
  padding: 60px 40px;
}

@media only screen and (max-width: 767px) {
  .alert__newsletter__alt .alert__newsletter__area {
    padding: 60px 20px;
  }
}

.alert__newsletter__alt .regi__type .nice-select {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .alert__newsletter__alt .regi__type .nice-select {
    margin-bottom: 22px;
  }
}

.investment__amount {
  background-position: center bottom 120px;
  background-size: 100% 70%;
}

.investment__wrapper {
  padding: 20px;
  background-color: #f9fafc;
  border: 1px solid #d8dffd;
  border-radius: 10px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .investment__wrapper {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .investment__wrapper {
    padding: 25px 10px;
  }
}

.investment__wrapper .investment__wrapper__inner {
  padding: 40px 30px 36px;
  background-color: #ffffff;
  border: 1px solid #d8dffd;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .investment__wrapper .investment__wrapper__inner {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .investment__wrapper .investment__wrapper__inner {
    padding: 30px 10px 26px;
  }
}

.investment__wrapper .investment__wrapper__inner h5 {
  color: #13216e;
  margin-bottom: 10px;
}

.investment__wrapper .investment__wrapper__inner .radio__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .investment__wrapper .investment__wrapper__inner .radio__group {
    gap: 15px;
  }
}

.investment__wrapper .investment__wrapper__inner .radio__group input {
  display: none;
}

.investment__wrapper .investment__wrapper__inner .radio__group label {
  position: relative;
  padding-left: 25px;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
}

@media only screen and (max-width: 1199px) {
  .investment__wrapper .investment__wrapper__inner .radio__group label {
    font-size: 20px;
  }
}

.investment__wrapper .investment__wrapper__inner .radio__group label:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  background-color: #c3c7e4;
}

.investment__wrapper .investment__wrapper__inner .radio__group span {
  width: 18px;
  height: 18px;
  display: inline-block;
  outline: 1px solid #d8dffd;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.investment__wrapper .investment__wrapper__inner .radio__group input:checked + label::after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #5927e3;
}

.investment__wrapper .investment__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 28px;
}

.investment__wrapper .investment__footer p {
  text-align: center;
  font-weight: 400;
}

.investment__wrapper .investment__footer h4 {
  text-align: center;
  color: #4e0dff;
  margin-top: 12px;
}

.investment__inner__area .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .investment__inner__area .section__header {
    margin-bottom: 40px;
  }
}

.investment__inner__area .section__header h5 {
  margin-bottom: 13px;
}

.investment__inner__area .section__header h2 {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 5px;
}

.investment__inner__area .section__header p {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.investment__inner__area .row {
  margin-bottom: -30px;
}

.investment__inner__area .invest__single {
  padding: 60px 20px;
  background-color: #ffffff;
  border: 1px solid #d8dffd;
  border-radius: 10px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .investment__inner__area .invest__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .investment__inner__area .invest__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .investment__inner__area .invest__single {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .investment__inner__area .invest__single {
    padding: 30px 20px;
    border-radius: 0px;
  }
}

.investment__inner__area .invest__single h4 {
  text-align: center;
}

.investment__inner__area .invest__single p {
  text-align: center;
}

.faq .section__header h2 {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .faq .section__header h2 {
    margin-bottom: 33px;
  }
}

.faq .faq__group {
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.faq .faq__group .accordion-item {
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  background-color: #ffffff;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .faq .faq__group .accordion-item {
    border-radius: 0px;
  }
}

.faq .faq__group .accordion-item:last-of-type {
  margin-bottom: 0px;
}

.faq .faq__group .accordion-item .accordion-button:not(.collapsed) {
  color: #13216e;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .faq .faq__group .accordion-item .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
  }
}

.faq .faq__group h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .faq .faq__group h5 {
    gap: 10px;
    padding: 20px 10px;
  }
}

.faq .faq__group h5 button {
  padding: 0px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  border: none;
  outline: none;
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
}

@media only screen and (max-width: 1199px) {
  .faq .faq__group h5 button {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .faq .faq__group h5 button {
    font-size: 16px;
    line-height: 22px;
  }
}

.faq .faq__group .icon_box {
  min-width: 50px;
  min-height: 50px;
  line-height: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
}

@media only screen and (max-width: 767px) {
  .faq .faq__group .icon_box {
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
  }
}

.faq .faq__group .icon_box img {
  max-width: 80%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .faq .faq__group .icon_box img {
    width: 20px;
    height: auto;
  }
}

.faq .faq__group .accordion-body {
  padding: 20px 40px;
  border-top: 1px solid #d8dffd;
}

@media only screen and (max-width: 991px) {
  .faq .faq__group .accordion-body {
    padding: 20px;
  }
}

.list__overview {
  position: relative;
  top: -140px;
  margin-bottom: -140px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .list__overview {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .list__overview {
    padding-bottom: 50px;
  }
}

.list__overview__single {
  padding: 20px 10px;
  background-color: #ffffff;
  border-radius: 20px;
  text-align: center;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);

}

@media only screen and (max-width: 1199px) {
  .list__overview__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .list__overview__single {
    border-radius: 0px;
  }
}

.list__overview__single img {
  max-width: 100%;
  height: auto;
  height: 82px;
}

@media only screen and (max-width: 767px) {
  .list__overview__single img {
    margin-bottom: 18px;
    max-width: 50px;
    height: auto;
  }
}

.list__overview__single h3 {
  text-align: center;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .list__overview__single h3 {
    margin-bottom: 5px;
  }
}

.list__overview__single p {
  text-align: center;
}

.numbers__two p a {
  color: #13216e;
  margin-top: 10px;
}

.numbers__two p a:hover {
  color: #5927e3;
}

.numbers__two .numbers__single h5 {
  text-align: center;
  color: #13216e;
}

.numbers__two .numbers__single img {
  border-radius: 0px;
  max-width: 100%;
  height: auto;
  margin-bottom: 35px;
}

@media only screen and (max-width: 1199px) {
  .numbers__two .numbers__single img {
    max-width: 80px;
    height: auto;
  }
}

.numbers__two .numbers__single p {
  margin-top: 15px;
}

.work__two {
  background-position: center center;
  background-size: 100% 100%;
}

.work__two .row {
  margin-bottom: -40px;
}

.work__two .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .work__two .section__header {
    margin-bottom: 40px;
  }
}

.work__two .section__header h5 {
  margin-bottom: 12px;
}

.work__two .work__two__single {
  text-align: center;
  margin-bottom: 40px;
}

.work__two .work__two__single .ico {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #c7c7df;
  border-radius: 50%;
  margin-bottom: 34px;
}

@media only screen and (max-width: 1199px) {
  .work__two .work__two__single .ico {
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
  }
}

.work__two .work__two__single .ico h4 {
  margin-bottom: 0px;
}

.work__two .work__two__single h4 {
  text-align: center;
  margin-bottom: 13px;
}

@media only screen and (max-width: 1199px) {
  .work__two .work__two__single h4 {
    margin-bottom: 8px;
  }
}

.work__two .work__two__single p {
  text-align: center;
}

.contact__overview {
  position: relative;
  top: -170px;
  margin-bottom: -170px;
}

.contact__overview__single {
  padding: 40px 30px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
}

@media only screen and (max-width: 1199px) {
  .contact__overview__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .contact__overview__single {
    padding: 30px 20px;
  }
}

.contact__overview__single img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin-bottom: 33px;
}

@media only screen and (max-width: 1199px) {
  .contact__overview__single img {
    margin-bottom: 23px;
    width: 100px;
    height: 100px;
  }
}

.contact__overview__single h5 {
  color: #13216e;
  text-align: center;
  margin-bottom: 17px;
}

@media only screen and (max-width: 1199px) {
  .contact__overview__single h5 {
    margin-bottom: 12px;
  }
}

.contact__overview__single p {
  text-align: center;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.contact__overview__single p:last-of-type {
  font-weight: 600;
}

.contact__overview__single p a {
  color: #13216e;
}

.contact__overview__single p a:hover {
  color: #5927e3;
}

.contact__overview__single hr {
  background-color: #919bb6;
  margin: 24px 0px;
}

@media only screen and (max-width: 1199px) {
  .contact__overview__single hr {
    margin: 19px 0px;
  }
}

.ask {
  background-position: top 370px center;
}

.ask .section__header h2 {
  margin-bottom: 0px;
}

.ask .alert__newsletter__area {
  padding: 60px 40px;
  border: 1px solid #c3c7e4;
}

@media only screen and (max-width: 767px) {
  .ask .alert__newsletter__area {
    padding: 40px 20px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 1199px) {
  .ask .alert__newsletter__area {
    border-radius: 0px;
  }
}

.ask .alert__newsletter__area form {
  margin-top: 42px;
}

.key-faq .section__header {
  margin-bottom: 60px;
}

.key-faq .section__header h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .key-faq .section__header h2 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .key-faq .section__header {
    margin-bottom: 40px;
  }
}

.key-faq .faq__group .icon_box {
  display: none !important;
}

.key-faq .faq__group .accordion-body {
  padding: 20px;
}

.program .row {
  margin-bottom: -30px;
}

.program .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .program .section__header {
    margin-bottom: 40px;
  }
}

.program__single {
  padding: 40px 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 20px;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .program__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .program__single {
    padding: 30px 20px;
    border-radius: 0px;
  }
}

.program__single .box {
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f9f6ff;
  border-radius: 50%;
}

@media only screen and (max-width: 991px) {
  .program__single .box {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 100px;
  }
}

.program__single .box h3 {
  color: #4e0dff;
}

.program__single h5 {
  text-align: center;
  text-transform: uppercase;
  color: #13216e;
  margin: 22px 0px 15px;
}

@media only screen and (max-width: 767px) {
  .program__single h5 {
    margin: 20px 0px 13px;
  }
}

.program__single p {
  text-align: center;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.step__two {
  background-size: 100% 90%;
  background-position: top center;
}

.step__two .section__header {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .step__two .section__header {
    margin-bottom: 40px;
  }
}

.step__two .section__header h2 {
  margin-bottom: 0px;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.step__two .row {
  margin-bottom: -30px;
}

.step__two__single {
  text-align: center;
  padding: 40px 30px;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .step__two__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .step__two__single {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .step__two__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .step__two__single {
    padding: 30px 20px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.step__two__single img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

@media only screen and (max-width: 575px) {
  .step__two__single img {
    width: 70px;
    height: 70px;
  }
}

.step__two__single h4 {
  text-align: center;
  margin-top: 34px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1199px) {
  .step__two__single h4 {
    margin-top: 24px;
    margin-bottom: 7px;
  }
}

.step__two__single p {
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .step__two__single p {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.video__two {
  position: static;
  margin-bottom: 0px;
}

.blog__overview__area .search__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
  border-bottom: 1px solid #c3c7e4;
  margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
  .blog__overview__area .search__bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .blog__overview__area .search__bar h2 {
    margin-top: -9px;
  }
}

.blog__overview__area .search__bar form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border: 1px solid #c3c7e4;
  border-radius: 10px;
  background-color: #fbf8ff;
  gap: 15px;
  max-height: 70px;
}

@media only screen and (max-width: 1199px) {
  .blog__overview__area .search__bar form {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .blog__overview__area .search__bar form {
    max-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 0px;
  }
}

.blog__overview__area .search__bar form div {
  position: relative;
}

.blog__overview__area .search__bar form div i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  font-size: 18px;
  color: rgba(67, 78, 158, 0.502);
}

.blog__overview__area .search__bar form input {
  background-color: transparent;
  padding: 8px 10px 8px 35px;
}

.blog__overview__area .search__bar form input::-webkit-input-placeholder {
  color: rgba(67, 78, 158, 0.502);
  font-size: 16px;
  font-weight: 600;
}

.blog__overview__area .search__bar form input:-ms-input-placeholder {
  color: rgba(67, 78, 158, 0.502);
  font-size: 16px;
  font-weight: 600;
}

.blog__overview__area .search__bar form input::-ms-input-placeholder {
  color: rgba(67, 78, 158, 0.502);
  font-size: 16px;
  font-weight: 600;
}

.blog__overview__area .search__bar form input::placeholder {
  color: rgba(67, 78, 158, 0.502);
  font-size: 16px;
  font-weight: 600;
}

.blog__overview__area .search__bar form .button {
  overflow: visible;
  max-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 767px) {
  .blog__overview__area .search__bar form .button {
    height: 40px;
  }
}

.featured__large__post {
  padding: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .featured__large__post {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .featured__large__post {
    border-radius: 0px;
  }
}

.featured__large__post .thumbnail {
  display: block;
  width: 100%;
  overflow: hidden;
}

.featured__large__post .thumbnail img {
  width: 100%;
  height: auto;
  min-height: 200px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media only screen and (max-width: 1199px) {
  .featured__large__post .thumbnail img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .featured__large__post .thumbnail img {
    border-radius: 0px;
  }
}

.featured__large__post .blog__content {
  padding: 24px 20px 14px;
}

@media only screen and (max-width: 767px) {
  .featured__large__post .blog__content {
    padding: 20px 10px 14px;
  }
}

.featured__large__post .blog__content a {
  color: #5927e3;
}

.featured__large__post .blog__content a:hover {
  color: #4e0dff;
}

.featured__large__post .blog__content h4 a {
  color: #13216e;
}

.featured__large__post .blog__content p {
  margin: 20px 0px;
}

.featured__large__post:hover .thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog__overview__area .row {
  margin-bottom: -30px;
}

.featured__large__post,
.featured__post {
  margin-bottom: 30px;
}

.featured__post-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
  padding: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .featured__post-single {
    border-radius: 0px;
  }
}

.featured__post-single:last-of-type {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1199px) {
  .featured__post-single {
    gap: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .featured__post-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 30px 20px 25px;
  }
}

.featured__post-single .thumbnail {
  display: inline-block;
}

.featured__post-single .thumbnail img {
  width: 233px;
  height: 144px;
  border-radius: 0px;
}

@media only screen and (max-width: 1199px) {
  .featured__post-single .thumbnail img {
    width: 180px;
    height: 130px;
  }
}

.featured__post-single-content h5 {
  margin-bottom: 13px;
  max-width: 300px;
}

.featured__post-single-content h5 a {
  color: #13216e;
}

.featured__post-single-content a {
  color: #5927e3;
}

.featured__post-single-content a:hover {
  color: #4e0dff;
}

.latest__post {
  background-color: #f7f9ff;
}

.latest__post .featured__large__post {
  margin-bottom: 30px;
}

.latest__post .featured__large__post h5 a {
  color: #13216e;
}

.latest__post .featured__large__post h5 a:hover {
  color: #4e0dff;
}

.latest__post .featured__large__post p {
  margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
  .latest__post .featured__large__post p {
    margin-bottom: 17px;
    margin-top: 17px;
  }
}

.latest__post .featured__large__post .blog__content {
  padding-left: 10px;
  padding-right: 10px;
}

.latest__post .latest__blog__shuffle {
  margin-bottom: -30px;
}

.filter__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 37px;
}

@media only screen and (max-width: 767px) {
  .filter__bar h3 {
    margin-top: -8px;
  }
}

.filter__bar .filter__bar__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .filter__bar .filter__bar__tabs {
    gap: 15px;
  }
}

.filter__bar .filter__bar__tab {
  padding: 10px 20px;
  border-radius: 0px;
}

@media only screen and (max-width: 767px) {
  .filter__bar .filter__bar__tab {
    padding: 4px 16px;
  }
}

.blog__newsletter {
  padding: 40px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .blog__newsletter {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog__newsletter {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__newsletter {
    padding: 30px 20px;
    border-radius: 0px;
  }
}

.blog__newsletter img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 34px;
}

@media only screen and (max-width: 767px) {
  .blog__newsletter img {
    width: 90px;
    height: 90px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog__newsletter img {
    margin-bottom: 24px;
  }
}

.blog__newsletter h4 {
  text-align: center;
  margin-bottom: 13px;
}

@media only screen and (max-width: 1199px) {
  .blog__newsletter h4 {
    margin-bottom: 10px;
  }
}

.blog__newsletter p {
  text-align: center;
}

.blog__newsletter form {
  margin-top: 36px;
}

@media only screen and (max-width: 1199px) {
  .blog__newsletter form {
    margin-top: 26px;
  }
}

.blog__newsletter input {
  background-color: #fbf8ff;
  border: 1px solid #c3c7e4;
  color: #13216e;
}

.blog__newsletter input::-webkit-input-placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.blog__newsletter input:-ms-input-placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.blog__newsletter input::-ms-input-placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.blog__newsletter input::placeholder {
  color: #434e9e50;
  font-weight: 600;
}

.blog__newsletter .button {
  width: 100%;
  margin-top: 20px;
}

.blog__popular {
  margin-top: 30px;
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .blog__popular {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__popular {
    padding: 30px 20px;
    border-radius: 0px;
  }
}

.blog__popular h5 {
  font-weight: 700;
  color: #13216e;
  margin-bottom: 20px;
}

.blog__popular__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  padding: 20px 0px;
  border-top: 1px solid #c3c7e4;
}

.blog__popular__single:last-of-type {
  padding-bottom: 0px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .blog__popular__single {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 575px) {
  .blog__popular__single {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.blog__popular__single img {
  width: 150px;
  height: 110px;
  border-radius: 0px;
}

.blog__popular__single .blog__popular__single-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.blog__popular__single .blog__popular__single-content h6 {
  margin-bottom: 15px;
}

.blog__popular__single .blog__popular__single-content h6 a {
  color: #13216e;
}

.blog__popular__single .blog__popular__single-content h6 a:hover {
  color: #5927e3;
}

.blog__popular__single .blog__popular__single-content a {
  color: #4e0dff;
}

.blog__popular__single .blog__popular__single-content a:hover {
  color: #13216e;
}

.blog__popular__single .categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.blog__popular__single .categories a:hover {
  color: #5927e3;
}

.latest__blog__shuffle__list {
  margin-bottom: -30px;
}

.latest__blog__shuffle__list .featured__large__post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .latest__blog__shuffle__list .featured__large__post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.latest__blog__shuffle__list .featured__large__post .thumbnail {
  max-width: 396px;
  min-height: 230px;
}

@media only screen and (max-width: 1399px) {
  .latest__blog__shuffle__list .featured__large__post .thumbnail {
    max-width: 350px;
    min-height: 210px;
  }
}

@media only screen and (max-width: 767px) {
  .latest__blog__shuffle__list .featured__large__post .thumbnail {
    max-width: 100%;
    min-height: auto;
  }
}

.latest__blog__shuffle__list .featured__large__post .thumbnail img {
  width: 100%;
  height: 100%;
  min-height: 230px;
}

@media only screen and (max-width: 1399px) {
  .latest__blog__shuffle__list .featured__large__post .thumbnail img {
    min-height: 210px;
  }
}

.latest__blog__shuffle__list .featured__large__post .blog__content {
  padding: 0px;
}

@media only screen and (max-width: 767px) {
  .latest__blog__shuffle__list .featured__large__post .blog__content {
    padding: 0px 10px 10px;
  }
}

.latest__post {
  position: relative;
}

.latest__post .left__wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.latest__post .right__wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.blog__single__post {
  position: relative;
  top: -140px;
  margin-bottom: -140px;
}

.blog__single__post__content {
  padding: 40px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__single__post__content {
    padding: 40px 20px;
    border-radius: 0px;
  }
}

.blog__single__post__content h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content h2 {
    margin-bottom: 15px;
  }
}

.blog__single__post__content .group {
  margin-top: 47px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content .group {
    margin-top: 30px;
  }
}

.blog__single__post__content .group p {
  margin-top: 13px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content .group p {
    margin-top: 9px;
  }
}

.blog__single__post__content .group ol {
  list-style-type: number;
  margin: 0px;
  padding: 0px;
  list-style-position: inside;
  margin-top: 28px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content .group ol {
    margin-top: 20px;
  }
}

.blog__single__post__content .group ol li {
  font-weight: 600;
  margin-top: 5px;
}

.blog__single__post__content .group ol li:first-of-type {
  margin-top: 0px;
}

.blog__single__post__content .group .quot {
  padding: 60px;
  margin-top: 36px;
  background-color: #e7e7ff;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content .group .quot {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .blog__single__post__content .group .quot {
    margin-top: 26px;
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__single__post__content .group .quot {
    border-radius: 0px;
  }
}

.blog__single__post__content .group .quot blockquote {
  text-align: center;
}

.blog__single__post__content .poster {
  margin: 57px 0px 0px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content .poster {
    margin-top: 40px;
  }
}

.blog__single__post__content .poster img {
  width: 100%;
  height: auto;
  min-height: 200px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .blog__single__post__content .poster img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__single__post__content .poster img {
    border-radius: 0px;
  }
}

.blog__details__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .blog__details__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.blog__details__head .blog__item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 50px;
}

@media only screen and (max-width: 1199px) {
  .blog__details__head .blog__item__info {
    gap: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .blog__details__head .blog__item__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}

.blog__details__head .dat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  .blog__details__head .dat p {
    font-size: 14px;
  }
}

.blog__details__head .dat img {
  max-width: 25px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .blog__details__head .dat img {
    max-width: 20px;
  }
}

.blog__social .social a {
  background-color: #f6f9ff;
  border: 1px solid #aeb4c3;
}
.blog__social_2 .social a {
    background-color: #5927e3;
    border: 1px solid #aeb4c3;
}
.blog__social .social a:hover {
  background-color: #5927e3;
}

.blog__social .social a:hover i {
  color: #ffffff;
}

.blog__social .social a i {
  color: #5927e3;
}

.blog__post__author {
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 80px;
  background-color: #126166;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .blog__post__author {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog__post__author {
    padding: 60px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__post__author {
    padding: 40px 20px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .blog__post__author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 18px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.blog__post__author img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}

@media only screen and (max-width: 1199px) {
  .blog__post__author img {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .blog__post__author img {
    width: 100px;
    height: 100px;
  }
}

.blog__post__author p {
  margin-top: 13px;
}

@media only screen and (max-width: 1199px) {
  .blog__post__author p {
    margin-top: 8px;
  }
}

.blog__post__author .social {
  margin-top: 23px;
}

@media only screen and (max-width: 1199px) {
  .blog__post__author .social {
    margin-top: 18px;
  }
}

.blog__post__author .social a {
  background-color: #f6f9ff;
  border: 1px solid #aeb4c3;
}

.blog__post__author .social a:hover {
  background-color: #5927e3;
}

.blog__post__author .social a:hover i {
  color: #ffffff;
}

.blog__post__author .social a i {
  color: #5927e3;
}

.latest__post__features {
  background-color: #f4f6ff;
}

.latest__post__features .title__with__cta {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .latest__post__features .title__with__cta {
    margin-bottom: 37px;
  }
}

.latest__post__features .altr {
  margin-bottom: -30px;
}

.latest__post__features .featured__large__post {
  margin-bottom: 30px;
}

.latest__post__features .featured__large__post h5 a {
  color: #13216e;
}

@media only screen and (max-width: 1399px) {
  .latest__post__features .featured__large__post .blog__content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.property__filter__two .property__select__wrapper {
  margin-top: 0px;
}

.property__filter__two .property__select__wrapper p {
  font-weight: 600;
  margin-bottom: 4px;
}

.property__filter__two .property__select__wrapper .nice-select {
  padding-left: 20px;
  padding-right: 0px;
}

.property__filter__two .property__select__wrapper .nice-select .current {
  font-weight: 400;
}

.property__filter__two .property__select__wrapper .nice-select .current::before {
  display: none;
}

.property__filter__two .property__select__wrapper .nice-select::after {
  right: 20px;
}

.property__filter__two .property__select__wrapper input::-webkit-input-placeholder {
  font-weight: 400;
}

.property__filter__two .property__select__wrapper input:-ms-input-placeholder {
  font-weight: 400;
}

.property__filter__two .property__select__wrapper input::-ms-input-placeholder {
  font-weight: 400;
}

.property__filter__two .property__select__wrapper input::placeholder {
  font-weight: 400;
}

.property__filter__two .property__search__wrapper p {
  font-weight: 600;
  margin-bottom: 4px;
}

.property__filter__two .button {
  width: 100%;
  height: 70px;
  margin-top: 0px;
}

@media only screen and (max-width: 1399px) {
  .property__filter__two .button {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .property__filter__two .button {
    height: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .property__filter__two .button {
    height: 55px;
  }
}

.property__filter__two .mt-30 {
  margin-top: 34px;
}

@media only screen and (max-width: 1199px) {
  .property__filter__two .mt-30 {
    margin-top: 0px;
  }
}

.property__filter__two .property__filter__area .row {
  margin-bottom: -30px;
}

.property__filter__two .property__filter__area .row .col-lg-6,
.property__filter__two .property__filter__area .row .col-lg-12 {
  margin-bottom: 30px;
}

.alt__loan .alt__loan__row {
  margin-bottom: -30px;
}

.alt__loan .grid__btnn {
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 0px;
  border: 1px solid #c3c7e4;
}

@media only screen and (max-width: 1199px) {
  .alt__loan .grid__btnn {
    width: 56px;
    height: 56px;
  }
}

@media only screen and (max-width: 767px) {
  .alt__loan .grid__btnn {
    width: 40px;
    height: 40px;
  }
}

.alt__loan .grid__btnn i {
  font-size: 22px;
  color: #13216e;
}

@media only screen and (max-width: 767px) {
  .alt__loan .grid__btnn i {
    font-size: 16px;
  }
}

.alt__loan .grid__btnn__active {
  background-color: #5927e3;
}

.alt__loan .grid__btnn__active i {
  color: #ffffff !important;
}

.alt__loan .cta__btn {
  margin-top: 60px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan .cta__btn {
    margin-top: 40px;
  }
}

.alt__loan__grid__single {
  padding: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__grid__single {
    border-radius: 0px;
  }
}

.alt__loan__grid__single .img__effect {
  overflow: hidden;
}

.alt__loan__grid__single .img__effect a {
  display: block;
  width: 100%;
  border: 1px solid #5927e380;
  border-radius: 5px;
}

.alt__loan__grid__single .img__effect img {
  max-width: 100%;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  height: auto;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__grid__single .img__effect img {
    border-radius: 0px;
  }
}

.alt__loan__grid__single .img__effect .ribbon {
  padding: 10px;
  background-color: #5927e3;
  position: absolute;
  top: 20px;
  left: -136px;
  width: 100%;
  -webkit-transform: rotateZ(-33deg);
          transform: rotateZ(-33deg);
}

@media only screen and (max-width: 1399px) {
  .alt__loan__grid__single .img__effect .ribbon {
    top: 15px;
    left: -115px;
  }
}

@media only screen and (max-width: 1199px) {
  .alt__loan__grid__single .img__effect .ribbon {
    left: -160px;
  }
}

@media only screen and (max-width: 991px) {
  .alt__loan__grid__single .img__effect .ribbon {
    left: -105px;
  }
}

@media only screen and (max-width: 767px) {
  .alt__loan__grid__single .img__effect .ribbon {
    top: 15px;
    left: -188px;
  }
}

@media only screen and (max-width: 575px) {
  .alt__loan__grid__single .img__effect .ribbon {
    display: none;
  }
}

.alt__loan__grid__single .img__effect .ribbon p {
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}

@media only screen and (max-width: 1399px) {
  .alt__loan__grid__single .img__effect .ribbon p {
    font-size: 12px;
  }
}

.alt__loan__grid__single:hover .img__effect::before {
  -webkit-animation: shine 1s;
          animation: shine 1s;
}

.alt__loan__content {
  padding: 10px;
}

@media only screen and (max-width: 575px) {
  .alt__loan__content {
    padding: 10px 0px;
  }
}

.alt__loan__content .item__head__left {
  margin-top: 13px;
}

.alt__loan__content .item__head__left p {
  margin-bottom: 5px;
}

.alt__loan__content .item__head__left h5 a {
  color: #13216e;
}

.alt__loan__content .item__head__left h5 a:hover {
  color: #5927e3;
}

.alt__loan__content .progress__type {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .alt__loan__content .progress__type {
    margin-top: 15px;
  }
}

.alt__loan__content .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  padding: 22px 0px 25px;
  border-top: 1px solid #e9ecef;
  margin-top: 23px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .alt__loan__content .item__info {
    margin-top: 18px;
    padding-bottom: 15px;
  }
}

.alt__loan__content .item__info::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1px;
  height: 60%;
  background-color: #adafc9;
}

@media only screen and (max-width: 767px) {
  .alt__loan__content .item__info::before {
    content: none;
  }
}

.alt__loan__content .item__info .item__info__single {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .alt__loan__content .item__info .item__info__single {
    background-color: #f0f8fa;
    width: calc(50% - 10px);
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 424px) {
  .alt__loan__content .item__info .item__info__single {
    width: 100%;
  }
}

.alt__loan__content .item__info .item__info__single:last-of-type::before {
  content: none;
}

.alt__loan__content .item__info .item__info__single p {
  text-align: center;
}

@media only screen and (max-width: 1399px) {
  .alt__loan__content .item__info .item__info__single p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 424px) {
  .alt__loan__content .item__info .item__info__single p {
    text-align: left;
  }
}

.alt__loan__content .item__info .item__info__single h6 {
  text-align: center;
  color: #4e0dff;
  margin-top: 5px;
}

@media only screen and (max-width: 1399px) {
  .alt__loan__content .item__info .item__info__single h6 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 424px) {
  .alt__loan__content .item__info .item__info__single h6 {
    text-align: left;
  }
}

.alt__loan__list .alt__loan__grid__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .alt__loan__grid__single {
    gap: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .alt__loan__grid__single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.alt__loan__list .imi__alt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .imi__alt {
    gap: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .alt__loan__list .imi__alt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.alt__loan__list .img__effect {
  max-width: 396px;
  height: 293px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .img__effect {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .img__effect {
    max-width: 300px;
    height: 230px;
  }
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .img__effect {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 424px) {
  .alt__loan__list .img__effect {
    height: 180px;
  }
}

.alt__loan__list .img__effect a {
  height: 100%;
}

.alt__loan__list .img__effect img {
  min-height: auto;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.alt__loan__list .alt__loan__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0px;
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .alt__loan__content {
    width: 100%;
  }
}

.alt__loan__list .alt__loan__content .item__head {
  margin-top: 0px;
}

.alt__loan__list .alt__loan__content .item__head__left {
  margin-top: 0px;
}

.alt__loan__list .alt__loan__content .item__info {
  padding-bottom: 0px;
}

.alt__loan__list .alt__loan__foot {
  background-color: #fbf8ff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 260px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .alt__loan__foot {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .alt__loan__foot {
    max-width: 220px;
  }
}

@media only screen and (max-width: 991px) {
  .alt__loan__list .alt__loan__foot {
    max-width: 100%;
  }
}

.alt__loan__list .alt__loan__foot .invest__cta__wrapper {
  gap: 40px;
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .alt__loan__foot .invest__cta__wrapper {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .alt__loan__foot .invest__cta__wrapper {
    width: 100%;
  }
}

.alt__loan__list .alt__loan__foot p {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .alt__loan__foot p {
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.alt__loan__list .alt__loan__foot .invest__cta,
.alt__loan__list .alt__loan__foot .countdown__wrapper {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .alt__loan__foot .invest__cta,
  .alt__loan__list .alt__loan__foot .countdown__wrapper {
    text-align: left;
    width: auto;
  }
}

.alt__loan__list .alt__loan__foot .countdown {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 767px) {
  .alt__loan__list .alt__loan__foot .countdown {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 1399px) {
  .alt__loan__list .ribbon {
    left: -143px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .alt__loan__list .ribbon {
    left: -95px !important;
  }
}

.property__details__banner {
  height: 640px;
  background-size: cover;
}

@media only screen and (max-width: 1199px) {
  .property__details__banner {
    height: 300px;
  }
}

@media only screen and (max-width: 991px) {
  .property__details__banner {
    height: 270px;
  }
}

@media only screen and (max-width: 767px) {
  .property__details__banner {
    height: 200px;
  }
}

.p__details {
  position: relative;
  top: -170px;
  margin-bottom: -170px;
}

@media only screen and (max-width: 991px) {
  .p__details {
    top: -120px;
    margin-bottom: -120px;
  }
}

@media only screen and (max-width: 767px) {
  .p__details {
    top: -80px;
    margin-bottom: -80px;
  }
}

.p__details__content {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.p__details__content .intro {
  margin-top: 170px;
  padding-bottom: 25px;
  border-bottom: 1px solid #c3c7e4;
}

@media only screen and (max-width: 1199px) {
  .p__details__content .intro {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .p__details__content .intro {
    margin-top: 60px;
  }
}

.p__details__content .intro h3 {
  margin-bottom: 10px;
}

.p__details__content .intro h3 span {
  color: #5927e3;
}

.p__details__content .group__one {
  margin-top: 52px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .group__one {
    margin-top: 32px;
  }
}

.p__details__content .group__one p {
  margin-top: 22px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .group__one p {
    margin-top: 16px;
  }
}

.p__details__content .group__two {
  margin-top: 52px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .group__two {
    margin-top: 32px;
  }
}

.p__details__content .group__two h5 {
  color: #13216e;
  margin-bottom: 26px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .group__two h5 {
    margin-bottom: 20px;
  }
}

.p__details__content .group__two ul li {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}

.p__details__content .group__two ul li:last-of-type {
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .p__details__content .group__two ul li {
    gap: 10px;
  }
}

.p__details__content .group__two ul li img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.p__details__content .terms {
  margin-top: 52px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .terms {
    margin-top: 32px;
  }
}

.p__details__content .terms h5 {
  color: #13216e;
}

.p__details__content .terms__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  margin-top: 23px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .terms__wrapper {
    margin-top: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .p__details__content .terms__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

.p__details__content .terms__wrapper .terms__single {
  padding: 30px 15px;
  background-color: #f0f8fa;
  border-radius: 10px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

@media only screen and (max-width: 1199px) {
  .p__details__content .terms__wrapper .terms__single {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .p__details__content .terms__wrapper .terms__single {
    padding: 20px 10px;
    border-radius: 0px;
  }
}

.p__details__content .terms__wrapper .terms__single img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .p__details__content .terms__wrapper .terms__single img {
    width: 60px;
    height: 60px;
  }
}

.p__details__content .terms__wrapper .terms__single p {
  font-size: 16px;
  text-align: center;
  margin-top: 23px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .terms__wrapper .terms__single p {
    margin-top: 18px;
  }
}

.p__details__content .terms__wrapper .terms__single h5 {
  color: #13216e;
  text-align: center;
  margin-top: 5px;
}

.p__details__content .owner {
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 10px;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .p__details__content .owner {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .p__details__content .owner {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .p__details__content .owner {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 575px) {
  .p__details__content .owner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}

.p__details__content .owner img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}

.p__details__content .owner h5 {
  color: #13216e;
  margin-bottom: 18px;
}

.p__details__content .faq__group {
  margin-top: 56px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .faq__group {
    margin-top: 36px;
  }
}

.p__details__content .faq__group .atr {
  padding: 0px;
  color: #13216e;
  margin-bottom: 28px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .faq__group .atr {
    margin-bottom: 23px;
  }
}

.p__details__content .faq__group h5 button {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .p__details__content .faq__group h5 button {
    font-size: 16px;
  }
}

.p__details__content .map__wrapper {
  margin-top: 55px;
}

@media only screen and (max-width: 991px) {
  .p__details__content .map__wrapper {
    margin-top: 35px;
  }
}

.p__details__content .map__wrapper iframe {
  border-radius: 20px;
  width: 100%;
  max-height: 342px;
}

@media only screen and (max-width: 1199px) {
  .p__details__content .map__wrapper iframe {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .p__details__content .map__wrapper iframe {
    height: 250px;
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .p__details__content .map__wrapper iframe {
    height: 200px;
  }
}

.p__details__sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar {
    margin-top: 30px;
  }
}

.p__details__sidebar .intro {
  padding: 27px 40px;
  background-color: #5927e3;
  border-radius: 20px 20px 0px 0px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .intro {
    padding: 27px 20px;
    border-radius: 10px 10px 0px 0px;
  }
}

.p__details__sidebar .intro .ribbon {
  padding: 10px;
  background-color: #ffffff;
  position: absolute;
  top: 35px;
  left: -185px;
  width: 100%;
  -webkit-transform: rotateZ(-33deg);
          transform: rotateZ(-33deg);
}

@media only screen and (max-width: 1399px) {
  .p__details__sidebar .intro .ribbon {
    top: 20px;
    left: -163px;
  }
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .intro .ribbon {
    display: none;
  }
}

.p__details__sidebar .intro .ribbon p {
  font-size: 14px;
  text-align: center;
  color: #13216e;
}

@media only screen and (max-width: 1399px) {
  .p__details__sidebar .intro .ribbon p {
    font-size: 12px;
  }
}

.p__details__sidebar .intro .countdown__wrapper {
  border-bottom: 1px solid #7581ab;
  padding-bottom: 22px;
  margin-bottom: 26px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .intro .countdown__wrapper {
    padding-bottom: 17px;
    margin-bottom: 20px;
  }
}

.p__details__sidebar .intro .countdown__wrapper p {
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 11px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .intro .countdown__wrapper p {
    margin-bottom: 11px;
  }
}

.p__details__sidebar .intro .countdown__wrapper .countdown {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p__details__sidebar .intro .countdown__wrapper .countdown h5 span {
  color: #ffffff;
}

.p__details__sidebar .intro h5 {
  text-align: center;
  color: #ffffff;
}

.p__details__sidebar .intro h5 span {
  color: #26dd77;
}

.p__details__sidebar .intro .progress__type {
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .intro .progress__type {
    margin-top: 25px;
  }
}

.p__details__sidebar .intro .progress__type p,
.p__details__sidebar .intro .progress__type span {
  color: #ffffff;
}

.p__details__sidebar .group {
  padding: 30px 40px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 20px;
  margin-top: 40px;
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .group {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .group {
    padding: 30px 20px;
    margin-top: 30px;
    border-radius: 0px;
  }
}

.p__details__sidebar .group h5 {
  color: #13216e;
}

.p__details__sidebar .group .acus__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .group .acus__btns {
    margin-bottom: 25px;
  }
}

.p__details__sidebar .group .acus__btn {
  padding: 10px;
  background-color: #f0f3ff;
  border-radius: 0px;
  color: #13216e;
}

.p__details__sidebar .group .acus__btn:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.p__details__sidebar .group .input input {
  border: none;
  background-color: #f0f8fa;
}

.p__details__sidebar .group .input input::-webkit-input-placeholder {
  font-weight: 600;
  color: #13216e;
}

.p__details__sidebar .group .input input:-ms-input-placeholder {
  font-weight: 600;
  color: #13216e;
}

.p__details__sidebar .group .input input::-ms-input-placeholder {
  font-weight: 600;
  color: #13216e;
}

.p__details__sidebar .group .input input::placeholder {
  font-weight: 600;
  color: #13216e;
}

.p__details__sidebar .group .capital {
  padding: 20px 30px;
  background-color: #f0f8fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .group .capital {
    border-radius: 0px;
  }
}

.p__details__sidebar .group .capital a {
  color: #8a90b1;
}

.p__details__sidebar .group .item__security {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
  padding-left: 30px;
  background-color: #f0f8fa;
  margin-top: 30px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .group .item__security {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .group .item__security {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .p__details__sidebar .group .item__security {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.p__details__sidebar .group .item__security .icon__box {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #d0f2fb;
  border-radius: 50%;
}

.p__details__sidebar .group .item__security .icon__box img {
  width: 30px;
  height: 30px;
}

.p__details__sidebar .group .item__security h6 {
  color: #265a42;
  margin-top: 5px;
}

.p__details__sidebar .group .suby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #c3c7e4;
  border-radius: 10px;
  margin-top: 40px;
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .group .suby {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .group .suby {
    margin-top: 30px;
    padding-left: 15px;
  }
}

.p__details__sidebar .group .suby .button {
  padding: 10px 20px 10px;
  width: 170px;
}

@media only screen and (max-width: 1199px) {
  .p__details__sidebar .group .suby .button {
    width: 130px;
  }
}

.p__details__sidebar .group p a {
  color: #13216e;
  margin-top: 25px;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .group p a {
    margin-top: 20px;
  }
}

.p__details__sidebar .group p a:hover {
  color: #5927e3;
}

.p__details__sidebar .brin {
  margin-top: 0px;
  border-radius: 0px 0px 20px 20px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .brin {
    border-radius: 0px 0px 5px 5px;
  }
}

.p__details__sidebar .brini hr {
  margin: 22px 0px;
}

.p__details__sidebar .brini p:first-of-type {
  margin-bottom: 10px;
}

.p__details__sidebar .brini a {
  color: #5927e3;
  margin-top: 28px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .brini a {
    margin-top: 18px;
  }
}

.p__details__sidebar .brini a:hover {
  color: #13216e;
}

.p__details__sidebar .birinit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p__details__sidebar .birinit a {
  background-color: #f6f9ff;
  border: 1px solid #aeb4c3;
}

.p__details__sidebar .birinit a:hover {
  background-color: #5927e3;
}

.p__details__sidebar .birinit a:hover i {
  color: #ffffff;
}

.p__details__sidebar .birinit a i {
  color: #5927e3;
}

.p__details__sidebar .alt__brin h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}

.p__details__sidebar .alt__brin h5 i {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border-radius: 0px;
  font-size: 16px;
}

.p__details__sidebar .alt__brin .singl__wrapper {
  position: relative;
  padding: 20px 0px;
}

.p__details__sidebar .alt__brin .singl__wrapper::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #c3c7e4;
}

.p__details__sidebar .alt__brin .singl__wrapper .singl {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.p__details__sidebar .alt__brin .singl__wrapper .singl img {
  z-index: 9;
}

.p__details__sidebar .alt__brin .singl__wrapper .singl p {
  font-size: 16px;
}

.p__details__sidebar .alt__brin .singl__wrapper .singl a {
  color: #5927e3;
}

.p__details__sidebar .alt__brin .singl__wrapper .singl a:hover {
  color: #5927e3;
}

.p__details__sidebar .alt__brin .singl__wrapper .singl:last-of-type {
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .alt__brin .singl__wrapper .singl:last-of-type {
    margin-top: 10px;
  }
}

.p__details__sidebar .alt__brin__last .button {
  width: 100%;
  background-color: #f0f3ff;
  color: #13216e;
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
  margin-top: 26px;
}

@media only screen and (max-width: 575px) {
  .p__details__sidebar .alt__brin__last .button {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
  }
}

.p__details__sidebar .alt__brin__last .button:first-of-type {
  margin-bottom: 34px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .alt__brin__last .button:first-of-type {
    margin-bottom: 24px;
  }
}

.p__details__sidebar .alt__brin__last .button:hover {
  background-color: #13216e;
  color: #ffffff;
}

.p__details__sidebar .alt__brin__last hr {
  margin: 26px 0px;
}

@media only screen and (max-width: 991px) {
  .p__details__sidebar .alt__brin__last hr {
    margin: 20px 0px;
  }
}

.p__details__sidebar .alt__brin__last p {
  margin-top: 6px;
}

.p__details__two .intro {
  padding-bottom: 5px;
  border-bottom: 0px;
}

.p__details__two .group__one p {
  margin-top: 10px;
}

.p__details__two .group__one p:last-of-type {
  margin-top: 32px;
}

@media only screen and (max-width: 991px) {
  .p__details__two .group__one p:last-of-type {
    margin-top: 22px;
  }
}

.p__details__two .group__one .tabular__group {
  padding: 0px 40px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
  border: 1px solid #d8dffd;
  border-radius: 10px;
  margin-top: 27px;
}

@media only screen and (max-width: 1199px) {
  .p__details__two .group__one .tabular__group {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .p__details__two .group__one .tabular__group {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .p__details__two .group__one .tabular__group {
    border-radius: 0px;
    margin-top: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .p__details__two .group__one .tabular__group {
    padding: 0px 20px;
  }
}

.p__details__two .group__one .tabular__group .single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 21px 0px 24px;
  border-bottom: 1px solid #d8dffd;
}

@media only screen and (max-width: 991px) {
  .p__details__two .group__one .tabular__group .single {
    padding: 15px 0px 17px;
  }
}

.p__details__two .group__one .tabular__group .single:last-of-type {
  border-bottom: 0px solid transparent;
}

.p__details__two .group__one .tabular__group .single p {
  margin: 0px;
  font-weight: 500;
}

.p__details__two .group__one .tabular__group .single p:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.p__details__two .hab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

.p__details__two .hab p {
  text-align: center;
}

.p__details__two .hab .inti {
  padding: 17px 20px;
  background-color: #f8f8ff;
  border: 1px solid #c3c7e4;
  border-radius: 10px;
  margin-top: 5px;
}

@media only screen and (max-width: 1199px) {
  .p__details__two .hab .inti {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .p__details__two .hab .inti {
    padding: 12px 15px;
  }
}

.p__details__two .hab .inti p {
  text-align: center;
  font-weight: 500;
}

.p__details__two .collat {
  background-color: #f8f8ff;
  margin-top: 30px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .p__details__two .collat {
    border-radius: 0px;
  }
}

.p__details__two .collat .single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 30px 26px;
  border-bottom: 1px solid #d8dffd;
}

@media only screen and (max-width: 991px) {
  .p__details__two .collat .single {
    padding: 16px 20px 18px;
  }
}

.p__details__two .collat .single:last-of-type {
  border-bottom: 0px solid transparent;
}

.p__details__two .collat .single p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.p__details__two .collat .single p img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.p__gallery .row {
  margin-bottom: -30px;
}

.p__gallery .title__with__cta {
  margin-bottom: 56px;
}

@media only screen and (max-width: 991px) {
  .p__gallery .title__with__cta {
    margin-bottom: 36px;
  }
}

.p__gallery .title__with__cta .row {
  margin-bottom: 0px;
}

.p__gallery .divider {
  margin: 0px;
  width: 100%;
  height: 1px;
  background-color: #8a92ce;
}

@media only screen and (max-width: 767px) {
  .p__gallery__area {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .p__gallery__area img {
    -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
            box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25);
    max-width: 350px;
    height: auto !important;
    border-radius: 5px !important;
    border: 8px solid #fff;
  }
  .p__gallery__area .title__with__cta h2 {
    text-align: center;
  }
  .p__gallery__area .title__with__cta .text-start {
    text-align: center !important;
  }
}

.gallery__single__two {
  margin-bottom: 30px;
}

.gallery__single__two a {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery__single__two a img {
  width: 100%;
  height: 242px;
  max-height: 242px;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .gallery__single__two a img {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .gallery__single__two a img {
    border-radius: 0px;
    height: 230px;
  }
}

@media only screen and (max-width: 575px) {
  .gallery__single__two a img {
    height: 180px;
  }
}

.wrapper {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  background-color: #e7e7ff;
  background-position: top center;
  background-attachment: fixed;
}

.registration {
  padding: 60px 0px;
}

.registration__area {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 60px;
  background-color: #ffffff;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .registration__area {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .registration__area {
    border-radius: 0px;
    padding: 40px 20px;
  }
}

.registration__area p {
  margin-top: 10px;
}

.registration__area p a {
  font-weight: inherit;
  color: #4e0dff;
}

.registration__area p a:hover {
  color: #13216e;
}

.regi__type {
  text-align: left;
  margin-top: 28px;
}

@media only screen and (max-width: 767px) {
  .regi__type {
    margin-top: 18px;
  }
}

.regi__type label {
  font-weight: 600;
  margin-bottom: 7px;
}

.regi__type .nice-select {
  background-color: transparent;
  border: none;
  outline: none;
  height: auto !important;
  line-height: 70px !important;
  padding-left: 30px;
  padding-right: 20px;
  width: 100%;
  border: 1px solid #c3c7e4;
  border-radius: 10px;
  height: 70px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1199px) {
  .regi__type .nice-select {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .regi__type .nice-select {
    line-height: 56px !important;
    height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .regi__type .nice-select {
    margin-bottom: 18px;
    line-height: 54px !important;
    height: 54px !important;
  }
}

@media only screen and (max-width: 575px) {
  .regi__type .nice-select {
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 20px;
    border-radius: 0px;
  }
}

.regi__type .nice-select::after {
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-color: #434e9e80;
  right: 34px;
}

@media only screen and (max-width: 575px) {
  .regi__type .nice-select::after {
    width: 8px;
    height: 8px;
    margin-top: -6px;
  }
}

.regi__type .nice-select .current {
  color: #13216e;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.regi__type .nice-select .list {
  position: absolute;
  top: 100%;
  background-color: #5927e3;
  -webkit-box-shadow: 0px 4px 24px 0px #13216e;
          box-shadow: 0px 4px 24px 0px #13216e;
  width: 70%;
  max-height: 300px;
  overflow-y: auto;
}

.regi__type .nice-select .list::-webkit-scrollbar {
  width: 5px;
}

.regi__type .nice-select .list::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .regi__type .nice-select .list::-webkit-scrollbar-track {
    border-radius: 0px;
  }
}

.regi__type .nice-select .list::-webkit-scrollbar-thumb {
  background-color: #0c266c;
  border-radius: 10px;
}

@media only screen and (max-width: 1199px) {
  .regi__type .nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .regi__type .nice-select .list {
    min-width: 60px;
  }
}

.regi__type .nice-select .list:hover .selected {
  color: #ffffff;
}

.regi__type .nice-select .option {
  background-color: #5927e3;
  color: #ffffff;
  min-height: auto;
  line-height: 28px;
  padding: 8px 16px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: left;
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  .regi__type .nice-select .option {
    font-size: 14px;
    line-height: 20px;
  }
}

.regi__type .nice-select .option:hover {
  background-color: #ffffff;
  color: #0c266c;
}

.regi__type .nice-select .selected {
  font-weight: 400;
  color: #13216e;
}

.regi__type .nice-select .selected:hover {
  color: #0c266c !important;
}

.login__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.login__checkbox a {
  color: #535d96;
  font-weight: 400;
}

.login__checkbox a:hover {
  color: #13216e;
}

.form__login {
  margin-top: 28px;
}

@media only screen and (max-width: 767px) {
  .form__login {
    margin-top: 18px;
  }
}

.error {
  width: 100%;
  height: 100vh;
}

@media only screen and (max-width: 991px) {
  .error {
    padding: 100px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .error {
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .error .error__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.error .error__content h1 {
  margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .error .error__content h1 {
    margin-top: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .error .error__content h1 {
    margin-top: -10px;
  }
}

.error .error__content h3 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .error .error__content h3 {
    margin-bottom: 17px;
  }
}

.error .error__content p {
  margin-bottom: 37px;
}

@media only screen and (max-width: 991px) {
  .error .error__content p {
    margin-bottom: 27px;
  }
}

.error .error__area {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 991px) {
  .error .error__area {
    position: static;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
  }
}

.error__thumb img {
  max-width: 57vw;
  height: auto;
}

.terms-area {
  max-width: 1076px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.terms-area hr {
  margin: 60px 0px;
}

@media only screen and (max-width: 1199px) {
  .terms-area hr {
    margin: 40px 0px;
  }
}

.terms__single h3 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .terms__single h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
}

.terms__single p {
  margin-top: 25px;
}

.terms__single p:first-of-type {
  margin-top: 0px;
}

.terms__single ul {
  margin-top: 20px;
}

.terms__single li {
  font-weight: 600;
  margin: 8px 0px;
  list-style-type: decimal;
}

.terms__single li:last-of-type {
  margin-bottom: -5px;
}

.dashboard {
  position: relative;
  margin-top: 130px;
}

@media only screen and (max-width: 575px) {
  .dashboard {
    margin-top: 110px;
  }
}

.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 130px;
}

@media only screen and (max-width: 1399px) {
  .sidebar {
    position: fixed;
    top: 0px;
    left: -100px;
    bottom: 0px;
    z-index: 99999;
    width: 350px;
    height: 100vh;
    overflow-y: auto;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
            box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
    padding-top: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .sidebar::-webkit-scrollbar {
    width: 5px;
  }
  .sidebar::-webkit-scrollbar-track {
    background-color: #0c266c;
    border-radius: 5px;
  }
  .sidebar::-webkit-scrollbar-button, .sidebar::-webkit-scrollbar-thumb {
    background-color: #5927e3;
    border-radius: 5px;
  }
}

@media only screen and (max-width: 1399px) and (max-width: 575px) {
  .sidebar {
    width: 300px;
  }
}

@media only screen and (max-width: 1399px) and (max-width: 767px) {
  .sidebar {
    padding-top: 30px;
  }
}

.close__sidebar {
  display: none;
}

@media only screen and (max-width: 1399px) {
  .close__sidebar {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
  }
  .close__sidebar i {
    font-size: 36px;
    color: #0c266c;
  }
}

@media only screen and (max-width: 1399px) and (max-width: 1199px) {
  .close__sidebar i {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1399px) and (max-width: 767px) {
  .close__sidebar i {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1399px) {
  .sidebar__active {
    left: 0px;
    opacity: 1;
    visibility: visible;
  }
}

.sidenav__wrapper {
  padding: 30px 0px;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
}

@media only screen and (max-width: 1399px) {
  .sidenav__wrapper {
    -webkit-box-shadow: 0px 0px 0px;
            box-shadow: 0px 0px 0px;
  }
}

.sidenav__wrapper ul {
  margin: 0px;
  padding: 0px 30px;
}

@media only screen and (max-width: 1399px) {
  .sidenav__wrapper ul {
    padding: 0px 30px;
  }
}

.sidenav__wrapper ul li {
  margin-top: 0px;
  margin-bottom: 10px;
}

.sidenav__wrapper ul li:last-of-type {
  margin-bottom: 0px;
}

.sidenav__wrapper a {
  padding: 20px 20px 20px 30px;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  background-color: #ffffff;
  border: 1px solid #f1f1ff;
  border-radius: 10px;
  font-weight: 600;
  color: #13216e;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 4px 18px rgba(158, 158, 226, 0.2);
          box-shadow: 0px 4px 18px rgba(158, 158, 226, 0.2);
}

@media only screen and (max-width: 1399px) {
  .sidenav__wrapper a {
    padding: 20px;
    -webkit-box-shadow: 0px 0px 0px;
            box-shadow: 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .sidenav__wrapper a {
    padding: 15px 20px;
  }
}

.sidenav__wrapper a img {
  max-width: 100%;
  height: auto;
}

.sidenav__wrapper a:hover {
  color: #4e0dff;
}

.sidenav__wrapper .sidenav__active {
  background-color: #ffffff;
  color: #4e0dff;
}

.sidenav__wrapper hr {
  margin: 0px;
  margin-top: 30px;
  background-color: #d1d1ff;
}

.sidenav__wrapper .logout a {
  background-color: transparent;
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
  border: 0px solid transparent;
  border-radius: 0px;
  padding: 30px 0px 0px;
}

.sidenav__wrapper .logout a:hover {
  background-color: transparent;
}

.sidenav__footer {
  margin-top: 30px;
}

@media only screen and (max-width: 1399px) {
  .sidenav__footer {
    margin-top: 0px;
    border-top: 1px solid #f1f1ff;
    border-radius: 0px 0px 10px 10px;
  }
}

.sidenav__footer h6 {
  padding: 0px 20px 20px 30px;
  margin-top: -5px;
}

.sidenav__footer hr {
  margin: 0px;
  background-color: #d1d1ff;
}

.sidenav__footer .sidenav__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding: 0px 20px 0px 30px;
}

.sidenav__footer .sidenav__time p {
  margin-top: 0px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 400;
}

.sidenav__footer .sidenav__time p img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.collapse__sidebar {
  padding: 32px 30px 30px;
  background-color: #13216e;
  border-radius: 10px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: none;
}

@media only screen and (max-width: 1399px) {
  .collapse__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .collapse__sidebar {
    padding: 20px;
  }
}

.collapse__sidebar h4 {
  color: #ffffff;
}

.collapse__sidebar .collapse__sidebar__btn {
  line-height: 1;
}

.collapse__sidebar .collapse__sidebar__btn i {
  font-size: 24px;
  color: #ffffff;
}

.main__content {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

@media only screen and (max-width: 1399px) {
  .main__content {
    position: static;
  }
}

.dashboard-single__box {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .dashboard-single__box {
    margin-bottom: 30px;
  }
}

.dashboard-single__box:nth-last-of-type(1) {
  margin-bottom: 0px;
}

.dashboard-single__box h5 {
  color: #13216e;
  margin-top: -6px;
  margin-bottom: 24px;
}

.dashboard-single__box .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .dashboard-single__box .intro {
    margin-bottom: 20px;
  }
}

.dashboard-single__box .intro h5 {
  margin-bottom: 0px;
}

.dashboard-single__box .intro a {
  color: #13216e;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.dashboard-single__box .property-wrap {
  padding: 10px;
  border: 1px solid #dbdbff;
  border-radius: 20px;
}

.dashboard-single__box .property-wrap .poster a {
  width: 100%;
}

.dashboard-single__box .property-wrap .poster a img {
  width: 100%;
  max-height: 230px;
  border-radius: 20px;
}

@media only screen and (max-width: 991px) {
  .dashboard-single__box .property-wrap .poster a img {
    max-height: 400px;
    min-height: 180px;
  }
}

.dashboard-single__box .property-wrap h4 {
  margin: 22px 0px 13px;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .dashboard-single__box .property-wrap h4 {
    margin: 18px 0px 9px;
  }
}

.dashboard-single__box .property-wrap h4 a:hover {
  color: #5927e3;
}

.dashboard-single__box .property-wrap p {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .dashboard-single__box .property-wrap p {
    margin-bottom: 10px;
  }
}

.apexcharts-xaxis-texts-g {
  margin-top: 30px;
}

#investmentChart {
  height: 240px;
  width: 100%;
  margin-bottom: -30px;
}

#investmentChart .apexcharts-yaxis-label tspan {
  font-size: 16px;
  font-weight: 600;
  color: #13216e;
}

@media only screen and (max-width: 575px) {
  #investmentChart .apexcharts-yaxis-label tspan {
    font-size: 12px;
  }
}

#investmentChart .apexcharts-xaxis-label tspan {
  font-size: 16px;
  font-weight: 600;
  color: #13216e;
}

@media only screen and (max-width: 575px) {
  #investmentChart .apexcharts-xaxis-label tspan {
    font-size: 10px;
  }
}

.investo {
  margin-bottom: 9px !important;
}

@media only screen and (max-width: 767px) {
  .investo {
    margin-bottom: 5px !important;
  }
}

.apexcharts-canvas {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  left: -6px;
}

@media only screen and (max-width: 575px) {
  .apexcharts-canvas {
    left: -14px;
  }
}

.balance-report__wrapper {
  padding: 40px 30px;
  background-color: #5927e3;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .balance-report__wrapper {
    padding: 30px 20px;
  }
}

.balance-report__wrapper hr {
  background-color: #8087c6;
  margin: 40px 0px;
}

@media only screen and (max-width: 767px) {
  .balance-report__wrapper hr {
    margin: 30px 0px;
  }
}

.balance-report__wrapper .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -8px;
}

.balance-report__wrapper .group p {
  color: #ffffff;
}

.balance-report__wrapper .group h6 {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 13px;
}

.balance-report__wrapper .group h6 img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.balance-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -8px 0px -1px;
}

@media only screen and (max-width: 1199px) {
  .balance-report {
    margin: -6px 0px -1px;
  }
}

.balance-report h4 {
  color: #ffffff;
}

.balance-report p {
  color: #ffffff;
  font-weight: 400;
  margin-top: 10px;
}

.balance-report .nice-select {
  background-color: transparent;
  border: 0px solid transparent;
  padding-left: 0px;
  padding-right: 20px;
  height: auto !important;
  line-height: 1 !important;
}

.balance-report .nice-select::after {
  right: 3px;
  border-color: #ffffff !important;
}

.balance-report .nice-select .current {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

.balance-report .nice-select .list {
  max-height: 200px;
  overflow-y: auto;
}

.balance-report .nice-select .list::-webkit-scrollbar {
  width: 8px;
}

.balance-report .nice-select .list::-webkit-scrollbar-track {
  background-color: #cae6f7;
  border-radius: 5px;
}

.balance-report .nice-select .list::-webkit-scrollbar-button, .balance-report .nice-select .list::-webkit-scrollbar-thumb {
  background-color: #5927e3;
  border-radius: 5px;
}

.balance-report .nice-select .option {
  font-size: 14px;
  font-weight: 400;
}

.card-alt {
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
  padding: 30px;
  border-radius: 10px;
}

@media only screen and (max-width: 991px) {
  .card-alt {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .card-alt {
    padding: 30px 20px;
  }
}

.card-alt .card-tab-btn__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 575px) {
  .card-alt .card-tab-btn__wrapper {
    gap: 20px;
  }
}

.card-alt .card-tab-btn__wrapper .card-tab-btn {
  color: #13216e;
  position: relative;
}

.card-alt .card-tab-btn__wrapper .card-tab-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -30px;
  width: 1px;
  height: 30px;
  background-color: #13216e;
}

@media only screen and (max-width: 575px) {
  .card-alt .card-tab-btn__wrapper .card-tab-btn::after {
    display: none;
  }
}

.card-alt .card-tab-btn__wrapper .card-tab-btn:nth-last-of-type(1)::after {
  content: none;
}

.card-alt .card-tab-btn__wrapper .card-tab-btn:hover {
  color: #4e0dff;
}

.card-alt .card-tab-btn__wrapper .card-tab-btn-active {
  color: #4e0dff;
}

.card-tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 30px;
  margin-top: 22px;
}

@media only screen and (max-width: 575px) {
  .card-tab-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

.card-tab-content .card-no {
  margin: -5px 0px 7px;
}

.card-tab-content .add-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f8f8ff;
  border: 1px dashed #ada4e2;
  border-radius: 10px;
  min-width: 60px;
  min-height: 60px;
}

@media only screen and (max-width: 575px) {
  .card-tab-content .add-card {
    min-width: 40px;
    min-height: 40px;
  }
}

.card-tab-content .add-card i {
  font-size: 30px;
  color: #7e86af;
}

@media only screen and (max-width: 575px) {
  .card-tab-content .add-card i {
    font-size: 20px;
  }
}

.card-tab-content .card-content-slider-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
  border-radius: 10px;
}

@media only screen and (max-width: 575px) {
  .card-tab-content .card-content-slider-wrapper {
    width: 100%;
  }
}

.card-tab-content .card-content {
  padding: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (max-width: 575px) {
  .card-tab-content .card-content {
    padding: 30px 20px;
  }
}

.card-tab-content .card-content .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 26px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card-tab-content .card-content .group p {
  text-transform: uppercase;
}

.card-tab-content .card-content .group p:nth-last-of-type(1) {
  margin-top: 7px;
  margin-bottom: -4px;
}

#bank .card-content {
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
}

.slick-slider-dots {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-top: 30px;
}

.slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #baccfc;
  cursor: pointer;
}

.slick-dots .slick-active {
  width: 20px;
  background-color: #4e0dff;
}

.slick-dots button {
  display: none;
}

.last-income {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.last-income:nth-last-of-type(1) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 575px) {
  .last-income {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
  }
}

.last-income .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 575px) {
  .last-income .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}

.last-income .group img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.last-income .group p {
  margin-top: 8px;
  font-weight: 400;
}

@media only screen and (max-width: 575px) {
  .last-income h6 {
    margin-bottom: -6px;
  }
}

.new-invest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.new-invest:nth-last-of-type(1) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 575px) {
  .new-invest {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.new-invest .poster {
  max-width: 200px;
}

@media only screen and (max-width: 767px) {
  .new-invest .poster {
    max-width: 180px;
  }
}

@media only screen and (max-width: 575px) {
  .new-invest .poster {
    max-width: 240px;
  }
}

.new-invest .poster a {
  width: 100%;
}

.new-invest .poster a img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.new-invest .invest-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: -6px;
}

.new-invest h6 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .new-invest h6 {
    margin-bottom: 15px;
  }
}

.new-invest p span {
  font-size: 16px;
}

.breadcrumb-dashboard {
  background-color: #ffffff;
  padding: 20px 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-dashboard {
    padding: 20px;
  }
}

@media only screen and (max-width: 424px) {
  .breadcrumb-dashboard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.breadcrumb-dashboard div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.breadcrumb-dashboard div i {
  font-size: 16px;
}

.breadcrumb-dashboard a {
  font-weight: 400;
  color: #13216e;
}

.breadcrumb-dashboard a:hover {
  color: #5927e3;
}

.breadcrumb-dashboard a:nth-last-of-type(1):hover {
  color: #13216e;
}

.investment-table {
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
  border-radius: 10px;
}

.investment-table .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  background-color: #ffffff;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .investment-table .intro {
    padding: 20px 15px;
  }
}

.investment-table .intro h5 {
  color: #13216e;
}

.investment-table .intro h6 span {
  color: #5927e3;
  font-weight: 600;
}

.investment-table .table-wrapper {
  overflow-x: auto;
}

.investment-table .table-wrapper::-webkit-scrollbar {
  height: 5px;
  width: 100%;
}

.investment-table .table-wrapper::-webkit-scrollbar-track {
  background-color: #cae6f7;
  border-radius: 5px;
}

.investment-table .table-wrapper::-webkit-scrollbar-button, .investment-table .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #5927e3;
  border-radius: 5px;
}

.investment-table table {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .investment-table table {
    width: 768px;
  }
}

.investment-table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  border-bottom: 1px solid #dbd8f0;
}

@media only screen and (max-width: 767px) {
  .investment-table tr {
    padding: 15px 20px;
  }
}

.investment-table tr:nth-of-type(1) {
  background-color: #f6f3ff;
  border-top: 1px solid #dbd8f0;
}

.investment-table tr:nth-last-of-type(1) {
  border: 0px solid transparent;
}

.investment-table tr:nth-last-of-type(1) td:first-of-type {
  border-radius: 0px 0px 0px 10px;
}

.investment-table tr:nth-last-of-type(1) td:last-of-type {
  border-radius: 0px 0px 10px 0px;
}

.investment-table tr th {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  min-width: 0px;
  text-align: center;
  font-weight: 600;
}

.investment-table tr th:first-of-type {
  text-align: left;
}

.investment-table tr td {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  min-width: 0px;
  text-align: center;
}

.investment-table tr td:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.investment-table tr td:first-of-type img {
  width: 50px;
  height: 30px;
  border-radius: 5px;
}

.investment-table-two .table-wrapper {
  overflow-x: auto;
}

.investment-table-two .table-wrapper::-webkit-scrollbar {
  height: 5px;
  width: 100%;
}

.investment-table-two .table-wrapper::-webkit-scrollbar-track {
  background-color: #cae6f7;
  border-radius: 5px;
}

.investment-table-two .table-wrapper::-webkit-scrollbar-button, .investment-table-two .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #5927e3;
  border-radius: 5px;
}

.investment-table-two table {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .investment-table-two table {
    width: 992px;
  }
}

@media only screen and (max-width: 991px) {
  .investment-sidebar {
    margin-top: 30px;
  }
}

.investment-sidebar .statistics {
  padding: 30px;
  background-color: #5927e3;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .investment-sidebar .statistics {
    padding: 30px 20px;
  }
}

.investment-sidebar .statistics h5 {
  color: #ffffff;
  margin-top: -5px;
}

.investment-sidebar .statistics hr {
  background-color: #a17ffd;
  margin: 20px 0px 25px;
}

.investment-sidebar .statistics .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.investment-sidebar .statistics .group img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.investment-sidebar .statistics h4 {
  color: #ffffff;
  margin-top: -6px;
}

.investment-sidebar .statistics p {
  color: #ffffff;
  margin-top: 8px;
}

.investment-sidebar .explore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: #e1ffe3;
  border-radius: 10px;
  margin-top: 30px;
  padding: 25px 20px 30px;
}

@media only screen and (max-width: 991px) {
  .investment-sidebar .explore {
    gap: 30px;
  }
}

.investment-sidebar .explore img {
  max-width: 120px;
  height: auto;
}

@media only screen and (max-width: 575px) {
  .investment-sidebar .explore img {
    display: none;
  }
}

.investment-sidebar .explore p {
  font-weight: 400;
  margin-top: 10px;
}

.investment-sidebar .explore .button {
  padding: 8px 25px 10px;
  margin-top: 20px;
  border-radius: 30px;
  font-size: 16px;
}

.apexcharts-tooltip-title {
  padding: 15px 20px !important;
}

.investment-single-box .intro {
  margin-top: 40px;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.investment-single-box .intro h5 {
  margin: 0px !important;
}

#investmentChartTwo {
  margin-bottom: -25px;
}

#investmentChartTwo .apexcharts-yaxis-label tspan {
  font-size: 16px;
  font-weight: 600;
  color: #13216e;
}

@media only screen and (max-width: 575px) {
  #investmentChartTwo .apexcharts-yaxis-label tspan {
    font-size: 12px;
  }
}

#investmentChartTwo .apexcharts-xaxis-label tspan {
  font-size: 16px;
  font-weight: 600;
  color: #13216e;
}

@media only screen and (max-width: 575px) {
  #investmentChartTwo .apexcharts-xaxis-label tspan {
    font-size: 10px;
  }
}

.withdraw-funds {
  padding: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .withdraw-funds {
    padding: 30px 20px;
  }
}

.withdraw-funds .withdraw-funds__inner {
  max-width: 630px;
}

.withdraw-funds h5 {
  color: #13216e;
  margin-top: -6px;
  margin-bottom: 14px;
}

.withdraw-funds form {
  margin-top: 18px;
}

.withdraw-funds .input input {
  background: #f8f8ff;
  border: 1px solid #d5cdeb;
}

.withdraw-funds .input input::-webkit-input-placeholder {
  color: #13216e;
  font-weight: 600;
}

.withdraw-funds .input input:-ms-input-placeholder {
  color: #13216e;
  font-weight: 600;
}

.withdraw-funds .input input::-ms-input-placeholder {
  color: #13216e;
  font-weight: 600;
}

.withdraw-funds .input input::placeholder {
  color: #13216e;
  font-weight: 600;
}

.withdraw-funds .nice-select {
  background: #f8f8ff;
  border: 1px solid #d5cdeb;
  float: unset;
  border-radius: 10px;
  margin-bottom: 0px;
}

.withdraw-funds .nice-select .current {
  font-weight: 600;
  color: #13216e;
}

.withdraw-funds .button {
  margin-top: 40px;
  min-width: 200px;
}

@media only screen and (max-width: 767px) {
  .withdraw-funds .button {
    margin-top: 30px;
  }
}

.account-info {
  padding: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
          box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25);
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .account-info {
    padding: 30px 20px;
  }
}

.account-info .account-info__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.account-info .account-info__btn {
  background-color: #ffffff;
  color: #13216e;
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 767px) {
  .account-info .account-info__btn {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.account-info .account-info__btn:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.account-info .account-info__btn-active {
  background-color: #5927e3;
  color: #ffffff;
}

.account-content_wrapper {
  margin-top: 40px;
}

.account-content .avatar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  padding: 30px;
  background: #f7f7ff;
  border-radius: 20px;
}

@media only screen and (max-width: 991px) {
  .account-content .avatar-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .account-content .avatar-wrapper {
    padding: 30px 20px;
  }
}

.account-content .avatar-wrapper .avatar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .account-content .avatar-wrapper .avatar-content {
    gap: 20px;
  }
}

.account-content .avatar-wrapper .avatar-content .avatar {
  width: 80px;
  height: 80px;
}

.account-content .avatar-wrapper .avatar-content .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.account-content .avatar-wrapper .avatar-content .avatar-content__guideline {
  margin: -5px 0px;
}

.account-content .avatar-wrapper .avatar-content .avatar-content__guideline h6 {
  margin-bottom: 5px;
}

.account-content .avatar-wrapper form input {
  display: none;
}

.account-content .avatar-wrapper form label {
  cursor: pointer;
  padding: 14px 30px;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 18px rgba(61, 32, 139, 0.1);
          box-shadow: 0px 8px 18px rgba(61, 32, 139, 0.1);
  border-radius: 10px;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .account-content .avatar-wrapper form label {
    padding: 10px 25px;
    font-size: 16px;
  }
}

.account-content .save__form {
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  .account-content .save__form {
    margin-top: 22px;
  }
}

.account-content .save__form input {
  background: #f8f8ff;
  border: 1px solid #d5cdeb;
  border-radius: 10px;
}

.account-content .save__form .button {
  min-width: 250px;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .account-content .save__form .button {
    min-width: 200px;
  }
}

.account-content .account-content-single {
  padding: 30px;
  background: #f7f7ff;
  border-radius: 20px;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single {
    padding: 30px 20px;
  }
}

.account-content .account-content-single .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -5px;
  margin-bottom: 4px;
}

@media only screen and (max-width: 424px) {
  .account-content .account-content-single .intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}

.account-content .account-content-single .intro h5 {
  color: #13216e;
}

.account-content .account-content-single .intro a {
  font-weight: 400;
  color: #5927e3;
}

.account-content .account-content-single .account-content-single__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 25px 0px;
  border-bottom: 1px solid #404d95;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single .account-content-single__inner {
    padding: 20px 0px;
  }
}

.account-content .account-content-single .account-content-single__inner:nth-last-of-type(1) {
  padding-bottom: 0px;
  border: 0px solid transparent;
  margin-bottom: -5px;
}

.account-content .account-content-single .account-content-single__inner .content h6 {
  margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single .account-content-single__inner .content h6 {
    margin-bottom: 5px;
  }
}

.account-content .account-content-single .account-content-single__inner .content-alt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.account-content .account-content-single .account-content-single__inner .content-alt img {
  width: 60px;
  height: 40px;
  border-radius: 5px;
}

.account-content .account-content-single .account-content-single__inner .content-right p {
  margin-top: -5px;
}

.account-content .account-content-single .switch-wrapper input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.account-content .account-content-single .switch-wrapper label {
  cursor: pointer;
  text-indent: -9999px;
  width: 36px;
  height: 20px;
  background: #2dca73;
  display: block;
  border-radius: 20px;
  position: relative;
}

.account-content .account-content-single .switch-wrapper label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.account-content .account-content-single .switch-wrapper input:checked + label {
  background: #5927e3;
}

.account-content .account-content-single .switch-wrapper input:checked + label:after {
  left: unset;
  right: 5px;
}

.account-content .account-content-single .switch-wrapper label:active:after {
  width: 20px;
}

.account-content .delete-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 36px;
}

@media only screen and (max-width: 767px) {
  .account-content .delete-account {
    margin-top: 28px;
  }
}

.account-content .delete-account .delete-content {
  max-width: 430px;
}

.account-content .delete-account .delete-content p {
  font-weight: 400;
  margin-top: 9px;
}

.account-content .delete-account .button {
  background-color: #ffc9e1;
  min-width: 200px;
  color: #13216e;
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
}

@media only screen and (max-width: 767px) {
  .account-content .delete-account .button {
    min-width: 160px;
  }
}

.account-content .delete-account .button:hover {
  -webkit-box-shadow: 0px 0px 0px;
          box-shadow: 0px 0px 0px;
}

.account-content .investment-table {
  margin-top: 30px;
}

.account-content .investment-table tr td:nth-last-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}

.account-content .investment-table tr td:nth-last-of-type(1) .paid,
.account-content .investment-table tr td:nth-last-of-type(1) .process {
  width: 10px;
  height: 10px;
  background-color: #01dda5;
  border-radius: 50%;
}

.account-content .investment-table tr td:nth-last-of-type(1) .process {
  background-color: #763ff9;
}

.account-content .two-factor-wrapper {
  padding: 30px;
  background: #f7f7ff;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .account-content .two-factor-wrapper {
    padding: 30px 20px;
  }
}

.account-content .two-factor-wrapper .two-factor-content {
  max-width: 440px;
  margin: -6px 0px;
}

.account-content .two-factor-wrapper .two-factor-content p {
  margin-top: 10px;
}

.account-content .two-factor-wrapper .button {
  background-color: #ffffff;
  color: #13216e;
}

.account-content .two-factor-wrapper .button:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.account-content .change__pass {
  padding: 30px 0px;
}

.account-content .change__pass .change__pass-content h5 {
  color: #13216e;
  margin-top: -6px;
  margin-bottom: 20px;
}

.account-content .change__pass .change__pass-content .button {
  margin-top: 25px;
  background-color: #ffffff;
  color: #13216e;
}

.account-content .change__pass .change__pass-content .button:hover {
  background-color: #5927e3;
  color: #ffffff;
}

.account-content .change__pass form {
  margin-top: -8px;
}

.account-content .change__pass form .button {
  width: 100%;
}

.account-content .account-content-single__alt .intro {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single__alt .intro {
    margin-bottom: 0px;
  }
}

.account-content .account-content-single__alt .account-content-single__inner {
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single__alt .account-content-single__inner:nth-last-of-type(1) {
    margin-bottom: 0px;
  }
}

.account-content .account-content-single__alt .button {
  padding: 10px 20px 12px;
  font-size: 16px;
}

.account-content .account-content-single__alt .alt {
  background-color: #ffffff;
  color: #13216e;
}

.account-content .account-content-single__alt .alt:hover {
  background-color: #5927e3;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single__alt .account-content-single__inner-alt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 25px 0px;
  }
}

.account-content .account-content-single__alt .account-content-single__inner-alt .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 575px) {
  .account-content .account-content-single__alt .account-content-single__inner-alt .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.account-content .account-content-single__alt .account-content-single__inner-alt .content img {
  width: 50px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .account-content .account-content-single__alt .account-content-single__inner-alt .content img {
    width: 40px;
  }
}

/* ====
 --------- (4.4) all sections styles end ---------
 ==== */
/* ====
 --------- (4.5) footer styles start ---------
 ==== */
.footer {
  background-color: #1e263a;
  z-index: 1;
}

.footer__newsletter {
  padding: 50px 0px 56px;
  border-bottom: 1px solid #ffffff20;
}

@media only screen and (max-width: 1199px) {
  .footer__newsletter {
    padding: 50px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .footer__newsletter {
    padding: 35px 0px 40px;
  }
}

.footer__newsletter__content h3,
.footer__newsletter__content p {
  color: #ffffff;
}

.footer__newsletter__content p {
  margin-top: 12px;
}

@media only screen and (max-width: 575px) {
  .footer__newsletter__content {
    margin-bottom: 20px;
  }
}

.footer__newsletter__input__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .footer__newsletter__input__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.footer__newsletter__input__group .input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media only screen and (max-width: 767px) {
  .footer__newsletter__input__group .input {
    width: 100%;
  }
}

.footer__newsletter__input__group .button {
  width: 196px;
  padding: 14px 30px;
  height: 60px;
}

@media only screen and (max-width: 1199px) {
  .footer__newsletter__input__group .button {
    width: 170px;
    height: auto;
    padding: 12px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .footer__intro {
    margin-bottom: 33px;
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .footer__intro {
    width: 100%;
  }
}

.footer__intro p {
  color: #ffffff;
  font-weight: 400;
  margin-top: 23px;
}

@media only screen and (max-width: 1399px) {
  .footer__intro p {
    font-size: 14px;
    line-height: 22px;
  }
}

.footer__intro .social {
  margin-top: 28px;
}

@media only screen and (max-width: 1399px) {
  .footer__intro .social {
    margin-top: 18px;
  }
}

@media only screen and (max-width: 1399px) {
  .footer__intro .social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 1399px) {
  .footer__intro .social a i {
    font-size: 14px;
  }
}

.footer__links h5 {
  font-weight: 600;
  color: #ffffff;
}

.footer__links ul {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .footer__links ul {
    margin-top: 15px;
  }
}

.footer__links li {
  border-bottom: 1px solid #ffffff20;
}

.footer__links li:last-of-type {
  border-bottom: 0px;
}

.footer__links li:last-of-type a {
  padding-bottom: 0px;
}

.footer__links li:first-of-type a {
  padding-top: 0px;
}

.footer__links li a {
  font-weight: 400;
  color: #ffffff;
  padding: 10px 0px;
  display: block;
}

@media only screen and (max-width: 1399px) {
  .footer__links li a {
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0px;
  }
}

.footer__links li a:hover {
  color: #ffffff;
  padding-left: 5px;
}

@media only screen and (max-width: 767px) {
  .footer__links--alt {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .footer__links--alt--two {
    margin-bottom: 35px;
  }
}

.footer__credit {
  padding: 25px 0px;
  border-top: 1px solid #ffffff20;
}

@media only screen and (max-width: 1199px) {
  .footer__credit {
    padding: 20px 0px;
  }
}

.footer__copyright p {
  color: #ffffff;
}

@media only screen and (max-width: 575px) {
  .footer__copyright p {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.footer__copyright p a {
  font-weight: 400;
  color: #26dd77;
}

.footer__copyright p a:hover {
  color: #ffffff;
}

.footer__language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 575px) {
  .footer__language {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 4px;
  }
}

.footer__language .nice-select {
  background-color: transparent;
  border: none;
  outline: none;
  height: auto !important;
  line-height: inherit !important;
  padding-left: 0px;
  padding-right: 20px;
}

@media only screen and (max-width: 575px) {
  .footer__language .nice-select {
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__language .nice-select::after {
  width: 10px;
  height: 10px;
  margin-top: -7px;
  border-color: #ffffff;
  right: 4px;
}

@media only screen and (max-width: 575px) {
  .footer__language .nice-select::after {
    width: 8px;
    height: 8px;
    margin-top: -6px;
  }
}

.footer__language .nice-select .current {
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}

.footer__language .nice-select .current::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0ac";
  font-size: 18px;
  margin-right: 10px;
}

@media only screen and (max-width: 575px) {
  .footer__language .nice-select .current::before {
    font-size: 16px;
    margin-right: 5px;
  }
}

.footer__language .nice-select .list {
  position: absolute;
  top: unset;
  bottom: 100%;
  background-color: #0c266c;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.5);
          box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.5);
  min-width: 70px;
}

@media only screen and (max-width: 575px) {
  .footer__language .nice-select .list {
    min-width: 60px;
  }
}

.footer__language .nice-select .list:hover .selected {
  color: #ffffff;
}

.footer__language .nice-select .option {
  background-color: #0c266c;
  color: #ffffff;
  min-height: auto;
  line-height: 28px;
  padding: 5px 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  .footer__language .nice-select .option {
    font-size: 14px;
    line-height: 20px;
  }
}

.footer__language .nice-select .option:hover {
  background-color: #ffffff;
  color: #0c266c;
}

.footer__language .nice-select .selected {
  font-weight: 400;
  color: #0c266c;
}

.footer__language .nice-select .selected:hover {
  color: #0c266c !important;
}

.footer__animation img {
  position: absolute;
  height: auto;
  z-index: -1;
}

.footer__animation .left__circle {
  left: 0px;
  top: 30px;
  max-width: 16vw;
  opacity: 0.3;
}

.footer__animation .right__circle {
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.4;
  max-width: 15vw;
}

.footer__animation .home__illustration {
  left: 0px;
  bottom: 0px;
  max-width: 25vw;
  opacity: 0.5;
}

@media only screen and (max-width: 575px) {
  .footer__animation .home__illustration {
    max-width: 30vw;
    left: 30vw;
  }
}

.dashboard-footer {
  background-color: #f6f6ff;
}

.dashboard-footer .footer__intro p {
  color: #13216e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  max-width: 280px;
  margin-top: 23px;
}

@media only screen and (max-width: 1399px) {
  .dashboard-footer .footer__intro p {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .dashboard-footer .footer__intro p {
    margin-top: 22px;
  }
}

.dashboard-footer .footer__intro p:nth-last-of-type(2) {
  margin-top: 13px;
}

.dashboard-footer .footer__intro p:nth-last-of-type(1) {
  margin-top: 6px;
}

@media only screen and (max-width: 1399px) {
  .dashboard-footer .footer__intro p:nth-last-of-type(1) {
    margin-top: 11px;
  }
}

@media only screen and (max-width: 1199px) {
  .dashboard-footer .footer__intro p:nth-last-of-type(1) {
    margin-top: 11px;
  }
}

.dashboard-footer .footer__intro p i {
  font-size: 16px;
  color: #4e0dff;
}

.dashboard-footer h5 {
  color: #13216e;
}

.dashboard-footer .footer__links a {
  color: #13216e;
  padding: 6px 0px;
}

.dashboard-footer .footer__links a:hover {
  color: #2dca73;
}

.dashboard-footer .footer__credit {
  border-color: #c9c9df;
}

@media only screen and (max-width: 767px) {
  .dashboard-footer .footer__credit {
    padding: 15px 0px 25px;
  }
}

.dashboard-footer .footer__copyright p {
  color: #13216e;
}

@media only screen and (max-width: 767px) {
  .dashboard-footer .footer__copyright p {
    text-align: center;
  }
}

.dashboard-footer .footer__copyright p a {
  color: #13216e;
}

.dashboard-footer .footer__copyright p a:hover {
  color: #2dca73;
}

.dashboard-footer .social {
  gap: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .dashboard-footer .social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
  }
}

.dashboard-footer .social a {
  background-color: transparent;
  padding: 0px;
  width: auto;
  height: auto;
}

.dashboard-footer .social a i {
  color: #8181ac;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.dashboard-footer .social a:hover i {
  color: #4e0dff;
}

/* ====
 --------- (4.5) footer styles end ---------
 ==== */
/*# sourceMappingURL=style.css.map */
.preloader {
  background-color: #fff;
  background-image: url(../images/preloader.png);
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999999;
}
#raq-ms--title {
    font-weight: 700;
    font-size: 32px;
}
#raqms-screen1 input[type="checkbox"] {
    display: none;
}
#raqms-screen1 input[type="radio"] {
    display: none;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
#raqms-screen1 span.wpcf7-list-item-label {
    height: 80px;
    width: 100%;
    margin: 8px;
    font-size: 17px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    background: #EEFAF7;
    margin-bottom: 30px;
}
#raqms-screen1 input:checked + span {
    color: #fff;
    background: #5927e3;
}
#raqms-screen1 span.wpcf7-list-item-label {
    display: grid;
    width: 208px;
    align-items: center;
    text-align: center;
    font-family: Montserrat;
    font-weight: 700;
    cursor: pointer;
}
*, ::after, ::before {
    box-sizing: border-box;
}
#raqms-screen1 input:checked+span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 43%;
}
#raqms-screen2 {
    height: auto;
    margin-bottom: 60px;
}
#raqms-screen2 span.wpcf7-list-item {
    display: inline-block !important;
}
#raqms-screen2 input[type="checkbox"] {
    display: none;
}
#raqms-screen2 input[type="radio"] {
    display: none;
}
#raqms-screen2 span.wpcf7-list-item-label {
    position: relative;
    border-radius: 10px;
    font-size: 17px;
    width: 100%;
}
#raqms-screen2 span.wpcf7-list-item-label {
    display: grid;
    align-items: center;
    background: #EEFAF7;
    margin: 5px;
    text-align: center;
    border-radius: 20px;
    font-size: 19px;
    width: 214px;
    padding: 15px 0;
}
#raqms-screen2 input:checked + span {
    color: #fff;
    background: #5927e3;
}
#raqms-screen2 input:checked+span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 43%;
}
.field{
    border: none;
    box-shadow: 2px  5px 9px 1px #8266cc;
    margin: 20px;
    padding: 15px;
}


/*=============================*/

.navbar{
        padding: 15px 0px !important;
}
.logo {
  max-width: 260px;
  height: auto;
}

@media (min-width: 1200px) {
  .navbar-collapse {
    margin-left: 80px !important;
  }
}