@font-face {

    font-family: 'Lexend-Medium';

    src: url('Lexend-Medium.woff2') format('woff2'),

        url('Lexend-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lexend-Light';

    src: url('Lexend-Light.woff2') format('woff2'),

        url('Lexend-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lexend-Bold';

    src: url('Lexend-Bold.woff2') format('woff2'),

        url('Lexend-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}





body { font-family: 'Lexend-Light', "Open Sans";

  color: #000000;

}



a {

  color: #218F3D;

  text-decoration: none!important;

}



a:hover {

  color: #ffc628;

  text-decoration: none;

}



h1,

h2,

h3,

h4 {

  font-family: 'Lexend-Bold';

}



.h2, h2 {

    font-size: 3rem;

}

.h3, h3 {

    font-size: 2.5rem;

}

.h4, h4 {

    font-size: 2rem;

}

.h5, h5 {

    font-size: 1.5rem;

}

.banner{min-height: 200px;  background-size: cover!important; background-repeat:no-repeat!important;}



.standard-content .standard-main-content .post-entry.standard-post-entry.classic-post-entry .col-md-8, .post-entry .inner-post-entry .col-md-8{width: 100%!important}



.variants-dd{}

.variants-dd {

  /* Reset Select */

  appearance: none;

  outline: 0;

  border: 0;

  box-shadow: none;

  /* Personalize */

  flex: 1;

  padding: 0 1em;

  color: #fff;

  background-color:#1A1A1A;

  background-image: none;

  cursor: pointer;

}

/* Remove IE arrow */

.variants-dd::-ms-expand {

  display: none;

}

/* Custom Select wrapper */

.variants-dd {

  position: relative;

  display: flex;

  width: 20em;

  height: 3em;

  border-radius: .25em;

  overflow: hidden;

}

/* Arrow */

.variants-dd::after {

  content: '\25BC';

  position: absolute;

  top: 0;

  right: 0;

  padding: 1em;

  background-color: #34495e;

  transition: .25s all ease;

  pointer-events: none;

}

/* Transition */

.variants-dd:hover::after {

  color: #f39c12;

}





/*--------------------------------------------------------------

# Preloader

--------------------------------------------------------------*/

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  overflow: hidden;

  background: #00000082;

  backdrop-filter: blur(20px);

}



#preloader:before {

  content: "";

  position: fixed;

  top: calc(50% - 30px);

  left: calc(50% - 30px);

  border: 6px solid #ffc434;

  border-top-color: #fff;

  border-bottom-color: #fff;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  -webkit-animation: animate-preloader 1s linear infinite;

  animation: animate-preloader 1s linear infinite;

}



@-webkit-keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #3b3b3b;

  width: 40px;

  height: 40px;

  border-radius: 50px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 24px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #848484;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  transition: all 0.5s;

  z-index: 997;

  padding: 15px 0;

}



#header.header-scrolled,

#header.header-inner-pages {

  background:rgb(255 255 255 / 90%);

}

#header.header-scrolled{position:fixed!important; width:100%; top:0;}

#header.header-scrolled .logo a {

padding: 9px 15px;}

#header.header-scrolled .logo img {

    width: 125px;

}





#header .logo {

  font-size: 30px;

  margin: 0;

  padding: 0;

  line-height: 1;

  font-weight: 500;

  letter-spacing: 2px;

  text-transform: uppercase;

}



#header .logo a {

  color: #fff;

  position: absolute;

  padding: 15px;

  top: 0;

  background:#fff;

  box-shadow:0 13px 7px -8px #00000026;

}



#header .logo img {

  

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}



.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

	font-family: 'Lexend-Medium';

}



.navbar li {

  position: relative;

}



.navbar a,

.navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-size: 17px;

    font-weight: bold;

  color: #44454A;

  white-space: nowrap;

  transition: 0.3s;

}



.navbar a i,

.navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}



.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #e2b100;

}



.navbar .getstarted,

.navbar .getstarted:focus {

  padding: 8px 20px;

  margin-left: 30px;

  border-radius: 10px;

  color: #000;

	background: rgb(255,192,0);

background: linear-gradient(90deg, rgba(255,192,0,1) 0%, rgba(255,239,0,1) 100%);

}



.navbar .getstarted:hover,

.navbar .getstarted:focus:hover {

  color: #fff;

  background: #31a9e1;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 14px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

  border-radius: 4px;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 14px;

  text-transform: none;

  font-weight: 500;

  color: #0c3c53;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  color: #218F3D;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #44454A;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



.mobile-nav-toggle.bi-x {

  color: #fff;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background:#3277c1b8;

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  border-radius: 10px;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

}



.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #218F3D;

}



.navbar-mobile .getstarted,

.navbar-mobile .getstarted:focus {

  margin: 15px;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #218F3D;

}



.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}

/*--------------------------------------------------------------

# Page Section

--------------------------------------------------------------*/

.faqsbanner{background: url("../img/faqs-banner.jpg");}

.aboutbanner{background: url("../img/about-banner.jpg");}

.contactbanner{background: url("../img/contact-banner.jpg");}



.headerlst{background: url("../img/header-lft2.jpg") no-repeat bottom right;}

.headerlst span{position: absolute; top:50%; transform: translateY(-50%); left:10%;     width: 40%;}



.hombnr2 span{bottom: 30px; left:10%; right: 10%; font-size: 1rem;}



.gallery-content .col-md-4 img {

  height: 60vh;

  width: 100%;

  border-radius: 10px;

  border: 1px solid;

  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,

    rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,

    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}





/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero {

  width: 100%;

  height: 80vh;

  background: #32C156;

}



#hero .container {

  padding-top: 72px;

}



#hero h1 {

  margin: 0 0 10px 0;

  font-size: 48px;

  font-weight: 700;

  line-height: 56px;

  color: #fff;

}



#hero h2 {

  color: rgba(255, 255, 255, 0.6);

  margin-bottom: 50px;

  font-size: 24px;

}



#hero .btn-get-started {

  font-family: "Jost", sans-serif;

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 10px 28px 11px 28px;

  border-radius: 50px;

  transition: 0.5s;

  margin: 10px 0 0 0;

  color: #fff;

  background: #218F3D;

}



#hero .btn-get-started:hover {

  background: #218F3D;

}



#hero .btn-watch-video {

  font-size: 16px;

  display: flex;

  align-items: center;

  transition: 0.5s;

  margin: 10px 0 0 25px;

  color: #fff;

  line-height: 1;

}



#hero .btn-watch-video i {

  line-height: 0;

  color: #fff;

  font-size: 32px;

  transition: 0.3s;

  margin-right: 8px;

}



#hero .btn-watch-video:hover i {

  color: #218F3D;

}



#hero .animated {

  animation: up-down 2s ease-in-out infinite alternate-reverse both;

}



@media (max-width: 991px) {

  #hero {

    height: 100vh;

    text-align: center;

  }



  #hero .animated {

    -webkit-animation: none;

    animation: none;

  }



  #hero .hero-img {

    text-align: center;

  }



  #hero .hero-img img {

    width: 50%;

  }

}



