.header .navbar {
  -webkit-box-shadow: 2px 2px #d8e2ec;
  box-shadow: 2px 2px #d8e2ec;
}

.header .navbar-dark .navbar-nav .nav-link {
  line-height: 28px;
  border-radius: 50px;
}

.header .navbar-dark .navbar-nav > .active .nav-link {
  color: #000 !important;
}

.header .header-info-logo-img img {
  width: 380px;
}

.header .navbar-dark .navbar-nav .nav-item .nav-link:before {
  border-width: 0 !important;
}

.cw-header-info {
  padding: 0.5rem;
}

.header a.header-business-phone {
  vertical-align: middle;
  font-family: fjalla one, sans-serif;
  color: var(--color-theme-highlight);
  font-weight: 700;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .header .header-info-logo-img {
    position: fixed;
    top: 2.75rem;
    z-index: 1050;
    padding: 0;
  }

  nav.navbar .container {
    position: relative;
    height: 135px;
    margin: 0 auto;
  }

  .navbar-nav {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
  }

  .cw-header-info {
    position: fixed;
    z-index: 1050;
    top: 0;
    width: 100%;
  }
}

/* Hero ==================================================================== */
.cw-hero {
  margin-top: 0px;
  background-image: url(https://apihoard.webit.com/api/v1/Image/C4D302E2965D8695F34C4477D84E474E/C4D302E2965D8695F34C4477D84E474E.jpg?size=1920x1440);
  background-size: cover;
  background-position: center;
}

.cw-hero .cw-bs-item {
  display: block;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 113%;
}

.cw-hero .cw-hero-content {
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #142945;
  color: var(--color-theme-text-btn);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2em;
  padding-bottom: 2em;
  min-height: 300px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.cw-hero .container {
  padding: 0;
}

.cw-hero h1 {
  font-size: 2.2rem;
}

.cw-hero .btn-primary {
  margin: 3px 1px;
}

@media (max-width: 767px) {
  .cw-hero .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .cw-hero .cw-hero-content {
    width: 600px;
    text-align: left;
    background-color: transparent;
    margin-top: 0;
    padding-top: 7em;
    padding-bottom: 7em;
    min-height: 500px;
    align-items: flex-start;
  }

  .cw-hero .cw-bs-item {
    background-position: center center;
    background-size: cover;
  }

  .cw-hero h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .cw-hero {
    margin-top: 0px;
    margin-top: calc(-1 * var(--cwVar-headerHeight));
  }
}

@media (min-width: 1200px) {
  .cw-hero .cw-hero-content {
    min-height: 650px;
  }

  .cw-hero h1 {
    font-size: 2.5rem;
  }
}
/* Services ============================================== */
/* .cw-servicSection {
  background-color: #282828;
} */

.cw-servies {
  background: #fff;
  box-shadow: 6px 5px 30px 0 rgb(0 0 0/12%);
  position: relative;
}

.cw-serviceContent .fa-chevron-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  background-color: #00BBD1;
  line-height: 2.4em;
  color: #000 !important;
}

.cw-serviceContent a:hover {
  color: #fff !important;
}

.cw-serviceContent {
  background: linear-gradient(#ffffff, #ffffff 50%, #eeeeee 50%, #eeeeee);
  background-size: 100% 200%;
  transform-origin: top center;
  transition: background 1s;
}

.cw-servies:hover .cw-serviceContent {
  background-position: 100% 100%;
}

.cw-servies:hover .fa-chevron-right {
  background-color: #444;
  color: #fff !important;
}

.cw-serviceIMG {
  position: relative;
}

.cw-servies:hover .cw-img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 187, 209, 0.6);
}

.cw-servies .cw-img {
  transition: transform 0.5s ease;
}

.cw-servies:hover .cw-img {
  transform: scale(1.2);
  transition: transform 0.5s ease;
}

.cw-serviceIMG {
  overflow: hidden;
}

.cw-servies h4,
.cw-servies p {
  color: #111;
}

/* -------------------- Parallax cta ---------------------- */

.cw-cta {
  /* background: linear-gradient(to right, rgb(0 0 0), rgb(5 49 8 / 100%), rgb(7 55 10 / 100%)); */
  background-color: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
  position: relative;
  overflow: hidden;
  position: relative;
  padding: 6rem 0;
  z-index: 0;
}

/* .cw-cta::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(https://apihoard.webit.com/api/v1/Image/C4D302E2965D8695F34C4477D84E474E/C4D302E2965D8695F34C4477D84E474E.jpg?size=1920x1440);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  align-items: center;
  overflow: hidden;
  opacity: 15%;
  z-index: -1;

} */

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .cw-cta {
    padding: 10rem 0;
  }

  /* .cw-cta::after {
    background-image: url(https://apihoard.webit.com/api/v1/Image/C4D302E2965D8695F34C4477D84E474E/C4D302E2965D8695F34C4477D84E474E.jpg?size=1920x1440);
    background-position: center;
    background-attachment: fixed;
  } */
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/* icon cards */

  .cw-boxPart {
    color: #142945;
    padding-top: 10px;
  }

  .cw-investmentbg{
    /* background-color: #00BBD1;
    border-radius: 15px;*/
    padding: 35px;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.2);

  }

  /* property investment page */

  .cw-propertylend{
    padding: 25px;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(0, 0, 0, 0.2);
}


	@media (min-width: 992px) {
		.header .dropdown-menu,
		.footer .dropdown-menu {
			/* make navbar dropdowns right aligned so they don't go off page when navbar is right aligned */
			left: unset !important;
			right: 0;
		}
	}


  .btn-primary:hover{
    color: #000 !important;
  }

  	.cw-textwithimagebtn{
		color: #fff !important;
	}

	.cw-textwithimagebtn:hover{
	color: #000 !important
}

.cw-headerbtn{
	background: #fff;
	color: #000 !important
}