/*
  Theme Name: Payquad HTML5 Template
  Author: sakil anwar
  Description:payquad html 5 and bootstrap 5 HTML Template
  Version: 1.0
*/
/* CSS Index
-----------------------------------
1. Theme default css
2. Button
3. Header
4. Hero
5. brand
6. experience 
7. testimonial slider
8. blog
9. contact
10. footer
11. what we do
*/
/* common css */

.spellon-homepage {
  font-family: "Work Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  overflow-x: hidden;
}

.spellon-homepage a,
.spellon-homepage .button,
.spellon-homepage button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.spellon-homepage:focus,
.spellon-homepage .button:focus {
  text-decoration: none;
  outline: none;
}
.spellon-homepage {
  text-decoration: none;
}

.spellon-homepage button {
  cursor: pointer;
  background: transparent;
  border: none;
}

.spellon-homepage button:focus {
  outline: 0 none;
}

.spellon-homepage h1,
.spellon-homepage h2,
.spellon-homepage h3,
.spellon-homepage h4,
.spellon-homepage h5,
.spellon-homepage h6 {
  font-weight: 600;
  color: #004750;
}

.spellon-homepage h1 {
  font-size: 60px;
  font-weight: 600;
  line-height-step: 74px;
  color: #001518;
}

.spellon-homepage h2 {
  font-size: 40px;
  line-height: 60px;
}

.spellon-homepage h3 {
  font-size: 28px;
}

.spellon-homepage h4 {
  font-size: 22px;
}

.spellon-homepage h5 {
  font-size: 18px;
}

.spellon-homepage h6 {
  font-size: 16px;
}

.spellon-homepage ul {
  margin: 0px;
  padding: 0px;
}

.spellon-homepage li {
  list-style: none;
}

.spellon-homepage p {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #2b343f;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.spellon-homepage input:focus {
  outline: none;
}
/*
header-area 
*/
.body-nav-gray {
  background: rgba(128, 128, 128, 0.386);
}