@media (max-width: 768px) {

  #hero h1 {

    font-size: 28px;

    line-height: 36px;

  }



  #hero h2 {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 30px;

  }



  #hero .hero-img img {

    width: 70%;

  }

}



@media (max-width: 575px) {

  #hero .hero-img img {

    width: 80%;

  }



  #hero .btn-get-started {

    font-size: 16px;

    padding: 10px 24px 11px 24px;

  }

}



@-webkit-keyframes up-down {

  0% {

    transform: translateY(10px);

  }



  100% {

    transform: translateY(-10px);

  }

}



@keyframes up-down {

  0% {

    transform: translateY(10px);

  }



  100% {

    transform: translateY(-10px);

  }

}



/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/

section {

  padding: 60px 0;

  

}



.section-bg {

  background-color: #f3f5fa;

}



.section-title {

  text-align: center;

  padding-bottom: 30px;

}



.section-title h2 {

  font-size: 32px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 20px;

  padding-bottom: 20px;

  position: relative;

  color: #32C156;

}



.section-title h2::before {

  content: "";

  position: absolute;

  display: block;

  width: 120px;

  height: 1px;

  background: #ddd;

  bottom: 1px;

  left: calc(50% - 60px);

}



.section-title h2::after {

  content: "";

  position: absolute;

  display: block;

  width: 40px;

  height: 3px;

  background: #218F3D;

  bottom: 0;

  left: calc(50% - 20px);

}



.section-title p {

  margin-bottom: 0;

}



/*--------------------------------------------------------------

# Clients

--------------------------------------------------------------*/

.clients {

  padding: 12px 0;

  text-align: center;

}



.clients img {

  max-width: 45%;

  transition: all 0.4s ease-in-out;

  display: inline-block;

  padding: 15px 0;

  filter: grayscale(100);

}



.clients img:hover {

  filter: none;

  transform: scale(1.1);

}



@media (max-width: 768px) {

  .clients img {

    max-width: 40%;

  }

}



/*--------------------------------------------------------------

# About Us

--------------------------------------------------------------*/

.about .content h3 {

  font-weight: 600;

  font-size: 26px;

}



.about .content ul {

  list-style: none;

  padding: 0;

}



.about .content ul li {

  padding-left: 28px;

  position: relative;

}



.about .content ul li+li {

  margin-top: 10px;

}



.about .content ul i {

  position: absolute;

  left: 0;

  top: 2px;

  font-size: 20px;

  color: #218F3D;

  line-height: 1;

}



.about .content p:last-child {

  margin-bottom: 0;

}



.about .content .btn-learn-more {

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 32px;

  border-radius: 4px;

  transition: 0.3s;

  line-height: 1;

  color: #218F3D;

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

  margin-top: 6px;

  border: 2px solid #218F3D;

}



.about .content .btn-learn-more:hover {

  background: #218F3D;

  color: #fff;

  text-decoration: none;

}



/*--------------------------------------------------------------

# Why Us

--------------------------------------------------------------*/

.why-us .content {

  padding: 60px 100px 0 100px;

}



.why-us .content h3 {

  font-weight: 400;

  font-size: 34px;

  color: #32C156;

}



.why-us .content h4 {

  font-size: 20px;

  font-weight: 700;

  margin-top: 5px;

}



.why-us .content p {

  font-size: 15px;

  color: #848484;

}



.why-us .img {

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

}



.why-us .accordion-list {

  padding: 0 100px 60px 100px;

}



.why-us .accordion-list ul {

  padding: 0;

  list-style: none;

}



.why-us .accordion-list li+li {

  margin-top: 15px;

}



.why-us .accordion-list li {

  padding: 20px;

  background: #fff;

  border-radius: 4px;

}



.why-us .accordion-list a {

  display: block;

  position: relative;

  font-family: "Poppins", sans-serif;

  font-size: 16px;

  line-height: 24px;

  font-weight: 500;

  padding-right: 30px;

  outline: none;

  cursor: pointer;

}



.why-us .accordion-list span {

  color: #218F3D;

  font-weight: 600;

  font-size: 18px;

  padding-right: 10px;

}



.why-us .accordion-list i {

  font-size: 24px;

  position: absolute;

  right: 0;

  top: 0;

}



.why-us .accordion-list p {

  margin-bottom: 0;

  padding: 10px 0 0 0;

}



.why-us .accordion-list .icon-show {

  display: none;

}



.why-us .accordion-list a.collapsed {

  color: #343a40;

}



.why-us .accordion-list a.collapsed:hover {

  color: #218F3D;

}



.why-us .accordion-list a.collapsed .icon-show {

  display: inline-block;

}



.why-us .accordion-list a.collapsed .icon-close {

  display: none;

}



@media (max-width: 1024px) {



  .why-us .content,

  .why-us .accordion-list {

    padding-left: 0;

    padding-right: 0;

  }

}



@media (max-width: 992px) {

  .why-us .img {

    min-height: 400px;

  }



  .why-us .content {

    padding-top: 30px;

  }



  .why-us .accordion-list {

    padding-bottom: 30px;

  }

}



@media (max-width: 575px) {

  .why-us .img {

    min-height: 200px;

  }

}



/*--------------------------------------------------------------

# Skills

--------------------------------------------------------------*/

.skills .content h3 {

  font-weight: 700;

  font-size: 32px;

  color: #32C156;

  font-family: "Poppins", sans-serif;

}



.skills .content ul {

  list-style: none;

  padding: 0;

}



.skills .content ul li {

  padding-bottom: 10px;

}



.skills .content ul i {

  font-size: 20px;

  padding-right: 4px;

  color: #218F3D;

}



.skills .content p:last-child {

  margin-bottom: 0;

}



.skills .progress {

  height: 60px;

  display: block;

  background: none;

  border-radius: 0;

}



.skills .progress .skill {

  padding: 0;

  margin: 0 0 6px 0;

  text-transform: uppercase;

  display: block;

  font-weight: 600;

  font-family: "Poppins", sans-serif;

  color: #32C156;

}



.skills .progress .skill .val {

  float: right;

  font-style: normal;

}



.skills .progress-bar-wrap {

  background: #e8edf5;

  height: 10px;

}



.skills .progress-bar {

  width: 1px;

  height: 10px;

  transition: 0.9s;

  background-color: #4668a2;

}



/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/

.services .icon-box {

  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);

  padding: 50px 30px;

  transition: all ease-in-out 0.4s;

  background: #fff;

}



.services .icon-box .icon {

  margin-bottom: 10px;

}



.services .icon-box .icon i {

  color: #218F3D;

  font-size: 36px;

  transition: 0.3s;

}



.services .icon-box h4 {

  font-weight: 500;

  margin-bottom: 15px;

  font-size: 24px;

}



.services .icon-box h4 a {

  color: #32C156;

  transition: ease-in-out 0.3s;

}



.services .icon-box p {

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 0;

}



.services .icon-box:hover {

  transform: translateY(-10px);

}



.services .icon-box:hover h4 a {

  color: #218F3D;

}



/*--------------------------------------------------------------

# Cta

--------------------------------------------------------------*/

.cta {

  background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url("../img/cta-bg.jpg") fixed center center;

  background-size: cover;

  padding: 120px 0;

}



.cta h3 {

  color: #fff;

  font-size: 28px;

  font-weight: 700;

}



.cta p {

  color: #fff;

}



.cta .cta-btn {

  font-family: "Jost", sans-serif;

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 40px;

  border-radius: 50px;

  transition: 0.5s;

  margin: 10px;

  border: 2px solid #fff;

  color: #fff;

}



.cta .cta-btn:hover {

  background: #218F3D;

  border: 2px solid #218F3D;

}



@media (max-width: 1024px) {

  .cta {

    background-attachment: scroll;

  }

}



@media (min-width: 769px) {

  .cta .cta-btn-container {

    display: flex;

    align-items: center;

    justify-content: flex-end;

  }

}



/*--------------------------------------------------------------

# Portfolio

--------------------------------------------------------------*/

.portfolio #portfolio-flters {

  list-style: none;

  margin-bottom: 20px;

}



.portfolio #portfolio-flters li {

  cursor: pointer;

  display: inline-block;

  margin: 10px 5px;

  font-size: 15px;

  font-weight: 500;

  line-height: 1;

  color: #444444;

  transition: all 0.3s;

  padding: 8px 20px;

  border-radius: 50px;

  font-family: "Poppins", sans-serif;

}



.portfolio #portfolio-flters li:hover,

.portfolio #portfolio-flters li.filter-active {

  background: #218F3D;

  color: #fff;

}



.portfolio .portfolio-item {

  margin-bottom: 30px;

}



.portfolio .portfolio-item .portfolio-img {

  overflow: hidden;

}



.portfolio .portfolio-item .portfolio-img img {

  transition: all 0.6s;

}



.portfolio .portfolio-item .portfolio-info {

  opacity: 0;

  position: absolute;

  left: 15px;

  bottom: 0;

  z-index: 3;

  right: 15px;

  transition: all 0.3s;

  background: rgba(55, 81, 126, 0.8);

  padding: 10px 15px;

}



.portfolio .portfolio-item .portfolio-info h4 {

  font-size: 18px;

  color: #fff;

  font-weight: 600;

  color: #fff;

  margin-bottom: 0px;

}



.portfolio .portfolio-item .portfolio-info p {

  color: #f9fcfe;

  font-size: 14px;

  margin-bottom: 0;

}



.portfolio .portfolio-item .portfolio-info .preview-link,

.portfolio .portfolio-item .portfolio-info .details-link {

  position: absolute;

  right: 40px;

  font-size: 24px;

  top: calc(50% - 18px);

  color: #fff;

  transition: 0.3s;

}



.portfolio .portfolio-item .portfolio-info .preview-link:hover,

.portfolio .portfolio-item .portfolio-info .details-link:hover {

  color: #218F3D;

}



.portfolio .portfolio-item .portfolio-info .details-link {

  right: 10px;

}



.portfolio .portfolio-item:hover .portfolio-img img {

  transform: scale(1.15);

}



.portfolio .portfolio-item:hover .portfolio-info {

  opacity: 1;

}



/*--------------------------------------------------------------

# Portfolio Details

--------------------------------------------------------------*/

.portfolio-details {

  padding-top: 40px;

}



.portfolio-details .portfolio-details-slider img {

  width: 100%;

}



.portfolio-details .portfolio-details-slider .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #218F3D;

}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #218F3D;

}



.portfolio-details .portfolio-info {

  padding: 30px;

  box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);

}



.portfolio-details .portfolio-info h3 {

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eee;

}



.portfolio-details .portfolio-info ul {

  list-style: none;

  padding: 0;

  font-size: 15px;

}



.portfolio-details .portfolio-info ul li+li {

  margin-top: 10px;

}



.portfolio-details .portfolio-description {

  padding-top: 30px;

}



.portfolio-details .portfolio-description h2 {

  font-size: 26px;

  font-weight: 700;

  margin-bottom: 20px;

}



.portfolio-details .portfolio-description p {

  padding: 0;

}



/*--------------------------------------------------------------

# Team

--------------------------------------------------------------*/

.team .member {

  position: relative;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  padding: 30px;

  border-radius: 5px;

  background: #fff;

  transition: 0.5s;

  height: 100%;

}



.team .member .pic {

  overflow: hidden;

  width: 180px;

  border-radius: 50%;

}



.team .member .pic img {

  transition: ease-in-out 0.3s;

}



.team .member:hover {

  transform: translateY(-10px);

}



.team .member .member-info {

  padding-left: 30px;

}



.team .member h4 {

  font-weight: 700;

  margin-bottom: 5px;

  font-size: 20px;

  color: #32C156;

}



.team .member span {

  display: block;

  font-size: 15px;

  padding-bottom: 10px;

  position: relative;

  font-weight: 500;

}



.team .member span::after {

  content: "";

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #cbd6e9;

  bottom: 0;

  left: 0;

}



.team .member p {

  margin: 10px 0 0 0;

  font-size: 14px;

}



.team .member .social {

  margin-top: 12px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.team .member .social a {

  transition: ease-in-out 0.3s;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  width: 32px;

  height: 32px;

  background: #eff2f8;

}



.team .member .social a i {

  color: #32C156;

  font-size: 16px;

  margin: 0 2px;

}



.team .member .social a:hover {

  background: #218F3D;

}



.team .member .social a:hover i {

  color: #fff;

}



.team .member .social a+a {

  margin-left: 8px;

}



/*--------------------------------------------------------------

# Pricing

--------------------------------------------------------------*/

.pricing .row {

  padding-top: 40px;

}



.pricing .box {

  padding: 60px 40px;

  box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);

  background: #fff;

  height: 100%;

  border-top: 4px solid #fff;

  border-radius: 5px;

}



.pricing h3 {

  font-weight: 500;

  margin-bottom: 15px;

  font-size: 20px;

  color: #32C156;

}



.pricing h4 {

  font-size: 48px;

  color: #32C156;

  font-weight: 400;

  font-family: "Jost", sans-serif;

  margin-bottom: 25px;

}



.pricing h4 sup {

  font-size: 28px;

}



.pricing h4 span {

  color: #218F3D;

  font-size: 18px;

  display: block;

}



.pricing ul {

  padding: 20px 0;

  list-style: none;

  color: #999;

  text-align: left;

  line-height: 20px;

}



.pricing ul li {

  padding: 10px 0 10px 30px;

  position: relative;

}



.pricing ul i {

  color: #28a745;

  font-size: 24px;

  position: absolute;

  left: 0;

  top: 6px;

}



.pricing ul .na {

  color: #ccc;

}