.header-area a {
  text-decoration: none;
}
.header-area {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
/* .header-area.sticky{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
} */

.sticky {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 1030;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.spellon-homepage.logged-in .sticky{
  top:30px;
} 
/* .header-area.sticky .header-wrapper{
  margin-top: -10px;
  width: 100%;
  background: #fff !important;
  position: relative;
  z-index:988899;
  box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.1);
  z-index: 1;
  filter: drop-shadow(1px 3px 4px rgba(128, 128, 128, 0.042));
} */
.header-area .header-top .navbar {
  position: relative;
  padding: 0px;
}
.header-area .header-top .navbar .logo {
  width: 203px;
  height: auto;
}
.header-area .header-top .navbar .logo img {
  width: 100%;
  height: 100%;
}
.header-area .header-top .navbar .navbar-right .main-menu {
  margin-right: 80px;
}
.header-area .header-top .navbar .navbar-right .main-menu ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style-type: none;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li {
  padding: 0px 22px;
}
.spellon-homepage .spellon-button-secondary {
  margin-right: 10px;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li .dropdown-toggle {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 34px;
  right: 6px;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li .dropdown-toggle::before {
  width: 118%;
  left: -95%;
  z-index: -1;
  content: "";
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  background: transparent;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li .dropdown-toggle::after {
  vertical-align: 0.1em;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li a {
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #054953;
  white-space: nowrap;
  text-decoration: none;
  display: block;
  min-height: 90px;
  line-height: 90px;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li a:hover {
  color: #008c95;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li {
  position: relative;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  background: #045560c7;
  padding: 15px 0px;
}

.header-area .header-top .navbar .navbar-right .main-menu ul li ul li a {
  color: #fff;
  min-height: fit-content;
  line-height: 40px;
  padding: 0px 5px;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li ul li a:hover {
  background: #008c95;
  color: #fff;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li ul {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
}
.header-area .header-top .navbar .navbar-right .main-menu ul li:hover > ul,
.header-area .header-top .navbar .navbar-right .main-menu ul li ul:hover {
  display: block;
  visibility: visible;
  opacity: 1;
}

.header-area .header-top .navbar .hamburger-menu {
  width: fit-content;
  font-size: 30px;
  position: absolute;
  right: 0%;
}
.header-area .header-top .navbar .mobile-nav-wrapper {
  width: 300px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -100%;
  background-color: #054953;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  z-index: 98888;
  padding-top: 20px;
  transition: all ease-in-out 0.5s;
}
.header-area .header-top .navbar .mobile-nav-wrapper.show-mobile-menu {
  right: 0%;
  transition: all ease-in-out 0.5s;
}
.header-area .header-top .navbar .mobile-nav-wrapper .close-btn {
	font-size: 24px;
	margin-left: 20px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 40px;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul {
  list-style: none;
  margin-left: -10px;
  padding: 0px 15px;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li {
  padding-left: 10px;
  /* border-radius: 4px; */
  position: relative;
  margin-bottom: 2px;
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0px;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li:last-child {
 border: none;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li a {
  display: block;
  font-size: 14px;
	color: #eefbfa;
  padding: 5px 0px;
  margin-bottom: 1px;
  transition: all ease-in 0.3s;
  text-transform: uppercase;
  font-weight: 600;
}
.mobile-nav-wrapper .mobile-menu-logo {
 display: none;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li a.submenu-icon {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 26px;
  width: 26px;
  font-size: 20px;
  border: 1px solid #ebebeb;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  color: #fff;
  border-radius: 2px;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li a.submenu-icon:active,
.header-area .header-top .navbar .mobile-nav-wrapper ul li a.submenu-icon:hover {
  background: #008c96;
  border: 1px solid #008c96;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li ul {
  height: 0;
  padding-left: 15px;
  transform-origin: top;
  transition: all ease-in 0.4s;
  opacity: 0;
  visibility: hidden;
}
.header-area .header-top .navbar .mobile-nav-wrapper ul li .expand-dropdown-mobile-menu {
  background: none;
  visibility: visible;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  opacity: 1;
}
.header-area .header-top .navbar .mobile-nav-wrapper .theme-btn {
  padding-left: 0;
  margin-top: 15px;
}
.header-area .header-top .navbar .mobile-nav-wrapper .theme-btn a {
  padding: 10px 15px;
  font-size: 16px;
}
.header-area .header-top .navbar .mobile-nav-wrapper .mobile-menu-logo a img {
  width: 160px;
}
.header-area .header-top .navbar .mobile-nav-wrapper .navbar-links {
  padding-top: 20px;
}

@media all and (min-width: 1200px) {
  .mobile-nav-wrapper {
    display: none;
  }
}

.spellon-homepage .mobile-menu {
  z-index: 40;
  min-height: 100vh;
  width: 270px;
  background: #001518;
  padding-top: 50px;
  background-blend-mode: overlay;
  filter: drop-shadow(1px 1px 2px #001518);
  padding-left: 20px;
  position: fixed;
  transform: translateX(-100%);
  transition: all ease-in-out 0.4s;
}

/* button */

.spellon-homepage .spellon-button {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 55px;
  padding: 14px 28px;
  border: none;
  background: transparent;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-block;
}
.spellon-homepage .spellon-button-secondary {
  color: #008c96;
  background: #008c961e;
  padding: 14px 28px;
  border: 1px solid #008c961e;
}
.spellon-homepage .spellon-button-secondary:hover {
  color: #fff;
  background: #008c96;
}
.spellon-homepage .spellon-button-primary {
  color: #fff;
  background: #008c96;
  border: 1px solid #008c96;
}
.spellon-homepage .spellon-button-primary:hover {
  color: #008c96;
  background: transparent;
}

.spellon-homepage .spellon-button-sm {
  padding: 14px 38px;
  font-size: 18px;
}
.spellon-homepage .spellon-button-rect {
  padding: 10px 20px;
  font-size: 18px;
  text-transform: capitalize;
  border-radius: 5px;
}
/* handle js */
.spellon-homepage .show-mobile-menu {
  transform: translateX(0%);
  transition: all ease-in-out 0.4s;
}
.bg-gray {
  background: gray;
}
.spellon-homepage .mobile-menu ul {
  padding: 0px;
}
.spellon-homepage .mobile-menu li {
  list-style: none;
}

.spellon-homepage .mobile-menu li a {
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.spellon-homepage .mobile-menu li a:hover {
  opacity: 0.6;
}

.spellon-homepage .mobile-menu .has-children .submenu {
  z-index: 1;
  padding: 10px 20px;
  box-shadow: 2px 1px 2px 3px rgba(255, 255, 255, 0.151);
}
.spellon-homepage .mobile-menu .has-children .submenu li a {
  color: #222;
  display: block;
  margin-bottom: 5px !important;
}

/*  Hero area */
.bg-hero {
  background: #008c9621;
}
.spellon-homepage .spellon-hero-area {
  min-height: 1135px;

  padding-bottom: 40px;
}
.spellon-homepage .spellon-hero-area .main-hero {
  padding: 160px 0px 60px 0px;
}

.spellon-homepage .spellon-hero-area .hero-title h1 {
  line-height: 74px;
}
.spellon-homepage .spellon-hero-area .hero-desc {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #42595c;
  margin-top: 35px;
}
.spellon-homepage .spellon-hero-area .hero-desc p {
  padding-bottom: 0px;
}
.spellon-homepage .spellon-hero-area .hero-desc .hero-btn .spellon-button {
  font-size: 18px;
}
.spellon-homepage .spellon-hero-area .mobile-img {
  margin-top: -50px;
  padding-left: 30px;
  height: 491px;
}
.spellon-homepage .spellon-hero-area .man-img {
  margin-right: -50px;
  height: 491px;
}
.spellon-homepage .spellon-hero-area .hero-btn {
  margin-top: 40px;
}
.spellon-homepage .spellon-hero-area .hero-right .graph img {
  width: 350px;
  height: 240px;
}
.spellon-homepage .spellon-hero-area .hero-left {
  padding-right: 50px;
}
.spellon-homepage .spellon-hero-area .blockOne {
  right: -250px;
  top: 500px;
}
.spellon-homepage .spellon-hero-area .blockOne img {
  width: 200px;
}

.spellon-homepage .spellon-hero-area .hero-right {
  position: relative;
}
.spellon-homepage .spellon-hero-area .hero-right .block-img {
  position: absolute;
  right: -120px;
  top: 50px;
}
.spellon-homepage .spellon-hero-area .hero-right .graph {
  position: absolute;
  top: 110px;
  left: -170px;
}
.spellon-homepage .spellon-hero-area .hero-right .graph img {
  width: 328px;
  height: 157px;
}

.spellon-homepage .spellon-hero-area .counter-wrapper {
  padding-top: 60px;
}
/*  counter  area */
.spellon-homepage .spellon-counter-area .counter-item {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 45px;
  border-radius: 12px;
  width: 100%;
}
.spellon-homepage .spellon-counter-area.counter-wrapper {
  margin-top: -30px;
}
.spellon-homepage .spellon-counter-area .counter-item:not(:last-child) {
  margin-right: 16px;
}
.spellon-homepage .spellon-counter-area .counter-img img {
  height: 56px;
  width: 56px;
  margin-bottom: 30px;
}
.spellon-homepage .spellon-counter-area .counter-number span {
  display: inline-block;
  font-weight: 500;
  font-size: 72px;
  line-height: 48px;
  color: #004750;
}
.spellon-homepage .spellon-counter-area .counter-text span {
  font-size: 24px;
  line-height: 48px;
  color: #646464;
}

/* 
Hero End
brand start
*/
.spellon-homepage .spellon-brand-area .brands-list li {
  margin: 0px 49px;
}

.spellon-homepage .spellon-brand-area.brand {
  padding: 50px 0px;
}
.spellon-homepage .spellon-brand-area .brand h2 {
  font-size: 40px;
  line-height: 60px;
  font-weight: 600;
}
.spellon-homepage .spellon-brand-area .brands-list li img {
  max-width: 120px;
}
.spellon-homepage .spellon-brand-area .brands-list {
  margin-top: -30px;
}
.spellon-homepage .spellon-brand-area .brands-list li {
  margin: 20px;
  list-style-type: none;
}
/* brand end */

/* 
start property management 
*/

.bg-light-red {
  background: #fff8f5;
}

.spellon-homepage .spellon-property-management .section-title {
  font-size: 56px;
  text-transform: capitalize;
}
.spellon-homepage .section-title {
  font-size: 56px;
  text-transform: capitalize;
}
.spellon-homepage .spellon-property-management .section-subtitle,
.spellon-homepage .spellon-property-management .section-subtitle p,
.spellon-homepage .section-subtitle,
.spellon-homepage .section-subtitle p {
  font-size: 24px;
  line-height: 32px;
  color: #646464a1;
  margin-top: 20px;
}
.spellon-homepage .spellon-property-management .property-management-subtitle {
  padding: 0px 250px;
}
/* tabs */

.spellon-homepage .spellon-property-management .main-tab-nav .nav-link {
  background: #008c9634;
  font-weight: 600;
  font-size: 31px;
  line-height: 26px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 88px;
  display: flex;
  align-items: center;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-link .icon {
  height: 69px;
  width: 69px;
  border-radius: 50%;
  display: none;
}
.spellon-homepage .spellon-property-management.main-tab-nav .nav-link {
  display: flex;
  align-items: center;
}
/* first tab */
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(1) .nav-link .icon,
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(2) .nav-link .icon,
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(3) .nav-link .icon {
  background: #fff;
  margin-right: 12px;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(1) .nav-link .text {
  padding-right: 64px;
  color: #008c96;
}

.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(1) .nav-link.active .icon,
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(2) .nav-link.active .icon,
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(3) .nav-link.active .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(1) .nav-link.active {
  background: #008c96;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(2) .nav-link {
  background: #ea4f1b31;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(3) .nav-link {
  background: #00475022;
}

.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(3) .nav-link .text {
  color: #004750;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(3) .nav-link.active {
  background: #004750;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(2) .nav-link .text {
  color: #ea501b;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(2) .nav-link.active {
  background: #ea501b;
}

.spellon-homepage .spellon-property-management .main-tab-nav .nav-item .nav-link.active .text {
  color: #fff;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item .nav-link.active {
  border-radius: 40px;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-link .icon img {
  width: 34px;
  height: 34px;
}
.spellon-homepage .spellon-property-management .main-tab-nav .nav-item:nth-child(2) {
  margin: 0px 46px;
}

.spellon-homepage .spellon-property-management .tabcontent-navlist li button.nav-link {
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #004750;
  text-transform: capitalize;
  border: 1px solid #d4eaec;
  padding: 13px 22px;
  border-radius: 55px;
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
}
.spellon-homepage .spellon-hero-area .hero-desc p {
  padding-bottom: 0px;
}
.spellon-homepage .spellon-property-management .tabcontent-navlist li button.nav-link.active {
  border: none;
  background: #bee5e8;
  color: #004750;
}
.spellon-homepage
  .spellon-property-management
  .tabcontent-navlist.pills-statck-holder-nav-list
  li
  button.nav-link.active {
  border: none;
  background: #ea4f1b17;
  color: #ea501b;
}
.spellon-homepage .spellon-property-management .tabcontent-navlist.pills-managers-nav-list li button.nav-link.active {
  border: none;
  background: #0047502a;
  color: #004750;
}
.spellon-homepage .spellon-property-management .tabcontent-area {
  padding: 47px 0px 47px 68px;
  border-radius: 8px;
}
.spellon-homepage .spellon-property-management .tabcontent-area h2 {
  font-size: 40px;
  line-height: 47px;
  text-transform: capitalize;
}
.spellon-homepage .spellon-property-management .tabcontent-area p {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #646464;
}

.spellon-homepage .spellon-property-management .spellon-tab-image {
  overflow: hidden;
  padding-right: 25px;
}
.spellon-homepage .spellon-property-management .spellon-tab-image img {
  height: 100%;
  width: 100%;
}
.spellon-homepage .spellon-property-management .mt-24 {
  margin-top: 24px;
}

/* End property management */

/* 
services area start 
*/

.content {
  display: none;
}
.show {
  display: block;
}
.spellon-homepage .spellon-services-area .top-area {
  text-align: center;
}
.spellon-homepage .spellon-services-area .top-area .title {
  text-transform: capitalize;
}
.spellon-homepage .spellon-services-area .top-area .subtitle {
  color: #646464;
}
.spellon-homepage .spellon-services-area .content-wrapper {
  border: 1px solid #e3eef0;
  border-radius: 355px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spellon-homepage .spellon-services-area .content-inner-box {
  /* border: 1px solid #e3eef0; */
  border-radius: 355px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spellon-homepage .spellon-services-area .content-dashed-border {
  border: 1px dashed #008c96a5;
  border-radius: 355px;
  position: relative;
}
.spellon-homepage .spellon-services-area .content-dashed-border .content-box {
  position: relative;
}
.spellon-homepage .spellon-services-area .icon-box .icon {
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spellon-homepage .spellon-services-area .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  cursor: pointer;
  z-index: 9999;
}
.spellon-homepage .spellon-services-area .icon-text {
  color: #004750;
  font-weight: 600;
  text-transform: capitalize;
}
.spellon-homepage .spellon-services-area .crm-icon,
.spellon-homepage .spellon-services-area .reports-icon,
.spellon-homepage .spellon-services-area .maintainance-icon,
.spellon-homepage .spellon-services-area .payment-icon,
.spellon-homepage .spellon-services-area .communication-icon,
.spellon-homepage .spellon-services-area .community-icon,
.spellon-homepage .spellon-services-area .portals-icon {
  position: absolute;
  text-align: center;
}

.spellon-homepage .spellon-services-area .content-inner-border {
  position: absolute;
  border: 1px solid #e3eef0;
  border-radius: 355px;
}
.spellon-homepage .spellon-services-area .content-inner-text-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.spellon-homepage .spellon-services-area .content-inner-text-box .content-text {
  background: #fff;
  border-radius: 5px;
}
.spellon-homepage .spellon-services-area .content-inner-text-box .content .content-text p {
  color: #646464;
  text-align: center;
}
.spellon-homepage .spellon-services-area .content-box-logo {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.spellon-homepage .spellon-services-area .content-inner-text-box .content {
  box-shadow: 20px 34px 24px 20px rgba(198, 225, 229, 0.187);
}
/* services area end */

/* experience section start */
.bg-cayan {
  background: #ebf6f7;
}
.spellon-homepage .spellon-experience-area .card-box {
  position: absolute;
  right: 0px;
  bottom: 120px;
  z-index: 988;
  padding: 17px 28px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}
/* .spellon-homepage .spellon-experience-area .card-box .stars i:not(:last-child) {
  color: #ff8447;
  font-size: 18px;
}
.spellon-homepage .spellon-experience-area .card-box .stars {
  margin-bottom: 10px;
} */

.spellon-homepage .spellon-experience-area .rating-wrapper {
  position: relative;
}
.spellon-homepage .spellon-experience-area .rating-wrapper .default-stars i {
  color: #000;
}

.spellon-homepage .spellon-experience-area .rating-wrapper .dynamic-stars {
  position: absolute;
  top: 0;
  left: 45px;
}
.spellon-homepage .spellon-experience-area .rating-wrapper .dynamic-stars i {
  color: #ff8447;
}

.spellon-homepage .spellon-experience-area .card-box-title p {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  padding-bottom: 0px;
}
.spellon-homepage .spellon-experience-area .experience-main.mt-100 {
  margin-top: 0px;
}
.spellon-homepage .spellon-experience-area .card-box-footer p {
  color: rgba(0, 0, 0, 0.398);
}
.spellon-homepage .spellon-experience-area .ex-card {
  transition: all ease-in-out 0.3s;
}
.spellon-homepage .spellon-experience-area .ex-card {
  padding: 32px 42px;
  border-radius: 12px;
}
.spellon-homepage .spellon-experience-area .ex-card:hover {
  background: #fff;
}
.spellon-homepage .spellon-experience-area .round-icon {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: #008c96;
}
.spellon-homepage .spellon-experience-area .ex-card:hover .round-icon {
  background: #ea501b;
}
/* colors */
.spellon-homepage .spellon-experience-area .warning {
  background: #ea501b;
}
.spellon-homepage .spellon-experience-area .primary {
  background: #008c96;
}
.spellon-homepage .spellon-experience-area .ml-20 {
  margin-left: 20px;
}
.spellon-homepage .spellon-experience-area .-ml-40 {
  margin-left: -40px;
}
.spellon-homepage .spellon-experience-area .ex-card-title a {
  font-weight: 500;
  font-size: 31px;
  line-height: 36px;
  color: #004750;
  text-decoration: none;
}
.spellon-homepage .spellon-experience-area .ex-card-desc {
  font-size: 20px;
  line-height: 28px;
  color: #646464;
}
.spellon-homepage .spellon-experience-area .ex-img .main-img img {
  position: relative;
  z-index: 20;
}

.spellon-homepage .spellon-experience-area .ex-img .shape-1 {
  position: absolute;
  top: 30px;
  left: 35%;
}
.spellon-homepage .spellon-experience-area .ex-img .shape-2 {
  position: absolute;
  bottom: 95px;
  left: 211px;
}
.spellon-homepage .spellon-experience-area {
  position: relative;
}
.spellon-homepage .spellon-experience-area .shape {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* slider */
.spellon-homepage .spellon-testimonial-wrapper .tst-swiper-container {
  height: 600px;
  position: relative;
}
.spellon-homepage .spellon-testimonial-wrapper .swiper {
  height: 100%;
  width: 100%;
}
.spellon-homepage .spellon-testimonial-wrapper .tst-control-btn {
  position: absolute;
  top: 60px;
  right: 60px;
}
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-next,
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-prev {
  height: 58px;
  width: 58px;
  border-radius: 100%;
  box-shadow: 2px 3px 2px 0px rgba(128, 128, 128, 0.149);
}

.spellon-homepage .spellon-testimonial-wrapper .swiper-button-next:hover::after {
  color: #000;
}
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-next::after,
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-prev::after {
  color: #fff;
  font-size: 20px;
}
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-prev::after,
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-next::after {
  color: rgba(0, 0, 0, 0.744);
  font-size: 20px;
}
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-prev:hover::after,
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-next:hover::after {
  color: #fff;
}
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-prev:hover,
.spellon-homepage .spellon-testimonial-wrapper .swiper-button-next:hover {
  background: #008c96;
}

.spellon-homepage .spellon-testimonial-wrapper .control-btn-wrapper {
  position: relative;
}
.spellon-homepage .spellon-testimonial-wrapper .control-btn-wrapper .next {
  position: absolute;
  right: -60px;
}
.spellon-homepage .spellon-testimonial-wrapper .control-btn-wrapper .prev {
  position: absolute;
  right: 80px;
}

.spellon-homepage .spellon-testimonial-wrapper .slider-left {
  position: relative;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .slider-image {
  position: relative;
  padding-left: 40px;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .slider-image .block img {
  opacity: 0.7;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .slider-image .main-img img {
  border-radius: 4px;
}

.spellon-homepage .spellon-testimonial-wrapper .slider-left .author {
  position: absolute;
  right: -1px;
  bottom: -134px;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .block {
  position: absolute;
  left: -10px;
  bottom: -135px;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .block img {
  opacity: 0.7;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .quote {
  position: absolute;
  top: -30px;
  left: 30px;
}
.spellon-homepage .spellon-testimonial-wrapper .slider-left .quote div {
  height: 70px;
  width: 70px;
  background: #ea501b;
  color: #fff;
  font-size: 32px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spellon-homepage .spellon-testimonial-wrapper .tst-slider-content {
  border-radius: 10px;
  margin-top: 93px;
}
.spellon-homepage .spellon-testimonial-wrapper .tst-slider-content .shadow-area {
  padding: 40px 26px;
}
.spellon-homepage .spellon-testimonial-wrapper .tst-slider-content h3 {
  font-weight: 500;
  font-size: 31px;
  color: #004750;
}
.spellon-homepage .spellon-testimonial-wrapper .tst-slider-content .spellon-slider-subtitle {
  font-size: 24px;
  line-height: 28px;
  color: #004750;
}
.spellon-homepage .spellon-testimonial-wrapper .tst-slider-content p {
  font-size: 20px;
  color: #646464;
  line-height: 28px;
}
.spellon-homepage .spellon-testimonial-wrapper .testimonial-main-content {
  position: relative;
}
.spellon-homepage .spellon-testimonial-wrapper .testimonial-main-content .tst-shape {
  position: absolute;
  top: 0px;
  z-index: -1;
}
.spellon-homepage .spellon-testimonial-wrapper .testimonial-main-content .tst-shape img {
  height: 93px;
}
/* 
testimonial end
blog start 
*/
.spellon-homepage .spellon-blog-area {
  position: relative;
}
.spellon-homepage .spellon-blog-area {
  position: relative;
}
.spellon-homepage .spellon-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.spellon-homepage .spellon-layer img {
  width: 100%;
  height: 585px;
}
.spellon-homepage .spellon-blog-area .section-subtitle p {
  color: #646464;
}
.spellon-homepage .spellon-blog-area .blog-wrapper {
  margin-top: 10px;
}
.spellon-homepage .spellon-blog-area .blog-wrapper .blog-item:first-child .blog-card {
  background: #baeff3;
}
.spellon-homepage .spellon-blog-area .blog-wrapper .blog-item:nth-child(2) .blog-card {
  background: #d4eef1;
}
.spellon-homepage .spellon-blog-area .blog-wrapper .blog-item:nth-child(3) .blog-card {
  background: #ffe5dc;
}
.spellon-homepage .spellon-blog-area .blog-card {
  padding: 30px;
  border-radius: 6px;
  text-align: center;
  min-height: 390px;
}
.spellon-homepage .spellon-blog-area .blog-title a {
  font-size: 31px;
  line-height: 36px;
  text-transform: capitalize;
  text-decoration: none;
  color: #004750;
}
.spellon-homepage .spellon-blog-area .blog-body {
  margin-top: 20px;
}
.spellon-homepage .spellon-blog-area .blog-body p {
  font-size: 20px;
  line-height: 28px;
  color: #004750;
}

/*
Blog End
contact  Start
 */
.spellon-homepage .spellon-contact-area .contact-form-wrapper {
  padding: 10px 0px;
}
.spellon-homepage .spellon-contact-area .contact-bg {
  padding: 0px 48px;
  border-radius: 24px;
  padding-bottom: 60px;
}
.contact-background {
  background: #fdf1ed;
}
.spellon-homepage .spellon-contact-area h2 {
  font-size: 56px;
  line-height: 60px;
  text-transform: capitalize;
}
.spellon-homepage .spellon-contact-area p {
  font-size: 24px;
  line-height: 32px;
  color: #646464;
}

.spellon-homepage .spellon-contact-form-img .img-one {
  padding-left: 50px;
}
.spellon-homepage .spellon-contact-form-img .img-one img {
  width: 272px;
  height: 372px;
}
.spellon-homepage .spellon-contact-form-img .img-two img {
  width: 362px;
  height: 304px;
}

.spellon-homepage .spellon-contact-form-img .img-two {
  position: absolute;
  left: 50px;
  top: 160px;
  left: 100px;
}
.spellon-homepage .contact-form-wrapper {
  margin-top: 40px;
}
.spellon-homepage .spellon-contact-form-shape {
  position: absolute;
  top: 40%;
  left: 0;
  z-index: -4;
}

/* verticle tab */
.tabcontent-area {
  min-height: 495px;
}
.tabcontent-area .tab-pane {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
  opacity: 0;
}
.tabcontent-area .tab-pane.show {
  height: 100%;
  visibility: visible;
  opacity: 1;
}
.tabcontent-navlist li {
  width: 100%;
}

/* property management accordion start */
.property-management-accordion {
  padding: 32px 0px;
}
.property-management-accordion .property-management-header {
  text-align: center;
}
.property-management-accordion .property-management-header .section-header h2 {
  font-size: 28px;
  line-height: 32px;
  color: #004750;
}
.spellon-property-accordion {
  margin-top: 35px;
}
.spellon-property-accordion .accordion-item .accordion-header {
  border-radius: 40px;
  outline: none;
}
.spellon-property-accordion .accordion-item .accordion-header .accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: none;
  box-shadow: none;
}

.spellon-property-accordion .accordion-item {
  background: transparent;
  border: none;
}
.spellon-property-accordion .accordion-item span {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
.spellon-property-accordion .accordion-item .icon {
  height: 49px;
  width: 49px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: none;
}
.spellon-property-accordion .accordion-item .accordion-button {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  height: 63px;
}

.spellon-property-accordion .accordion-item .icon img {
  height: 26px;
  width: 26px;
}
.spellon-property-accordion .accordion-item .accordion-button:hover {
  border-radius: 40px;
}
.spellon-property-accordion .accordion-item .accordion-button:hover .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.spellon-property-accordion .accordion-button:not(.collapsed)::after {
  background-image: "";
}
.spellon-property-accordion .accordion-button::after {
  display: none;
  height: 63px;
}

/* first tab */

.spellon-property-accordion .accordion-item:first-child .accordion-button {
  background: #008c9648;
  height: 63px;
  width: 100%;
  color: #008c96;
}
.spellon-property-accordion .accordion-item:first-child .accordion-button:hover {
  background: #008c96 !important;
  color: #fff;
}
.spellon-property-accordion .accordion-item:nth-child(2) .accordion-button {
  height: 63px;
  width: 100%;
  background: #ea4f1b43;
  color: #ea501b;
}
.spellon-property-accordion .accordion-item:nth-child(2) .accordion-button:hover {
  background: #ea501b !important;
  color: #fff;
}
.spellon-property-accordion .accordion-item:nth-child(3) .accordion-button {
  height: 63px;
  width: 100%;
  background: #0047501b;
  color: #004750;
}
.spellon-property-accordion .accordion-item:nth-child(3) .accordion-button:hover {
  background: #004750 !important;
  color: #fff;
}

/* sub tabs */
.spellon-property-accordion .nav-pills .nav-link.active,
.spellon-property-accordion .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
  width: 100%;
  border-radius: 88px;
}

.spellon-homepage .spellon-property-accordion .accordion-item .nav-pills .nav-link {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  border-radius: 88px;
  display: inline-block;
  margin-bottom: 10px;
  text-align: left;
  text-transform: capitalize;
}
.spellon-homepage .spellon-property-accordion .accordion-item:nth-child(1) .nav-pills .nav-link {
  color: #004750;
  border: 1px solid #00475070;
}
.spellon-homepage .spellon-property-accordion .accordion-item:nth-child(2) .nav-pills .nav-link {
  color: #004750;
  border: 1px solid #ea4f1b38;
}
.spellon-homepage .spellon-property-accordion .accordion-item:nth-child(3) .nav-pills .nav-link {
  color: #004750;
  border: 1px solid #00475048;
}

.spellon-property-accordion .accordion-item:nth-child(1) .nav-pills .nav-link.active {
  border: transparent;
}
.spellon-property-accordion .accordion-item:nth-child(2) .nav-pills .nav-link.active {
  background: #ea4f1b1d;
  border: transparent;
}
.spellon-property-accordion .accordion-item:nth-child(3) .nav-pills .nav-link.active {
  background: #0047502c;
  border: transparent;
}

.spellon-homepage .spellon-property-accordion .tabcontent-navlist {
  display: flex;
  justify-content: end;
}
.spellon-homepage .spellon-property-accordion .tabcontent-navlist li {
  width: 90%;
}
.spellon-property-accordion .accordion-button {
  margin-bottom: 10px;
}

.spellon-homepage .spellon-property-accordion .nav-pills .nav-link.active {
  background: #bee5e8;
}
.spellon-homepage .spellon-property-accordion .tabcontent-area h2 {
  font-size: 28px;
  line-height: 60px;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 32px;
  padding: 20px 5px;
}
.spellon-homepage .spellon-property-accordion .tabcontent-area p {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #646464;
}
.spellon-homepage .spellon-property-accordion .tabcontent-area img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}
/* property management accordion end */

/* footer */

.spellon-homepage .spellon-footer-area {
  background: #004750;
}
.spellon-homepage .spellon-footer-area li {
  list-style-type: none;
}
.spellon-homepage .spellon-footer-area a {
  text-decoration: none;
}
.spellon-homepage .spellon-footer-area .footer-nav li a {
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
.spellon-homepage .spellon-footer-area .footer-nav li a:hover {
  opacity: 0.7;
}
.spellon-homepage .spellon-footer-area p {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.spellon-homepage .spellon-footer-area .social-links li a {
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background: #fff;
  display: flex;
  color: #000;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  text-decoration: none;
}
.spellon-homepage .spellon-footer-area .social-links li {
  list-style: none;
}
.spellon-homepage .spellon-footer-area .social-links li a:hover {
  background: #008c96;
  color: #fff;
}
.spellon-homepage .spellon-footer-area .footer-title {
  font-size: 20px;
  color: #ffffff;
  text-transform: capitalize;
}
.spellon-homepage .spellon-footer-area .widget-form input {
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  padding: 0px 17px;
  border-radius: 55px;
  border: none;
  background: #baeff30b;
  height: 52px;
}
.spellon-homepage .spellon-footer-area .widget-form input::placeholder {
  color: rgba(255, 255, 255, 0.572);
  font-size: 16px;
}
.spellon-homepage .spellon-footer-area .subscribe-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  background: #ea501b;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  border-top-right-radius: 55px;
  border-bottom-right-radius: 55px;
  padding: 0px 32px;
}
.spellon-homepage .spellon-footer-area .footer-border {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.089);
}
.spellon-homepage .spellon-footer-area .footer-bottom {
  padding: 20px 0px;
}
.spellon-homepage .spellon-footer-area .copyright {
  color: #bfbfbf;
}
.spellon-homepage .spellon-footer-area .copyright p {
  padding-bottom: 0px;
}
.spellon-homepage .spellon-footer-area .footer-bottom a {
  color: #bfbfbf;
  text-transform: capitalize;
}

/* footer re design */
#footer-outer .widget.widget_pages li a,
#footer-outer .widget.widget_nav_menu li a {
  padding: 8px 0;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.spellon-homepage #copyright p {
  font-size: 12px;
}
#footer-outer,
#footer-outer a:not(.nectar-button) {
  text-decoration: none;
}

 .spellon-homepage #footer-outer #copyright {
	border: none;
	background-color: #054953;
	border-top: 1px solid rgba(255,255,255,0.2);
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}