.pricing ul .na i {

  color: #ccc;

}



.pricing ul .na span {

  text-decoration: line-through;

}



.pricing .buy-btn {

  display: inline-block;

  padding: 12px 35px;

  border-radius: 50px;

  color: #218F3D;

  transition: none;

  font-size: 16px;

  font-weight: 500;

  font-family: "Jost", sans-serif;

  transition: 0.3s;

  border: 1px solid #218F3D;

}



.pricing .buy-btn:hover {

  background: #218F3D;

  color: #fff;

}



.pricing .featured {

  border-top-color: #218F3D;

}



.pricing .featured .buy-btn {

  background: #218F3D;

  color: #fff;

}



.pricing .featured .buy-btn:hover {

  background: #23a3df;

}



@media (max-width: 992px) {

  .pricing .box {

    max-width: 60%;

    margin: 0 auto 30px auto;

  }

}



@media (max-width: 767px) {

  .pricing .box {

    max-width: 80%;

    margin: 0 auto 30px auto;

  }

}



@media (max-width: 420px) {

  .pricing .box {

    max-width: 100%;

    margin: 0 auto 30px auto;

  }

}



/*--------------------------------------------------------------

# Frequently Asked Questions

--------------------------------------------------------------*/

.faq .faq-list {

  padding: 0 100px;

}



.faq .faq-list ul {

  padding: 0;

  list-style: none;

}



.faq .faq-list li+li {

  margin-top: 15px;

}



.faq .faq-list li {

  padding: 20px;

  background: #fff;

  border-radius: 4px;

  position: relative;

}



.faq .faq-list a {

  display: block;

  position: relative;

  font-family: "Poppins", sans-serif;

  font-size: 16px;

  line-height: 24px;

  font-weight: 500;

  padding: 0 30px;

  outline: none;

  cursor: pointer;

}



.faq .faq-list .icon-help {

  font-size: 24px;

  position: absolute;

  right: 0;

  left: 20px;

  color: #218F3D;

}



.faq .faq-list .icon-show,

.faq .faq-list .icon-close {

  font-size: 24px;

  position: absolute;

  right: 0;

  top: 0;

}



.faq .faq-list p {

  margin-bottom: 0;

  padding: 10px 0 0 0;

}



.faq .faq-list .icon-show {

  display: none;

}



.faq .faq-list a.collapsed {

  color: #32C156;

  transition: 0.3s;

}



.faq .faq-list a.collapsed:hover {

  color: #218F3D;

}



.faq .faq-list a.collapsed .icon-show {

  display: inline-block;

}



.faq .faq-list a.collapsed .icon-close {

  display: none;

}



@media (max-width: 1200px) {

  .faq .faq-list {

    padding: 0;

  }

}



/*--------------------------------------------------------------

# Contact

--------------------------------------------------------------*/

.contact .info {

  border-top: 3px solid #218F3D;

  border-bottom: 3px solid #218F3D;

  padding: 30px;

  background: #fff;

  width: 100%;

  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);

}



.contact .info i {

  font-size: 20px;

  color: #218F3D;

  float: left;

  width: 44px;

  height: 44px;

  background: #e7f5fb;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50px;

  transition: all 0.3s ease-in-out;

}



.contact .info h4 {

  padding: 0 0 0 60px;

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 5px;

  color: #32C156;

}



.contact .info p {

  padding: 0 0 10px 60px;

  margin-bottom: 20px;

  font-size: 14px;

  color: #6182ba;

}



.contact .info .email p {

  padding-top: 5px;

}



.contact .info .social-links {

  padding-left: 60px;

}



.contact .info .social-links a {

  font-size: 18px;

  display: inline-block;

  background: #333;

  color: #fff;

  line-height: 1;

  padding: 8px 0;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

  margin-right: 10px;

}



.contact .info .social-links a:hover {

  background: #218F3D;

  color: #fff;

}



.contact .info .email:hover i,

.contact .info .address:hover i,

.contact .info .phone:hover i {

  background: #218F3D;

  color: #fff;

}



.contact .php-email-form {

  width: 100%;

  border-top: 3px solid #218F3D;

  border-bottom: 3px solid #218F3D;

  padding: 30px;

  background: #fff;

  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);

}



.contact .php-email-form .form-group {

  padding-bottom: 8px;

}



.contact .php-email-form .validate {

  display: none;

  color: red;

  margin: 0 0 15px 0;

  font-weight: 400;

  font-size: 13px;

}



.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .error-message br+br {

  margin-top: 25px;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form .form-group {

  margin-bottom: 20px;

}



.contact .php-email-form label {

  padding-bottom: 8px;

}



.contact .php-email-form input,

.contact .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

  border-radius: 4px;

}



.contact .php-email-form input:focus,

.contact .php-email-form textarea:focus {

  border-color: #218F3D;

}



.contact .php-email-form input {

  height: 44px;

}



.contact .php-email-form textarea {

  padding: 10px 12px;

}



.contact .php-email-form button[type=submit] {

  background: #218F3D;

  border: 0;

  padding: 12px 34px;

  color: #fff;

  transition: 0.4s;

  border-radius: 50px;

}



.contact .php-email-form button[type=submit]:hover {

  background: #218F3D;

}



@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 15px 0;

  background: #f3f5fa;

  min-height: 40px;

  margin-top: 72px;

}



@media (max-width: 992px) {

  .breadcrumbs {

    margin-top: 68px;

  }

}



.breadcrumbs h2 {

  font-size: 28px;

  font-weight: 600;

  color: #32C156;

}



.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0 0 10px 0;

  margin: 0;

  font-size: 14px;

}



.breadcrumbs ol li+li {

  padding-left: 10px;

}



.breadcrumbs ol li+li::before {

  display: inline-block;

  padding-right: 10px;

  color: #4668a2;

  content: "/";

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/



.bg-secondary{background: #F4F4F4!important}

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

.formlftbg{background: url("../../assets/img/formlft-bg.png") #32C156 right bottom no-repeat;}

.text-success{color:#218F3D!important}

.bg-success{background:#218F3D!important}



::-moz-selection { /* Code for Firefox */

  color: #007718;

  background: #72FF85;

}



::selection {

  color: #007718;

  background: #72FF85;

}



.owl-stage, .owl-item{display: flex;}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background: #ffffff;

  padding: 0px 1px 7px!important;

    color: #ccc;

    font-weight: bold;

    font-size: 32px;

    line-height: 28px;

    border: none;

margin: 3px;}

.owl-theme .owl-nav{text-align: left!important}





input:focus-visible, textarea:focus-visible {outline: 0px;}

.formtop {color: #000;font-size: 15px;

}

.formtop input, .formtop select, .formtop textarea {

	width: 100%;

    margin:0 0 20px 0;

    background: #fff0;

    border: none;

    border-bottom:2px solid #66666640; 

    padding: 5px 0;

    font-size: 18px;

}

.formtop input::-webkit-input-placeholder, .formtop textarea::-webkit-input-placeholder{ color:#CDCDCD}

.formtop select option{ background: #004158}

.formtop select option:hover{ background: #0081AF}

.formtop input[type="submit"]{background: white; color:#000; font-weight: bold}

.formtop input:focus {

	border-bottom: 2px solid #fff;

}

.formtop input[type="submit"] {

	background: #DD2C20;

    border: none;

    color: white!important;

    font-weight: bold;

    padding: 10px 0;

    font-size: 19px;

}

.formtop a {position: absolute;

    right: 11px;

    padding: 3px 6px 1px;

    font-size: 15px;}

.formtop button, a.fbutton {background: linear-gradient(93.61deg, #218F3D 0.85%, #32C156 117.34%); color: #fff;font-weight: bold;}



.formhead{background: url("../../assets/img/form-head-bg.jpg") #042A0A no-repeat; background-size: cover;}

.formhead input::-webkit-input-placeholder, .formhead textarea::-webkit-input-placeholder{ color:#39393973;}

.formhead .text-success {

    color: #185e2a!important;

}





input.error, select.error{border-bottom: 2px solid #d60000;}

label.error {

    color: #ff4646;

    font-size: 10px;

    position: absolute;

    left:0.9rem;

    top: -2px;

}

.accordion-button::after {

      background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12H17' stroke='%2344454A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 17L12 7' stroke='%2344454A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.5' cy='11.5' r='10.75' stroke='%2344454A' stroke-width='1.5'/%3E%3C/svg%3E");

    }

    .accordion-button:not(.collapsed)::after {

      background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12H17' stroke='%2344454A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.5' cy='11.5' r='10.75' stroke='%2344454A' stroke-width='1.5'/%3E%3C/svg%3E");

    }

.accordion-button{

	color:#000!important;

    background-color: #e7f1ff00!important;

    box-shadow: #dee2e600!important;

	    padding:20px  0;

	    font-size: 1.2rem;

}

.accordion-button:not(.collapsed) {

    color: var(--bs-accordion-active-color);

    background-color: var(--bs-accordion-active-bg);

    box-shadow: none!important;

}

button:focus {

     outline: 0;

    /*border: none!important;*/

    box-shadow: none!important;

}

.accordion-item {

    color: var(--bs-accordion-color);

    background-color: var(--bs-accordion-bg);

	border:none;

}



@media (max-width: 768px) {

  #footer .footer-bottom {

    padding-top: 20px;

    padding-bottom: 20px;

  }



  #footer .copyright,

  #footer .credits {

    text-align: center;

    float: none;

  }



  #footer .credits {

    padding-top: 4px;

  }

	.headerlst span {

    position: relative;

    top:auto;

    transform: translateY(0);

		left: 0; width:auto;

}

	

	.h2, h2 {

    font-size: 2.5rem;

}

	.formlftbg {

    

    background-blend-mode: soft-light;

}

	.info-footer .wrap-info .box-add {width: 100%!important;display: block!important;}

	    

	

}



.neutral-bottom{font-size: 1rem;}



/* ==== 

 --------- (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::-webkit-scrollbar {

  width: 8px;

}



body::-webkit-scrollbar-track {

  background-color: #D4D4D4;

  border-radius: 0px;

}



body::-webkit-scrollbar-button, body::-webkit-scrollbar-thumb {

  background-color: #878787;

  border-radius: 0px;

}



@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 {

  line-height: 30px;

  font-weight: 400;

  color: #8a8a8a;

  font-style: normal;

}



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: 60px;

    line-height: 65px;

    font-weight: 700;

    color: #000000;

  font-style: normal;

}



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: 600;

  color: #3d3d3d;

  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: #3d3d3d;

  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: 25px;

  line-height: 42px;

  color: #000000;

  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;

  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: #3d3d3d;

  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: #000000;

  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;

  }

}





/* ==== 

 --------- (2.2) typography styles end ---------

 ==== */

/* ==== 

 --------- (2.3) global styles start ---------

 ==== */

.section__space {

  padding: 120px 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: #ababab;

  text-align: center;

  margin-bottom: 18px;

}



.section__header h2 {

  text-align: center;

  margin-bottom: 20px;

}



.section__header p {

  margin-left: auto;

  margin-right: auto;

  text-align: center;

	color: #888888;

}



.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;

  

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {background: #fff;

  -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: #fffda440;

  -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;

  

  padding-left: 0px;

  padding-right: 12px;

}



.breadcrumb .breadcrumb-item a {

  font-weight: 400;

  

}



.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;

  

}



@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 {

  

}



.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;

  min-width:40px;

  min-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: #424242;

  font-weight: 600;

  margin-right:10px;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 25%);

}







.pagination .page-link:hover {

  color: #ffffff;

  background-color: #4b4b4b;

}



.pagination .page-item:last-of-type .page-link {

  margin-right: 0px;

  margin-left: 0px;

  min-width: 90px;

  min-height: 40px;



}





.pagination .page-item:first-of-type .page-link {

  margin-right: 15px;

  min-width: 90px;

  min-height: 40px;



}







@media only screen and (max-width: 767px) {



}

/* ==== 

 --------- (2.3) global styles end ---------

 ==== */

/* ==== 

 --------- (3.1) preloader styles start ---------

 ==== */

/* ==== 

 --------- (3.1) preloader styles end ---------

 ==== */

/* ==== 

 --------- (3.2) buttons styles start ---------

 ==== */



.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;

  

}



@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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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-

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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: 100px;

}



@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 {

  

  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;

  

}



.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 {

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 10px 13px 0px rgb(180 180 180 / 25%);

            box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {

  

  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 #ccc;

          box-shadow: 0px 4px 24px 0px #ccc;

  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;

  box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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: #bb998a;

}



.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;

  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: #f4f4f4;

}



@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: #fff;

  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 {

  

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 rgb(176 176 176 / 25%);

          box-shadow: 0px 4px 24px 0px rgb(176 176 176 / 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 rgb(176 176 176 / 25%);

          box-shadow: 0px 4px 24px 0px rgb(176 176 176 / 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: #000000;

  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;

      background: linear-gradient(to bottom, #cfc09f 22%,#a56900 24%, #cfc09f 26%, #cfc09f 27%,#ffd75e 40%,#8d6411 78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    color: #fff;

}



@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;

  

}



@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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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: #d7d7d7;

}



.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: 250px;

}



.market__area--two {

  background-color: #ffffff;

  padding: 60px;

  -webkit-box-shadow: 0px 0px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 0px 13px 0px rgb(180 180 180 / 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: #000;

  text-align: center;

  text-transform: uppercase;

}



.market__features .market__features__single p {

  color: #696969;

  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: 30px;

  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: 30px;

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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;

}



@media only screen and (max-width: 1399px) {

  .portfolio__overview__single img {

    width: 100px;

    height: 100px;

  }

}



.portfolio__overview__single p {

  margin-top: -16px;

}



@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;

  

}



@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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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;

  

}



@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;

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

            box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 #6A6A6A;

  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 {

  

}



.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;

  

  margin-top: 25px;

}



@media only screen and (max-width: 991px) {

  .team__single h5 {

    margin-top: 20px;

  }

}



.team__single p {

  text-align: center;

  

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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-

    border-radius: 50%;

  }

}



.job__single .arrw i {

  font-size: 20px;

  

}



@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 {

  

}



.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;



  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 {

  

  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 #ccc;

          box-shadow: 0px 4px 24px 0px #ccc;

  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 {

  

}



.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;

  

}



@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 {

  

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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) {

  

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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: 40px 20px;

  background-color: #ffffff;

  border-radius: 20px;

  text-align: center;

  -webkit-box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 25%);

  margin-bottom: 30px;

}



@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;

  margin-bottom: 28px;

}



@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 {

  

  margin-top: 10px;

}



.numbers__two p a:hover {

  color: #5927e3;

}



.numbers__two .numbers__single h5 {

  text-align: center;

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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;

  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 {

  

  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 {

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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;

  

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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: 80px;

  height: 80px;

  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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {

  

}



.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 {

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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;

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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;

  

  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 {

  

}



.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 {

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 .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 {

  

}



@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;

  

}



@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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {

  

}



.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 {

  

  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;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 20px;

  margin-bottom: 8px;

  list-style-image: url('../img/p-h.png');

}



.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 {

  

}



.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: #ececec;

  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 {

  

  text-align: center;

  margin-top: 5px;

}



.p__details__content .owner {

  padding: 30px;

  background-color: #ffffff;

  -webkit-box-shadow: 0px 4px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 4px 13px 0px rgb(180 180 180 / 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 {

  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;

  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: 30px;

}



@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: 0px;

}



@media only screen and (max-width: 991px) {

  .p__details__sidebar {

    margin-top: 30px;

  }

}



.p__details__sidebar .intro {

  padding: 27px 40px;

  background-color: #1B1B1B;

  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;

}



@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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {

}



.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;

}



.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;

  

}



.p__details__sidebar .group .input input:-ms-input-placeholder {

  font-weight: 600;

  

}



.p__details__sidebar .group .input input::-ms-input-placeholder {

  font-weight: 600;

  

}



.p__details__sidebar .group .input input::placeholder {

  font-weight: 600;

  

}



.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 {

  

  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 {

  

}



.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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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: #2f2f2f;

  

  -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: #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 10px 13px 0px rgb(180 180 180 / 25%);

          box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 10px 13px 0px rgb(180 180 180 / 25%);

            box-shadow: 0px 10px 13px 0px rgb(180 180 180 / 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 {

  

}





.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 {

  

  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 #ccc;

          box-shadow: 0px 4px 24px 0px #ccc;

  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;

  

}



.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 {

  

}



.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;

  

  -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-

  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 {

  

  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 {

  

  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;

  

}



@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;

  

}



@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 {

  

  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-

}



@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;

  

}



.breadcrumb-dashboard a:hover {

  color: #5927e3;

}



.breadcrumb-dashboard a:nth-last-of-type(1):hover {

  

}



.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 {

  

}



.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;

  

}



@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;

  

}



@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 {

  

  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 {

  

  font-weight: 600;

}



.withdraw-funds .input input:-ms-input-placeholder {

  

  font-weight: 600;

}



.withdraw-funds .input input::-ms-input-placeholder {

  

  font-weight: 600;

}



.withdraw-funds .input input::placeholder {

  

  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;

  

}



.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;

  

  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 {

  

}



.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;

  

  -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;

  

}



.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 {

  

  margin-top: -6px;

  margin-bottom: 20px;

}



.account-content .change__pass .change__pass-content .button {

  margin-top: 25px;

  background-color: #ffffff;

  

}



.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;

  

}



.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: #000;

  z-index: 1;

}

.footer a{color:#fff;

}



.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 {

  

  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 {

  

}



.dashboard-footer .footer__links a {

  

  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 {

  

}



@media only screen and (max-width: 767px) {

  .dashboard-footer .footer__copyright p {

    text-align: center;

  }

}



.dashboard-footer .footer__copyright p a {

  

}



.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 */



.tf-testimonial-carousel .item-testimonial {

    text-align: center;

}







.tf-testimonial-carousel .group-content {

    position: relative;

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.08);

    padding: 30px;

    text-align: center;

    margin-bottom: 31px;

}

.tf-testimonial-carousel .description {

    font-size: 16px;

    font-style: italic;

    font-weight: 500;

    line-height: 150%;

    margin: 0;

}

.tf-testimonial-carousel .avatar {

    margin: 0 auto;

    max-width: 65px;

    height: 65px;

    border-radius: 50%;

    overflow: hidden;

    margin-bottom: 14px;

}



.tf-testimonial-carousel .icon-quote img {

    width:auto!important; margin: auto;

}

.tf-testimonial-carousel .avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.tf-testimonial-carousel .position {

    font-size: 14px;

    font-weight: 400;

    line-height: 150%;

}



/* Info Footer

-------------------------------------------------------------- */

.footer_background {

    background: #1C1C1E;

}

.info-footer {

    position: relative;

    padding-top: 100px;

    border-bottom: 1px solid #ffffff1a;

    padding-bottom: 40px;

	    background: #333;

}

.info-footer .wrap-info {

  display: flex;

  flex-wrap: wrap;

  margin-left: -30px;

}



.info-footer .wrap-info .box-add {

  position: relative;

  width: calc(50% - 30px);

  margin-left: 30px;

  border-radius: 12px;

  background: #f4f4f4;

  box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.08);

  padding: 32px 30px 0px 35px;

  display: flex;

  margin-bottom: 30px;

}



.info-footer .wrap-info .box-add .thumb {

  max-width: 100px;

  flex-shrink: 0;

  margin-right: 33px;

}



.info-footer .wrap-info .box-add .content h6 {

  font-size: 30px;

  font-weight: 700;

  margin-top: 3px;

  margin-bottom: 17px;

}



.info-footer .wrap-info .box-add .content p {

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

  color: var(--theme-primary-color);

  margin-bottom: 19px;

}



.info-footer .wrap-info .box-add .tf-btn {

  padding: 15px 34px;

  margin-bottom: -28px;

  position: relative;

  z-index: 50;

}

.info-footer .wrap-info .box-add .tf-btn:hover {color: #c9a64c; background: #000; box-shadow:0 0 2px 1px #f4f4f4;}



.info-footer .wrap-info .info-text .text {

}

.info-footer .wrap-info .info-button .wrap-btn-infor-footer {

}



.info-footer .wrap-info .info-button .themesflat-button {

}

.tf-btn {

    user-select: none;

    background: #838383;

    border: medium none;

    border-radius: 10px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0;

    line-height: 1;

    margin-bottom: 0px;

    padding: 16px 18px;

    text-align: center;

    touch-action: manipulation;

    transition: all 700ms ease 0s;

    vertical-align: middle;

    white-space: nowrap;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

#footer .widget-title, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .wp-block-search .wp-block-search__label {

    color: #fff;

}

.list-address-ft .sub-heading {

    font-size: 14px;

    font-weight: 400;

    line-height: 150%;

    color: #fff;

    opacity: 0.5;

    margin-bottom: 6px;

}

.list-address-ft p {

    font-size: 14px;

    line-height: 21px;

    color: #F1FAEE;

}

#header .header-info-item .content .title {

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: #9c9ea6;

  margin-bottom: -4px;

}



#header .header-info-item .content .info-content {

  font-weight: 600;

  font-size: 13px;

  line-height: 20px;

  color: var(--theme-primary-color);

}



.phone-header-box {

  display: flex;

  align-items: center;

}



.phone-header-box .icon {

  font-size: 35px;

  color: #1C1C1E;

  opacity: 0.2;

  margin-right: 16px;

}



.phone-header-box .inner,

.phone-header-box .inner h3 {

  font-size: 14px;

  font-weight: 400;

  color: #8E8E93;

}



.phone-header-box .inner h3 {

  margin: 0;

  font-weight: 600;

  color: var(--theme-primary-color);

  line-height: 18px;

}



.footer .phone-header-box .icon {

  color: #fff;

  opacity: 0.3;

}



.footer .contact-user-wrap,

.footer .phone-header-box.phone {

  margin-bottom: 13px;

  padding-bottom: 13px;

  border-bottom: 1px solid #ffffff17;

}



.footer .contact-property-form .contact-user-wrap {

  margin-bottom: -25px;

}



/*widget Nav Menu*/

.footer-widgets .widget.widget_nav_menu ul li {

  list-style-type: none;

  display: block;

  margin-bottom: 10px;

}



.footer-widgets .widget.widget_nav_menu ul li:last-child {

  margin-bottom: 0;

}



.wp-block-gallery:not(.has-nested-images).alignleft {

  margin-right: 15px;

}



.footer-widgets .widget.widget_nav_menu #menu-testing-menu li {

  float: unset;

  width: unset;

}



footer .widget ul li a {

  width: auto;

}



.widget.widget_meta ul > li > a,

.widget.widget_nav_menu ul > li > a,

.widget.widget_nav_menu .menu > li > a,

footer .widget.widget_nav_menu .menu > li > a {

  position: relative;

}



.widget.widget_nav_menu ul li a::before,

footer .widget.widget_nav_menu ul li a::before {

  content: "\e906";

  font-family: "dreamhome";

  color: var(--theme-secondary-color);

  font-size: 14px;

  vertical-align: middle;

  margin-right: 7px;

}



footer .widget.widget_nav_menu .menu > li li :last-child {

  padding-bottom: 0;

}

.footer-widgets .infor-ft-box {

  display: flex;

  align-items: center;

  margin-bottom: 17px;

}



.footer-widgets .infor-ft-box:first-child {

  margin-top: 32px;

}



.footer-widgets .infor-ft-box h5 {



  font-weight: 600;

  font-size: 18px;

  color: var(--theme-primary-color);

  margin-bottom: 0px;

}

footer .footer-widgets .widget.widget_text, footer .widget.widget_nav_menu ul li a {

    line-height: 22px;

}

footer .footer-widgets .widget.widget_text, footer .widget.widget_nav_menu ul li a {

    font-size: 14px;

}

.widget.widget_nav_menu ul li a::before, footer .widget.widget_nav_menu ul li a::before {

    content: "»";

    font-family: "dreamhome";

    color: var(--theme-secondary-color);

    font-size: 14px;

    vertical-align: middle;

    margin-right: 7px;

}









/* Style 1 */

.tf-properties-wrap.style1 {

  display: flex;

  align-items: center;

  flex-direction: column;

  gap: 50px;

  box-sizing: border-box;

  color: var(--text-body-text, #3A3A3C);

}



.tf-properties-wrap.style1   {

  width: 100%;

}



.tf-properties-wrap.style1   .content-tab {

  width: 100%;

}



.tf-properties-wrap.style1   .item .properties-post {

  padding: 16px;

  border-radius: 16px;

  border: 1px solid #ECECEC;

  background: var(--system-background-light-primary, #FFF);

  box-shadow: 0px 4px 18px 0px rgb(66 71 76 / 5%);

}



.tf-properties-wrap.style1   .item .properties-post .featured-property {

  position: relative;

  width: 100%;

  margin-bottom: 16px;

}



.tf-properties-wrap.style1   .item .properties-post .featured-property img {

  width: 100%;

  height: auto;

  transform: scale(1);

  vertical-align: middle;

  border-radius: 10px;

  background: lightgray 50% / cover no-repeat;

}



.tf-properties-wrap.style1   .item .properties-post .featured-property .bookmark .bg-bookmark img {

  width: 38px;

  height: 38px;

  border-radius: 0;

  background: transparent;

}



.tf-properties-wrap .properties-post .featured-property .bottom-infor-features {

  position: absolute;

  bottom: 10px;

  right: 10px;

  left: 10px;

  z-index: 5;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 10px;

}



.tf-properties-wrap .properties-post .featured-property .price {

  color: #FFF;

  font-size: 22px;

  font-weight: 600;

}



.tf-properties-wrap .properties-post .featured-property .price span {

  color: rgba(255, 255, 255, 0.50);

  font-size: 14px;

  font-weight: 600;

}



.tf-properties-wrap.style2 .properties-post .featured-property .price {

  font-size: 18px;

}

.tf-properties-wrap.style2 .properties-post .list-controller .tfre-compare-property,

.tf-properties-wrap.style2 .properties-post .list-controller .tfre-property-favorite,

.tf-properties-wrap.style2 .properties-post .list-controller .property-quick-view {

  width: 30px;

  height: 30px;

}



.tf-properties-wrap .properties-post .list-controller {

  display: flex;

  align-items: center;

}



.tf-properties-wrap .properties-post .list-controller li:not(:last-child) {

  margin-right: 6px;

}



.tf-properties-wrap .properties-post .list-controller .tfre-compare-property,

.tf-properties-wrap .properties-post .list-controller .tfre-property-favorite,

.tf-properties-wrap .properties-post .list-controller .property-quick-view {

  width: 36px;

  height: 36px;

  background: #0000009c;

  color: #fff;

  display: grid;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}



.tf-properties-wrap .properties-post .list-controller .property-quick-view img {

  width: 20px !important;

  height: 20px !important;

  transform: unset !important;

  border-radius: unset !important;

  background: unset !important;

}



.tf-properties-wrap .properties-post .list-controller .tfre-compare-property.active,

.tf-properties-wrap .properties-post .list-controller .tfre-property-favorite.active,

.tf-properties-wrap .properties-post .list-controller .property-quick-view:hover,

.tf-properties-wrap .properties-post .list-controller .tfre-compare-property:hover

.tf-properties-wrap .properties-post .list-controller .tfre-property-favorite:hover {

  background: #FFA920;

}



.tf-properties-wrap.style1   .item .properties-post .featured-property .featured-tag img,

.tf-properties-wrap.style1   .item .properties-post .featured-property .sale-tag img {

  width: 69px;

  height: 20px;

  border-radius: 0;

  background: transparent;

}



.tf-properties-wrap .properties-post .list-text {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  position: absolute;

  top: 12px;

  left: 12px;

  z-index: 5;

}



.tf-properties-wrap .properties-post .list-text li span {

  padding: 1px 6px;

  color: #fff;

  font-size: 12px;

  font-weight: 600;

  border-radius: 4px;

}



.tf-properties-wrap .properties-post .list-text li span.featured-text {

  background: #fff;

    color: #929292;

}



.tf-properties-wrap .properties-post .list-text li span.sale-text {

  background: #6E55FF;

}



.tf-properties-wrap.style1   .item .properties-post .content {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 18px;

  margin-bottom: 16px;

  align-self: stretch;

}



.tf-properties-wrap.style1   .item .properties-post .content .heading {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 6px;

  align-self: stretch;

}



.tf-properties-wrap.style1   .item .properties-post .content .heading .title  {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-self: stretch;

  color: var(--text-heading, #1C1C1E) !important;



  /* Heading/H3 */

  font-size: 20px;

  line-height: 27px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  text-transform: capitalize;

}



.tf-properties-wrap.style1   .item .properties-post .content .heading .title a:hover{

  color: var(--main) !important;

}



.tf-properties-wrap.style1   .item .properties-post .content .heading .address {

  display: flex;

  align-items: center;

  gap: 4px;

  width: 100%;

}



.tf-properties-wrap.style1   .item .properties-post .content .heading .address img,

.tf-properties-wrap.style2   .item .properties-post .content .heading .address img {

  max-width: 16px;

  height: 16px;

}



.tf-properties-wrap   .item .properties-post .content .heading .address span {

  color: #8E8E93;

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

}



.tf-properties-wrap   .item .properties-post .featured-property .tfre-compare-property i.fa-plus::before {

  content: '\e925';

  font-family: 'dreamhome';

  font-weight: 400;

}



.tf-properties-wrap.style1   .item .properties-post .content .price {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-self: stretch;



  color: var(--main, #000);

  font-size: 17px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

}



.tf-properties-wrap.style1   .item .properties-post .description {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  gap: 16px;

  align-self: stretch;

  justify-content: space-between;

}



.tf-properties-wrap.style1   .item .properties-post .description .property-information {

  display: flex;

  align-items: center;

  gap: 4px;

  font-size: 14px;

}



.tf-properties-wrap.style1   .item .properties-post .description .property-information i {

  font-size: 14px;

  color: #8E8E93;

}



.tf-properties-wrap   .item .properties-post .description .property-information {

  color: #8C8C8C;

  font-size: 14px;

  font-weight: 600;

  line-height: 150%;

}



.tf-properties-wrap   .item .properties-post .description .property-information span {

  font-weight: 700;

}



.tf-properties-wrap.style1   .item .properties-post .line {

  height: 1px;

  align-self: stretch;

  background: #F1F1F1;

  display: none;

}



.tf-properties-wrap.style1   .item .properties-post .bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  align-self: stretch;

  background: var(--system-background-light-primary, #FFF);

  padding: 0;

  margin-top: 16px;

  flex-wrap: wrap;

  gap: 10px;

  display: none;

}



.tf-properties-wrap.style1   .item .properties-post .bottom .compare {

  display: flex;

  align-items: center;

  gap: 2px;

}



.tf-properties-wrap.style1   .item .properties-post .bottom .compare i {

  font-size: 10px;

  color: var(--main, #FFA920);

  margin-right: 3px;

}



.tf-properties-wrap.style1   .item .properties-post .bottom .compare span.text-compare {

  color: #3A3A3C;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 150%;

  text-decoration: none;

}



.tf-properties-wrap.style1   .item .properties-post .bottom .avatar {

  position: relative;

  display: flex;

  transition: all 0.3s ease;

  flex-shrink: 0;

  align-items: center;

}



.tf-properties-wrap   .item .properties-post .bottom .avatar span {

  color: #8E8E93;

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

  margin-left: 8px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.tf-properties-wrap   .item .properties-post .bottom .avatar:hover span{

  color: #FFA920;

}



.tf-properties-wrap   .item .properties-post .bottom .avatar img {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  object-fit: cover;

}



.tf-properties-wrap   .item .properties-post .bottom .year {

  color: #8E8E93;

  font-size: 14px;

  font-weight: 400;

  line-height: 150%;

  text-align: right;

}



.tf-properties-wrap.style1   .item .properties-post .name-hover {

  display: none;

  flex-direction: column;

  align-items: center;

  position: absolute;

  top: -55px;

  left: -0%;

  width: 100%;

  height: 100%;

}



.tf-properties-wrap.style1   .item .properties-post .name-hover .content {

  display: flex;

  margin: 0 auto;

  padding: 12px;

  align-items: flex-start;

  gap: 16px;

  flex: 1 0 0;

  border-radius: 6px;

  background: var(--system-background-light-primary, #FFF);

  box-shadow: 0px 4px 26px 0px rgba(66, 71, 76, 0.12);

  color: var(--text-body-text, #3A3A3C) !important;



  /* Body Text/Text Main B */

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 150%;

}



.tf-properties-wrap.style1   .item .properties-post .name-hover i {

  position: absolute;

  bottom: -18px;

  flex-shrink: 0;

  font-size: 20px;

  color: #fff;

}



.tf-properties-wrap   .content-tab .content-tab-inner .properties>.loading-icon {

  background: rgba(255, 255, 255, 0.8);

  opacity: 1;

  z-index: 99;

}



.tf-properties-wrap   .content-tab .content-tab-inner .loading-icon {

  transition: .5s;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  opacity: 0;

}



.blugra{background: rgb(192,230,255);

background: linear-gradient(180deg, rgb(225 225 225 / 45%) 0%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);}



.button {

    padding: 10px 30px;

    background-color: #2F2F2F;

	color:#fff;

    border-radius: 10px;

    text-align: center;

    position: relative;

    overflow: hidden;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 3px

}

.button--secondary {

    background-color: #FFFFFF;

	color:#2F2F2F;

    

}







/*--------- (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;

  }

  #header .logo img {

    width: 130px;

}

}



@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;

  }

  

  #header .logo a {

    color: #fff;

    position: relative;

    padding: 0px;

    top: 0;

    background: #fff;

    box-shadow: 0 0px 0px 0px #00000026;

}

#header.header-scrolled .logo img {

    width: 76px;

}

}



.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 ---------

 ==== */



 .cursor-pointer{cursor: pointer;}

 @media only screen and (min-width: 990px) and (max-width: 1200px) {.navbar a, .navbar a:focus {

padding: 10px 0 10px 10px;}



}