/*
@File: Hemo HTML Template

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************
** - Default Btn Style 
** - Section Title Style
** - Top Header Style
** - Navbar Area Style
** - Main Banner Area CSS  Style
** - Inner Banner Style
** - About Area Style
** - Property Features Area Style
** - Employee Features Area Style
** - Property Area Style
** - Cart Wraps Area Style
** - Checkout Area Style
** - House Area Style
** - Features Area Style
** - Service Area Style
** - Gallery Area Style
** - Product Area Style
** - Innovation Area  Style
** - Testimonials Area Style
** - Team Area Style
** - Agent Area Style
** - Blog Area Style
** - Faq Area Style
** - Pagination Area Style
** - Contact Area Style
** - User All Form Style
** - Map Area Style
** - 404 Error Area Style
** - Coming Soon Area Style
** - Footer Area Style
** - Back To Top Button Style
** - Preloader CSS Style
** - Animation CSS Style

*******************************************
/*

/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  font-size: 16px;
  line-height: 1.8;
  font-family: "Roboto", sans-serif;
  color: #676767;
  font-weight: 400;
}

p {
  color: #0E1C2C;
}

a {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

a:hover, a:focus {
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  outline: 0;
}

button:focus {
  outline: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #000000;
  line-height: 1.4;
}

h3 {
  font-size: 22px;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

img {
  max-width: 100%;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 50px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 50px;
}

.pb-70 {
  padding-bottom: 20px;
}

.pt-45 {
  padding-top: 20px;
}

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

.ml-45 {
  margin-left: 45px;
}

.border-radius-50 {
  border-radius: 50px;
}

.bg-color {
  background-color: #9bb1c7;
}

/*================================
Default Btn Style 
===================================*/
.default-btn {
  padding: 12px 34px;
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-transform: capitalize;
  border: none;
  outline: none;
}

.default-btn::before {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.default-btn:hover::before {
  width: 100%;
  opacity: 1;
}

.default-btn:hover {
  color: #ffffff;
}

.btn-bg {
  background-color: #0E1C2C;
}

.btn-bg::before {
  background-color: #000000;
}

.btn-bg-2 {
  background-color: #8b590d;
}

.btn-bg-2::before {
  background-color: #0E1C2C;
}

.btn-bg-3 {
  background-color: #0E1C2C;
}

.btn-bg-3::before {
  background-color: #0E1C2C;
}

/*================================
Section Title Style 
===================================*/
.section-title span {
  line-height: 0;
  text-transform: capitalize;
  padding-bottom: 5px;
  margin: 0;
}

.section-title h2 {
  font-size: 35px;
  font-weight: 600;
  margin-top: 5px;
  line-height: 1.4;
  color: #000000;
}

.section-title p {
  padding-top: 10px;
  margin-bottom: 0;
}

.sp-color {
  color: #FD8980;
}

.sp-color-2 {
  color: #0E1C2C;
}

.sp-color-3 {
  color: #8567FE;
}

/*================================
Section Title Style End
===================================*/
/*=================================
Navbar Area
====================================*/
.navbar-area {
  background-color: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.navbar-light {
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

.navbar-light .navbar-brand img {
  float: left;
  padding: 10px 0;
}

.navbar-light .navbar-brand-sticky {
  display: none;
}

/* Main nav */
.main-nav {
  position: inherit;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: inherit;
  padding: 0;
  width: 100%;
  height: auto;
}

.main-nav nav .navbar-nav .nav-item:hover a, .main-nav nav .navbar-nav .nav-item .active {
  color: #0E1C2C !important;
}

.main-nav nav .navbar-nav .nav-item a {
  text-transform: capitalize;
  color: #000000;
  font-weight: 400;
  margin-left: 12px;
  margin-right: 12px;
}

.main-nav nav .navbar-nav .nav-item a i {
  line-height: 0;
  position: relative;
  top: 3px;
  font-size: 18px;
}

.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a :focus {
  color: #0E1C2C !important;
}

.main-nav nav .navbar-nav .nav-item a.active {
  color: #0E1C2C !important;
}

.main-nav nav .navbar-nav .nav-item a .active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  z-index: 5;
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: #ffffff !important;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #ffffff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: none;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  color: #000000 !important;
  position: relative;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  font-weight: 400;
  padding: 10px;
  border-bottom: 1px dashed #ebebeb;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  border-radius: 0;
  color: #FD8980 !important;
  background-color: #f3f3f3;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
  color: #FD8980 !important;
  border-radius: 0;
  background-color: #f3f3f3;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
  color: #FD8980 !important;
  background-color: #f3f3f3;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 100%;
  margin-top: 18px !important;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.nav-btn-area .nav-btn {
  padding: 10px 30px;
  background-color: transparent;
  color: #676767;
  border: 1px solid #FD8980;
  border-radius: 50px;
}

.nav-btn-area .nav-btn:hover {
  background-color: #FD8980;
  color: #ffffff;
}

.nav-btn-area .nav-btn-color {
  color: #000000;
  border: 1px solid #0E1C2C;
  border-radius: 0px !important;
}

.nav-btn-area .nav-btn-color:hover {
  background-color: #0E1C2C;
}

.nav-btn-area .nav-btn-two {
  padding: 10px 30px;
  background-color: #8567FE;
  color: #ffffff;
  border-radius: 50px;
}

.nav-btn-area .nav-btn-two:hover {
  background-color: #0E1C2C;
  color: #ffffff;
}

.nav-bar-two {
  position: inherit;
  background-color: #ffffff;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 1;
  width: 100%;
  height: auto;
}

.nav-bar-two nav .navbar-nav .nav-item:hover a, .nav-bar-two nav .navbar-nav .nav-item .active {
  color: #0E1C2C !important;
}

.nav-bar-two nav .navbar-nav .nav-item a:hover, .nav-bar-two nav .navbar-nav .nav-item a :focus {
  color: #0E1C2C !important;
}

.nav-bar-two nav .navbar-nav .nav-item a.active {
  color: #0E1C2C !important;
}

.nav-bar {
  position: inherit;
  background-color: #ffffff;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.nav-bar nav .navbar-nav .nav-item:hover a, .nav-bar nav .navbar-nav .nav-item .active {
  color: #C38F60 !important;
}

.nav-bar nav .navbar-nav .nav-item a:hover, .nav-bar nav .navbar-nav .nav-item a :focus {
  color: #C38F60 !important;
}

.nav-bar nav .navbar-nav .nav-item a.active {
  color: #C38F60 !important;
}

.nav-bar-three {
  position: inherit;
  background-color: #FCF7F4;
  top: 0;
  left: 0;
  z-index: 5;
  padding: 0;
  width: 100%;
  height: auto;
}

.nav-bar-three nav .navbar-nav .nav-item:hover a, .nav-bar-three nav .navbar-nav .nav-item .active {
  color: #8567FE !important;
}

.nav-bar-three nav .navbar-nav .nav-item a:hover, .nav-bar-three nav .navbar-nav .nav-item a :focus {
  color: #8567FE !important;
}

.nav-bar-three nav .navbar-nav .nav-item a.active {
  color: #8567FE !important;
}

.sticky-nav {
  top: 0;
  position: fixed;
  -webkit-animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
          animation: 900ms ease-in-out 5s normal none 1 running fadeInDown;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  width: 100% !important;
  z-index: 999;
}

.sticky-nav .main-nav {
  top: 0;
  background-color: #ffffff;
  position: fixed;
  z-index: 9999;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.sticky-nav .nav-bar-two {
  top: 0;
  background-color: #ffffff;
  position: fixed;
  z-index: 9999;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.option-item {
  margin-right: 20px;
}

.option-item .language-list {
  margin-top: 0;
  z-index: 5;
  position: relative;
}

.option-item .language-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.option-item .language-list ul li {
  display: inline-block;
}

.option-item .language-list ul li:hover {
  color: #FD8980;
}

.option-item .language-list ul li:hover ul {
  display: block;
}

.option-item .language-list ul li a {
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  font-weight: 400;
  padding: 15px;
  display: block;
}

.option-item .language-list ul li a:hover {
  color: #FD8980;
}

.option-item .language-list ul li a i {
  font-size: 18px;
  color: #000000;
  position: relative;
  top: 3px;
}

.option-item .language-list ul ul {
  position: absolute;
  background: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 5;
  border-radius: 3px;
  width: 180px;
  right: 0;
  top: 50px;
  left: auto;
  border-top: 2px solid #ffffff;
}

.option-item .language-list ul ul::before {
  content: '';
  position: absolute;
  z-index: -5;
  top: -3px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.option-item .language-list ul ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  background: #ffffff;
  padding: 5px 10px;
}

.option-item .language-list ul ul li a {
  color: #000000;
  padding: 0 25px;
  font-size: 15px;
}

.option-item .language-list ul ul li a img {
  width: 25px;
  height: 25px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-right: 5px;
}

.option-item .language-list ul ul li a:hover {
  color: #FD8980;
}

/*=================================
Navbar Area End
====================================*/
/*=================================
Call button
====================================*/
/* Call Button Styling */
.call-btn {
  position: fixed; /* Fixes the button to the screen */
  left: 20px; /* Position it 20px from the left side */
  bottom: 20px; /* Position it 20px from the bottom */
  background-color: #003366; /* Button color (change as needed) */
  color: white; /* Text color */
  padding: 15px 20px; /* Padding for the button */
  border-radius: 50px; /* Rounded button */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow */
  font-size: 16px; /* Text size */
  text-decoration: none; /* Remove underline from the link */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999; /* Ensures the button appears above other content */
  transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}


.call-btn:hover {
  background-color: #003366; /* Slightly darker color on hover */
}

/* Optional: Add a phone icon to the button */
.call-btn i {
  margin-right: 8px; /* Space between icon and text */
}

/* Optional: If you want the button to look like a round icon with a phone icon inside */
.call-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  justify-content: center;
}

.call-btn i {
  font-size: 24px; /* Larger icon size */
}

/*=================================
End call Button
====================================*/

/* whatsapp Button Styling */
.wp-btn {
  position: fixed; /* Fixes the button to the screen */
  left: 20px; /* Position it 20px from the left side */
  bottom: 100px; /* Position it 20px from the bottom */
  background-color: #25D366; /* Button color (change as needed) */
  color: white; /* Text color */
  padding: 15px 20px; /* Padding for the button */
  border-radius: 50px; /* Rounded button */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow */
  font-size: 16px; /* Text size */
  text-decoration: none; /* Remove underline from the link */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999; /* Ensures the button appears above other content */
  transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

.wp-btn:hover {
  background-color: #25D366; /* Slightly darker color on hover */
}

/* Optional: Add a phone icon to the button */
.wp-btn i {
  margin-right: 8px; /* Space between icon and text */
}

/* Optional: If you want the button to look like a round icon with a phone icon inside */
.wp-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  justify-content: center;
}

.wp-btn i {
  font-size: 24px; /* Larger icon size */
}

/*=================================
End whatsapp Button
====================================*/



/*=================================
Main Banner Area 
====================================*/
.banner-area {
  position: relative;
}

.banner-content {
  max-width: 540px;
  margin-left: auto;
}

.banner-content span {
  color: #FD8980;
}

.banner-content h1 {
  font-size: 65px;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1.2;
}

.banner-content p {
  font-size: 20px;
  margin-bottom: 30px;
}

.banner-content .banner-btn .buy-btn {
  display: inline-block;
  padding: 10px 36px;
  background-color: #8b590d;
  color: #ffffff;
  border-radius: 50px;
}

.banner-content .banner-btn .buy-btn:hover {
  background-color: #000000;
  color: #ffffff;
}

.banner-content .banner-btn .rent-btn {
  margin-left: 20px;
  padding: 10px 32px;
  background-color: transparent;
  color: #676767;
  border: 1px solid #FD8980;
  border-radius: 50px;
}

.banner-content .banner-btn .rent-btn:hover {
  background-color: #FD8980;
  color: #ffffff;
}

.banner-img {
  position: relative;
  z-index: 1;
  margin-top: 35px;
  margin-bottom: 30px;
}

.banner-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0px;
  right: 0;
  width: 103%;
  height: 100%;
  background-color: #FD8980;
  border-radius: 15px 15px 15px 300px;
}

.banner-shape .shape1 {
  position: absolute;
  top: -100px;
  left: 0;
}

.banner-shape .shape1 img {
  max-width: 110px;
}

.banner-shape .shape2 {
  position: absolute;
  top: 50%;
  left: 2%;
  -webkit-animation: opacity-option 3s infinite linear;
          animation: opacity-option 3s infinite linear;
}

.banner-shape .shape3 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.banner-shape .shape4 {
  position: absolute;
  top: 10%;
  left: 30%;
  -webkit-animation: opacity-option 2s infinite linear;
          animation: opacity-option 2s infinite linear;
}

.banner-shape .shape5 {
  position: absolute;
  top: 70%;
  left: 40%;
  -webkit-animation: rotated360 6s infinite linear;
          animation: rotated360 6s infinite linear;
}



/* Container that holds the background image and content */
.banner-area-two {
  position: relative;
  height: 100vh;  /* Ensure the banner takes up the full viewport height */
  overflow: hidden; /* Prevent content from overflowing */
  display: flex;  /* Enable flexbox for the container */
  justify-content: center;  /* Center content horizontally */
  align-items: center;  /* Center content vertically */
}

/* Image background wrapper */
.image-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;  /* Make sure the image covers the entire area */
  background-position: center;  /* Center the image */
  z-index: -1; /* Ensure the image stays behind the content */
}

/* Banner content */
.banner-content-two {
  position: relative;
  z-index: 2;  /* Ensure content is above the image */
  color: white;  /* Make text visible on top of the image */
  text-align: center; /* Optionally, center the text horizontally */
  padding: 20px; /* Optional: Add padding for spacing */
}

/* Additional styling for the text */
.banner-content-two h1 {
  font-size: 36px;
  font-weight: bold;
}

.banner-content-two p {
  font-size: 18px;
  text-align: center;
  margin: 10px 0;
}

.banner-btn-two .buy-btn {
  padding: 12px 25px;
  background-color: #8b590d;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

/* Optional overlay to darken the background image */
.banner-area-two::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 1; /* Ensure the overlay is between the image and text */
}


.banner-content-two {
  padding-top: 80px;
  padding-bottom: 80px;
}

.banner-content-two span {
  color: #ffffff;
}

.banner-content-two h1 {
  font-size: 65px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #ffffff;
}

.banner-content-two p {
  font-size: 20px;
  margin-bottom: 30px;
  color: #ffffff;

}

.banner-content-two .banner-btn-two .buy-btn {
  display: inline-block;
  padding: 10px 36px;
  background-color:#8b590d;
  color: #ffffff;
}

.banner-content-two .banner-btn-two .buy-btn:hover {
  background-color: #ffffff;
  color: #0E1C2C;
}

.banner-content-two .banner-btn-two .rent-btn {
  margin-left: 20px;
  padding: 10px 32px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.banner-content-two .banner-btn-two .rent-btn:hover {
  background-color: #0E1C2C;
  color: #ffffff;
}

.banner-area-three {
  background-color: #FCF7F4;
}

.banner-content-three h1 {
  font-size: 65px;
  margin-bottom: 20px;
}

.banner-content-three p {
  font-size: 20px;
  margin-bottom: 30px;
  color: #000000;
  max-width: 540px;
}

.banner-form {
  background-color: #ffffff;
  padding: 7px;
  border: 1px solid #8567FE;
  border-radius: 50px;
}

.banner-form .form-group {
  position: relative;
  margin-bottom: 0;
}

.banner-form .form-group .form-control {
  height: 50px;
  padding: 10px;
  border: none;
  color: #000000;
  background-color: #ffffff;
  font-weight: 400;
  border-radius: 50px;
}

.banner-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.banner-form .default-btn {
  float: right;
  padding: 12px 40px;
}

.banner-form .nice-select {
  height: 50px;
  width: 100%;
  line-height: 32px;
  font-size: 15px;
  margin-bottom: 0px;
  padding-left: 20px;
  border-radius: 50px;
  background-color: #8567FE;
  color: #ffffff;
}

.banner-form .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.banner-form .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  color: #000000;
  padding-left: 20px;
  padding-right: 20px;
}

.banner-form .nice-select .list .option:hover {
  background-color: #8567FE !important;
  color: #ffffff;
}

.banner-form .nice-select .list .option .selected {
  background-color: transparent;
  font-weight: 600;
}

.banner-form .nice-select::after {
  height: 8px;
  width: 8px;
  border-color: #676767;
  right: 10px;
}

.banner-img-two {
  position: relative;
  z-index: 1;
  margin-top: 60px;
  margin-bottom: 110px;
  margin-left: 40px;
  border-radius: 50px;
}

.banner-img-two img {
  border-radius: 50px;
}

.banner-img-two::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -40px;
  left: -40px;
  background-color: #DBD2FF;
  width: 100%;
  height: 100%;
  border-radius: 50px;
}

/*=================================
Main Banner Area End
====================================*/
/*================================
Inner Banner
==================================*/
.inner-banner {
  position: relative;
  background-position: center center;
  background-size: cover;
}

.inner-banner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity: 0.5;
}

.inner-banner .inner-title {
  padding-top: 150px;
  padding-bottom: 150px;
}

.inner-banner .inner-title h3 {
  font-size: 35px;
  color: #ffffff;
  font-weight: 500;
  position: relative;
}

.inner-banner .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.inner-banner .inner-title ul li {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  margin-right: 30px;
  position: relative;
}

.inner-banner .inner-title ul li:last-child {
  margin-right: 0;
}

.inner-banner .inner-title ul li:last-child::before {
  display: none;
}

.inner-banner .inner-title ul li::before {
  content: '';
  position: absolute;
  top: 14px;
  right: -20px;
  background-color: #ffffff;
  width: 7px;
  height: 7px;
}

.inner-banner .inner-title ul li a {
  color: #ffffff;
}

.inner-banner .inner-title ul li a:hover {
  color: #FD8980;
}

.inner-bg1 {
  background-image: url(../img/inner-banner/inner-banner1.jpg);
}

.inner-bg2 {
  background-image: url(../img/inner-banner/inner-banner2.jpg);
}

.inner-bg3 {
  background-image: url(../img/inner-banner/inner-banner3.jpg);
}

.inner-bg4 {
  background-image: url(../img/inner-banner/inner-banner4.jpg);
}

.inner-bg5 {
  background-image: url(../img/inner-banner/inner-banner5.jpg);
}

.inner-bg6 {
  background-image: url(../img/inner-banner/inner-banner6.jpg);
}

.inner-bg7 {
  background-image: url(../img/inner-banner/inner-banner7.jpg);
}

.inner-bg8 {
  background-image: url(../img/inner-banner/inner-banner8.jpg);
}

.inner-bg9 {
  background-image: url(../img/inner-banner/inner-banner9.jpg);
}

.inner-bg10 {
  background-image: url(../img/inner-banner/inner-banner10.jpg);
}

.inner-bg11 {
  background-image: url(../img/inner-banner/inner-banner11.jpg);
}

.inner-bg12 {
  background-image: url(../img/inner-banner/inner-banner12.jpg);
}

/*=================================
About Area 
====================================*/
.about-img {
  margin-bottom: 30px;
}

.about-content {
  margin-bottom: 30px;
  margin-left: 40px;
}

.about-content .about-btn {
  margin-top: 30px;
}

.about-img-2 {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.about-img-2 .about-shape {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

/*=================================
About Area End
====================================*/
/*=================================
Property Features Area 
====================================*/
.property-features-img {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.property-features-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #DBD2FF;
  border-radius: 50px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
}

.property-features-img .shape {
  position: absolute;
  z-index: -2;
  right: -40px;
  bottom: -20px;
}

.property-features-content {
  margin-left: 30px;
}

.property-features-content .section-title {
  margin-bottom: 30px;
}

.property-features-content .property-features-item {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  padding: 20px 20px 30px;
  margin-bottom: 30px;
}

.property-features-content .property-features-item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.property-features-content .property-features-item:hover i {
  color: #8567FE;
}

.property-features-content .property-features-item:hover .read-btn {
  background-color: #8567FE;
  color: #ffffff;
}

.property-features-content .property-features-item i {
  font-size: 45px;
  color: #000000;
  margin-bottom: 20px;
}

.property-features-content .property-features-item h3 {
  margin-bottom: 10px;
}

.property-features-content .property-features-item p {
  margin-bottom: 15px;
}

.property-features-content .property-features-item .read-btn {
  font-size: 14px;
  color: #676767;
  margin-bottom: 0;
  padding: 7px 20px;
  border: 1px solid #8567FE;
  border-radius: 50px;
}

.property-features-content .property-features-item .read-btn:hover {
  background-color: #8567FE;
  color: #ffffff;
}

/*=================================
Property Features Area End
====================================*/
/*=================================
Employee Features Area 
====================================*/
.employee-content {
  margin-bottom: 30px;
}

.employee-content .employee-btn {
  margin-top: 30px;
}

.employee-img {
  position: relative;
  z-index: 1;
  margin-bottom: 70px;
  margin-right: 40px;
}

.employee-img img {
  border-radius: 50px;
}

.employee-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -40px;
  right: -40px;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #DBD2FF;
}

/*=================================
Employee Features Area End
====================================*/
/*=================================
Property Area 
====================================*/
.property-area .section-title h2 {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.property-slider {
  position: relative;
}

.property-slider .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.property-slider .owl-dots .owl-dot span {
  background-color: #FD8980 !important;
  width: 10px !important;
  height: 10px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
}

.property-slider .owl-dots .owl-dot.active span {
  background-color: #FD8980 !important;
  width: 40px !important;
  height: 10px !important;
}

.property-slider .owl-dots .owl-dot:hover span {
  background-color: #FD8980 !important;
  width: 40px !important;
  height: 10px !important;
}

.property-slider-two {
  position: relative;
}

.property-slider-two .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.property-slider-two .owl-dots .owl-dot span {
  background-color: transparent !important;
  width: 15px !important;
  height: 15px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  border: 1px solid #C38F60;
}

.property-slider-two .owl-dots .owl-dot.active span {
  background-color: #C38F60 !important;
}

.property-slider-two .owl-dots .owl-dot:hover span {
  background-color: #C38F60 !important;
}

.property-item {
  margin-bottom: 30px;
  background-color: #ffffff;
}

.property-item a {
  display: block;
}

.property-item a img {
  border-radius: 5px 5px 0 0;
}

.property-item .content {
  position: relative;
  padding: 30px;
}

.property-item .content h4 {
  color: #FD8980;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.property-item .content h4 span {
  color: #676767;
  float: right;
}

.property-item .content h3 {
  margin-bottom: 15px;
}

.property-item .content h3 a {
  color: #000000;
}

.property-item .content p {
  margin-bottom: 10px;
}

.property-item .content p i {
  color: #FD8980;
  font-size: 18px;
}

.property-item .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.property-item .content ul li {
  display: inline-block;
  margin-right: 30px;
}

.property-item .content ul li:last-child {
  margin-right: 0;
}

.property-item .content .price {
  margin-top: 10px;
  font-size: 30px;
  color: #FD8980;
  margin-bottom: 0;
}

.property-item .content .property-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.property-item .content .property-btn .book-btn {
  display: inline-block;
  padding: 8px 24px;
  border: 1px solid #FD8980;
  color: #000000;
  border-radius: 50px;
}

.property-item .content .property-btn .book-btn:hover {
  background-color: #FD8980;
  color: #ffffff;
}

.property-item-color .content {
  position: relative;
  padding: 30px;
}

.property-item-color .content h4 {
  color: #676767;
}

.property-item-color .content .price {
  color: #C38F60;
}

.property-item-color .content .property-btn .book-btn {
  border: 1px solid #C38F60;
  border-radius: 0;
}

.property-item-color .content .property-btn .book-btn:hover {
  background-color: #C38F60;
}

.property-btn-area {
  max-width: 200px;
  background-color: #ffffff;
  float: right;
}

.property-btn-area .buy-btn {
  padding: 10px 26px;
  color: #000000;
  display: inline-block;
  text-align: center;
}

.property-btn-area .buy-btn:hover {
  color: #ffffff;
  background-color: #C38F60;
}

.property-btn-area .rent-btn {
  padding: 10px 30px;
  color: #ffffff;
  background-color: #C38F60;
  display: inline-block;
  text-align: center;
}

.property-btn-area .rent-btn:hover {
  color: #000000;
  background-color: transparent;
}

.property-area-three {
  background-color: #FCF7F4;
}

.property-area-three .section-title h2 {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.property-slider-three {
  position: relative;
}

.property-slider-three .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.property-slider-three .owl-dots .owl-dot span {
  background-color: transparent !important;
  width: 15px !important;
  height: 15px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  border: 1px solid #8567FE;
}

.property-slider-three .owl-dots .owl-dot.active span {
  background-color: #8567FE !important;
}

.property-slider-three .owl-dots .owl-dot:hover span {
  background-color: #8567FE !important;
}

.property-card {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
}

.property-card .property-card-img {
  position: relative;
}

.property-card .property-card-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  border-radius: 15px 15px 0 0;
}

.property-card .property-card-img a {
  display: block;
}

.property-card .property-card-img a img {
  border-radius: 15px 15px 0 0;
}

.property-card .property-card-img .property-card-btn {
  position: absolute;
  top: 30px;
  right: 30px;
}

.property-card .property-card-img .property-card-btn .book-btn {
  display: inline-block;
  padding: 7px 18px;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 50px;
  font-size: 14px;
}

.property-card .property-card-img .property-card-btn .book-btn:hover {
  background-color: #ffffff;
  color: #676767;
}

.property-card .property-card-img .property-list {
  position: absolute;
  bottom: 30px;
  left: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.property-card .property-card-img .property-list li {
  display: inline-block;
  margin-right: 5px;
}

.property-card .property-card-img .property-list li:last-child {
  margin-right: 0;
}

.property-card .property-card-img .property-list li a {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50px;
  border: 1px solid #ffffff;
  font-size: 20px;
  color: #ffffff;
  line-height: 35px;
}

.property-card .property-card-img .property-list li a:hover {
  background-color: #ffffff;
  color: #676767;
}

.property-card .property-card-img .pricing {
  position: absolute;
  bottom: 30px;
  right: 24px;
  font-weight: 400;
  font-size: 26px;
  color: #ffffff;
  margin-bottom: 0;
}

.property-card .content {
  position: relative;
  padding: 30px 30px 20px;
}

.property-card .content h4 {
  color: #676767;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.property-card .content h4 span {
  color: #676767;
  float: right;
}

.property-card .content h4 span i {
  margin-right: 5px;
}

.property-card .content h3 {
  margin-bottom: 15px;
}

.property-card .content h3 a {
  color: #000000;
}

.property-card .content p {
  margin-bottom: 10px;
}

.property-card .content ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

.property-card .content ul li {
  display: inline-block;
  margin-right: 10px;
}

.property-card .content ul li:last-child {
  margin-right: 0;
}

.property-area-widget .section-title h2 {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.property-details-img {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  margin-right: 20px;
}

.property-details-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -20px;
  right: -20px;
  width: 100%;
  height: 100%;
  background-color: #8085fd8a;
}

.property-details-content {
  margin-bottom: 30px;
}

.property-details-content span {
  color: #8567FE;
}

.property-details-content h2 {
  font-size: 35px;
  margin-top: 5px;
  margin-bottom: 0;
}

.property-details-content .property-details-list {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
  max-width: 460px;
}

.property-details-content .property-details-list li {
  font-size: 16px;
  color: #676767;
  display: block;
  position: relative;
  padding: 5px 0;
  margin-bottom: 10px;
  border-top: 1px dashed #8567fe69;
  border-bottom: 1px dashed #8567fe69;
}

.property-details-content .property-details-list li b {
  position: absolute;
  right: 10px;
  top: 2px;
  font-weight: 500;
  font-size: 18px;
}

/*=================================
Property Area End
====================================*/
/*=================================
Cart Wraps Area
===================================*/
.cart-wraps-area .cart-table table {
  margin-bottom: 0;
}

.cart-wraps-area .cart-table table thead tr th {
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 0 0 15px;
  text-transform: uppercase;
  border: none;
  font-weight: 700;
  font-size: 18px;
}

.cart-wraps-area .cart-table table tbody tr td {
  vertical-align: middle;
  color: #676767;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  border-color: #eeeeee;
  border-left: none;
  border-right: none;
}

.cart-wraps-area .cart-table table tbody tr td.product-thumbnail a {
  display: block;
}

.cart-wraps-area .cart-table table tbody tr td.product-thumbnail a img {
  width: 60px;
  height: 60px;
}

.cart-wraps-area .cart-table table tbody tr td.product-name a {
  color: #000000;
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
}

.cart-wraps-area .cart-table table tbody tr td.product-name a:hover {
  color: #C38F60 !important;
}

.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove {
  float: right;
  position: relative;
  top: 1px;
  color: #000000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove i {
  font-size: 30px;
}

.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove:hover {
  color: #C38F60;
}

.cart-wraps-area .cart-table table tbody tr td.product-subtotal span {
  font-weight: 600;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter {
  max-width: 130px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #676767;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter span:hover {
  color: #000000 !important;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn {
  left: 0;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn:hover {
  color: #000000 !important;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn {
  right: 0;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn:hover {
  color: #000000 !important;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input {
  height: 45px;
  color: #676767;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.cart-wraps-area .cart-buttons {
  margin-top: 30px;
}

.cart-wraps-area .cart-totals {
  background: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0;
  margin: auto;
  margin-top: 50px;
}

.cart-wraps-area .cart-totals h3 {
  font-size: 24px;
  margin-bottom: 25px;
}

.cart-wraps-area .cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-wraps-area .cart-totals ul li {
  border: 1px solid #b8b08c;
  padding: 10px 15px;
  color: #676767;
  overflow: hidden;
  font-weight: 500;
}

.cart-wraps-area .cart-totals ul li:first-child {
  border-bottom: none;
}

.cart-wraps-area .cart-totals ul li:nth-child(3) {
  border-top: none;
}

.cart-wraps-area .cart-totals ul li:last-child {
  border-top: none;
}

.cart-wraps-area .cart-totals ul li span {
  float: right;
  color: #676767;
  font-weight: normal;
}

.cart-wraps-area .cart-calc {
  margin-top: 50px;
  background-color: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.cart-wraps-area .cart-calc .cart-wraps-form h3 {
  font-size: 24px;
  color: #000000;
  padding-bottom: 20px;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group {
  margin-bottom: 20px;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group select {
  height: 50px;
  padding: 7px 18px;
  color: #6c777d;
  border: 1px solid  #cfcfcf;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group select:focus, .cart-wraps-area .cart-calc .cart-wraps-form .form-group select :hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #000000;
  background-color: #676767 !important;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group select option {
  padding: 10px;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group select option:hover {
  background-color: #676767 !important;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control {
  font-size: 16px;
  border: 1px solid #b8b08c;
  color: #6c777d;
  padding: 25px 18px;
  font-weight: 400;
}

.cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control:focus, .cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control :hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #cfcfcf;
}

.cart-wraps-area .cart-calc .nice-select {
  height: 50px;
  width: 100%;
  margin-bottom: 19px;
  border: 1px solid #b8b08c;
}

.cart-wraps-area .cart-calc .nice-select .list {
  width: 100%;
}

.cart-wraps-area .cart-calc .nice-select .option {
  color: #676767 !important;
}

.cart-wraps-area .cart-calc .nice-select .option :hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

.cart-wraps-area .cart-calc .nice-select .current {
  position: relative;
  top: 4px;
  font-weight: 500;
  color: #6c777d;
}

.cart-wraps-area .nice-select .option.focus, .cart-wraps-area .nice-select .option.selected.focus, .cart-wraps-area .nice-select .option:hover {
  background-color: #C38F60 !important;
  color: #ffffff !important;
  font-weight: 600;
}

.cart-wraps-area .cart-calc select .option.focus, .cart-wraps-area .cart-calc .nice-select .option.selected.focus {
  background-color: #C38F60 !important;
  color: #ffffff !important;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
  color: #000000;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
  color: #000000;
}

.cart-wraps-area.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
  color: #000000;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
  color: #000000;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
  color: #000000;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
  color: #000000;
}

.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
  color: #000000;
}

.cart-wraps-area .cart-calc .cart-wraps-area form .form-control input::-webkit-input-placeholder {
  color: #6c777d;
}

.cart-area .cart-calc .cart-wraps-area form .form-control input:-ms-input-placeholder {
  color: #6c777d;
}

.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input::-ms-input-placeholder {
  color: #6c777d;
}

.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input::-webkit-input-placeholder {
  color: #495057;
}

.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input:-ms-input-placeholder {
  color: #495057;
}

.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input::placeholder {
  color: #495057;
}

/*=================================
Cart Wraps Area End
===================================*/
/*=================================
Checkout Area 
===================================*/
.billing-details {
  margin-bottom: 30px;
  background-color: #ffffff;
  padding: 50px 30px 25px 30px;
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
}

.billing-details h3 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 15px;
  font-weight: 600;
}

.billing-details .form-group {
  margin-bottom: 25px;
}

.billing-details .form-group label {
  color: #676767;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.billing-details .form-group label span {
  color: #dd480f;
}

.billing-details .form-group .form-control {
  height: 50px;
  color: #2d3652;
  border: 1px solid #e8e8e8;
  background-color: #fcfcff;
  border-radius: 0;
  padding: 10px 20px;
  width: 100%;
}

.billing-details .form-group .form-control:focus, .billing-details .form-group .form-control :hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #676767;
}

.billing-details .form-group .form-message {
  font-size: 16px;
  border: 1px solid #e8e8e8;
  background-color: #fcfcff;
  padding: 18px 18px;
  font-weight: 400;
  width: 100%;
}

.billing-details .form-group .form-message:focus, .billing-details .form-group .form-message :hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #676767;
}

.billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #676767;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
}

.billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.billing-details .form-group .nice-select .list .option:hover {
  background-color: #000000 !important;
  color: #ffffff;
}

.billing-details .form-group .nice-select .list .option:focus {
  border: none;
  outline: none;
}

.billing-details .form-group .nice-select .list .option .selected {
  background-color: transparent;
}

.billing-details .form-group .nice-select:after {
  right: 20px;
}

.billing-details .form-check {
  margin-bottom: 15px;
}

.billing-details .form-check .form-check-input {
  width: 15px;
  height: 15px;
}

.billing-details .form-check .form-check-label {
  color: #676767;
  margin-left: 5px;
  font-weight: 500;
}

.checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none;
  outline: none;
}

.order-details .order-table {
  background-color: #ffffff;
  padding: 50px 30px;
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
}

.order-details .order-table h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.order-details .order-table table {
  margin-bottom: 0;
}

.order-details .order-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  border-color: #eaedff;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  font-weight: 600;
  color: #676767;
  font-size: 18px;
}

.order-details .order-table table tbody tr td {
  vertical-align: middle;
  color: #676767;
  border-color: #eaedff;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 600;
}

.order-details .order-table table tbody tr td.product-name a {
  color: #6e768f;
  display: inline-block;
  font-weight: 600;
}

.order-details .order-table table tbody tr td.product-name a:hover {
  color: #000000;
}

.order-details .order-table table tbody tr td.order-subtotal span {
  color: #676767;
  font-weight: 600;
}

.order-details .order-table table tbody tr td.order-shipping span {
  color: #676767;
  font-weight: 700;
}

.order-details .order-table table tbody tr td.total-price span {
  color: #676767;
  font-weight: 700;
}

.order-details .order-table table tbody tr td.shipping-price {
  font-weight: 700;
}

.order-details .order-table table tbody tr td.order-subtotal-price {
  font-weight: 700;
}

.order-details .order-table table tbody tr td.product-subtotal {
  font-weight: 700;
}

.order-details .payment-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 50px 30px;
}

.order-details .payment-box .payment-method p [type="radio"]:checked {
  display: none;
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #000000;
  position: relative;
  margin-bottom: 8px;
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #FD8980;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
  display: none;
}

.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #172541;
  position: relative;
  margin-bottom: 8px;
}

.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #000000;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.order-details .payment-box .order-btn {
  margin-top: 20px;
  display: block;
  text-align: center;
  width: 100%;
  padding: 12px 27px;
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #FD8980;
}

.order-details .payment-box .order-btn::before {
  content: "";
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #8567FE;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.order-details .payment-box .order-btn:hover {
  color: #ffffff;
  border: none;
}

.order-details .payment-box .order-btn:hover::before {
  left: auto;
  right: 0;
  width: 100%;
}

.billing-details .form-group .nice-select .option:hover, .billing-details .form-group .nice-select .option.focus, .billing-details .form-group .nice-select .option.selected.focus {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/*=================================
Checkout Area End
===================================*/
/*=================================
House Area 
====================================*/
.house-img {
  position: relative;
  z-index: 1;
  margin-bottom: 70px;
  margin-right: 40px;
}

.house-img img {
  border-radius: 50px;
}

.house-img::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -40px;
  right: -40px;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #DBD2FF;
}

.house-content {
  margin-bottom: 30px;
  background-color: #ffffff;
  margin-left: 45px;
}

.house-content span {
  color: #8567FE;
}

.house-content h2 {
  font-size: 35px;
  margin-top: 5px;
  margin-bottom: 0;
}

.house-content .house-list {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
  list-style: none;
  padding: 0;
  max-width: 460px;
}

.house-content .house-list li {
  font-size: 16px;
  color: #676767;
  display: block;
  position: relative;
  padding: 5px 0;
  margin-bottom: 10px;
  border-top: 1px dashed #8567fe69;
  border-bottom: 1px dashed #8567fe69;
}

.house-content .house-list li b {
  position: absolute;
  right: 10px;
  top: 2px;
  font-weight: 500;
  font-size: 18px;
}

/*=================================
House Area End
====================================*/
/*=================================
Features Area
====================================*/
.features-item {
  background-color: #ffffff;
  padding: 20px 30px 30px;
  margin-bottom: 30px;
}

.features-item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.features-item:hover i {
  color: #FD8980;
}

.features-item:hover .read-btn {
  color: #FD8980;
  letter-spacing: 0.25px;
}

.features-item:hover .read-btn i {
  color: #FD8980;
}

.features-item i {
  font-size: 50px;
  color: #000000;
  margin-bottom: 10px;
}

.features-item h3 {
  margin-bottom: 10px;
}

.features-item p {
  margin-bottom: 10px;
}

.features-item .read-btn {
  font-size: 15px;
  color: #676767;
  margin-bottom: 0;
}

.features-item .read-btn i {
  font-size: 18px;
  margin-left: 5px;
  position: relative;
  top: 5px;
  color: #676767;
}

.features-item-style:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.features-item-style:hover i {
  color: #0E1C2C;
}

.features-item-style:hover .read-btn {
  color: #C38F60;
  letter-spacing: 0.25px;
}

.features-item-style:hover .read-btn i {
  color: #C38F60;
}

/*=================================
Features Area End
====================================*/
/*=================================
Service Area 
====================================*/
.service-item {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  padding: 20px 30px 30px;
  margin-bottom: 30px;
  text-align: center;
}

.service-item:hover {
  background-color: #FEF9EB;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.service-item:hover .service-icon {
  color: #000000;
}

.service-item:hover .read-btn {
  color: #000000;
  letter-spacing: 0.25px;
}

.service-item:hover .read-btn i {
  color: #000000;
}

.service-item .service-icon {
  font-size: 50px;
  color: #C38F60;
  margin-bottom: 15px;
  display: block;
  line-height: 1.2;
}

.service-item h3 {
  margin-bottom: 10px;
  font-weight: 500;
}

.service-item h3 a {
  color: #000000;
  display: block;
}

.service-item p {
  margin-bottom: 0px;
}

.service-item .read-btn {
  font-size: 15px;
  color: #C38F60;
  margin-bottom: 0;
}

.service-item .read-btn i {
  font-size: 18px;
  margin-left: 5px;
  position: relative;
  top: 3px;
  color: #C38F60;
  font-weight: 500;
}

.service-card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  padding: 30px 30px 20px;
  margin-bottom: 30px;
  text-align: center;
}

.service-card:hover {
  background-color: #FEF9EB;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.service-card:hover h3 a {
  color: #C38F60;
}

.service-card a {
  display: block;
}

.service-card a img {
  margin-bottom: 20px;
}

.service-card h3 {
  margin-bottom: 10px;
  font-weight: 500;
}

.service-card h3 a {
  color: #000000;
  display: block;
}

.service-card p {
  margin-bottom: 0px;
}

.service-card .read-btn {
  font-size: 15px;
  color: #676767;
  margin-bottom: 0;
  font-weight: 600;
}

.service-card .read-btn i {
  font-size: 18px;
  margin-left: 5px;
  position: relative;
  top: 3px;
  font-weight: 600;
}

.service-card .read-btn:hover {
  color: #C38F60;
  letter-spacing: 0.25px;
}

.service-article .service-article-img {
  margin-bottom: 30px;
}

.service-article .service-content h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

.service-article .service-content p {
  margin-bottom: 20px;
}

.service-article .service-another {
  margin-top: 35px;
}

.service-article .service-another .service-another-content {
  margin-bottom: 30px;
}

.service-article .service-another .service-another-content h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

.service-article .service-another .service-another-content p {
  margin-bottom: 20px;
}

.service-article .service-another .service-another-img {
  margin-bottom: 30px;
}

.service-article .service-more h2 {
  font-size: 26px;
  margin-bottom: 30px;
}

.service-side-bar-widget {
  margin-bottom: 30px;
  background-color: #FEF9EB;
}

.service-side-bar-widget .title {
  font-size: 20px;
  color: #000000;
  padding: 15px 0;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-left: 30px;
  border-bottom: 3px solid #C38F60;
}

.service-side-bar-widget .service-side-bar-categories {
  padding: 10px 15px 20px;
}

.service-side-bar-widget .service-side-bar-categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.service-side-bar-widget .service-side-bar-categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ededed;
}

.service-side-bar-widget .service-side-bar-categories ul li a {
  display: inline-block;
  color: #676767;
  font-weight: normal;
  padding: 7px 20px;
  font-weight: 500;
}

.service-side-bar-widget .service-side-bar-categories ul li a:hover {
  color: #000000;
}

.service-side-bar-widget .service-side-bar-categories ul li span {
  padding: 7px 15px;
  float: right;
  color: #000000;
  font-weight: 500;
}

.side-bar-profile {
  padding: 30px 20px;
  text-align: center;
  background-color: #FEF9EB;
  margin-bottom: 30px;
}

.side-bar-profile img {
  border-radius: 50%;
  margin-bottom: 15px;
}

.side-bar-profile h3 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 5px;
}

.side-bar-profile span {
  color: #676767;
}

.side-bar-profile p {
  margin-top: 10px;
  color: #000000;
  margin-bottom: 15px;
}

.side-bar-profile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-bar-profile ul li {
  display: inline-block;
}

.side-bar-profile ul li a {
  background-color: #C38F60;
  width: 30px;
  height: 30px;
  color: #ffffff;
  line-height: 32px;
  border-radius: 50px;
  margin: 0 2px;
}

.side-bar-profile ul li a:hover {
  background-color: #8567FE;
  color: #ffffff;
}

/*=================================
Service Area End
====================================*/
/*=================================
Gallery Area 
====================================*/
.gallery-tab {
  margin-top: 45px;
}

.gallery-tab .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  border-radius: 50px;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-tab .tabs li {
  display: inline-block;
  line-height: initial;
  border-radius: 50px;
}

.gallery-tab .tabs li a {
  display: inline-block;
  position: relative;
  color: #676767;
  padding: 12px 25px;
  border-radius: 50px;
}

.gallery-tab .tabs li a:focus {
  color: #ffffff;
  background-color: #FD8980;
}

.gallery-tab .tabs li.active a {
  color: #ffffff;
  background-color: #FD8980;
}

.gallery-tab .tabs li.current a {
  color: #ffffff;
  background-color: #FD8980;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.gallery-content {
  background-color: #ffffff;
  padding: 86px 30px;
  margin-bottom: 30px;
}

.gallery-content h2 {
  font-size: 35px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.gallery-content p {
  margin-bottom: 30px;
}

.gallery-content .gallery-content-icon .gallery-icon {
  color: #FD8980;
  font-size: 17px;
  position: relative;
  padding-left: 60px;
}

.gallery-content .gallery-content-icon .gallery-icon:hover {
  color: #000000;
}

.gallery-content .gallery-content-icon .gallery-icon i {
  font-size: 55px;
  position: absolute;
  left: 0;
  line-height: 1;
}

.gallery-img {
  margin-bottom: 30px;
}

.gallery-slider {
  position: relative;
}

.gallery-slider .owl-nav {
  margin-top: 0px;
  bottom: 32px;
  position: absolute;
  right: 41%;
  background-color: #ffffff;
  padding: 10px 25px;
}

.gallery-slider .owl-nav .owl-prev {
  font-size: 20px !important;
  width: 40px;
  border-radius: 0;
  height: 40px;
  line-height: 40px;
  border: 1px solid #0E1C2C !important;
  background-color: transparent !important;
  color: #0E1C2C !important;
}

.gallery-slider .owl-nav .owl-prev:hover {
  background-color: #0E1C2C !important;
  color: #ffffff !important;
}

.gallery-slider .owl-nav .owl-next {
  font-size: 20px !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  border: 1px solid #0E1C2C !important;
  background-color: transparent !important;
  color: #0E1C2C !important;
}

.gallery-slider .owl-nav .owl-next:hover {
  background-color: #0E1C2C !important;
  color: #ffffff !important;
}

.gallery-item .gallery-item-content {
  background-color: #ffffff;
  padding: 55.5px 30px;
  margin-bottom: 30px;
}

.gallery-item .gallery-item-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
}

.gallery-item .gallery-item-content p {
  margin-bottom: 20px;
}

.gallery-item .gallery-item-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gallery-item .gallery-item-content ul li {
  display: block;
  margin-bottom: 5px;
}

.gallery-item .gallery-item-content ul li:last-child {
  margin-bottom: 0;
}

.gallery-item .gallery-item-content ul li a {
  display: block;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
}

.gallery-item .gallery-item-content ul li a i {
  margin-right: 5px;
}

.gallery-item .gallery-item-content ul li a:hover {
  color:#0E1C2C;
}

.single-gallery {
  position: relative;
  margin-bottom: 30px;
}

.single-gallery:hover .gallery-icon {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-gallery:hover img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.single-gallery .gallery-icon {
  position: absolute;
  text-align: center;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 20px;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 0 7px 0 7px;
  line-height: 45px;
  background-color: #8567FE;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: .7s;
  transition: .7s;
}

.single-gallery .gallery-icon:hover {
  background-color: #FD8980;
  color: #ffffff;
}

.single-gallery .gallery-icon:hover::before {
  border-color: #FD8980;
}

.single-gallery .gallery-icon::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 7px 0 7px;
  left: 0;
  border: 1px solid #8567FE;
  -webkit-animation: scale 1s linear 2s infinite;
          animation: scale 1s linear 2s infinite;
}

/*=================================
Gallery Area End
====================================*/
/*=================================
Product Area 
====================================*/
.product-card {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background-color: #FEF9EB;
}

.product-card:hover {
  background-color: #ffffff;
}

.product-card:hover .product-content .product-btn {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.product-card a {
  display: block;
}

.product-card a img {
  text-align: center;
}

.product-card .product-content {
  padding: 30px 20px;
}

.product-card .product-content h3 {
  text-transform: capitalize;
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 20px;
}

.product-card .product-content h3 a {
  color: #676767;
}

.product-card .product-content h3 a:hover {
  color: #000000;
}

.product-card .product-content .rating {
  color: #FD8980;
  margin-bottom: 5px;
}

.product-card .product-content span {
  color: #C38F60;
  font-size: 18px;
}

.product-card .product-content .product-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 200px;
  margin: 0 auto;
  padding: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  list-style: none;
}

.product-card .product-content .product-btn li {
  display: inline-block;
  margin-right: 10px;
}

.product-card .product-content .product-btn li:last-child {
  margin-right: 0;
}

.product-card .product-content .product-btn li a {
  padding: 10px 20px;
  background-color: #C38F60;
  color: #ffffff;
  display: inline-block;
}

.product-card .product-content .product-btn li a:hover {
  background-color: #8567FE;
}

.product-detls-image {
  margin-bottom: 30px;
}

.product-desc {
  margin-bottom: 30px;
}

.product-desc h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
}

.product-desc .price {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
}

.product-desc .price .old-price {
  text-decoration: line-through;
  color: #676767;
  margin-left: 10px;
}

.product-desc .product-review {
  margin-bottom: 15px;
}

.product-desc .product-review .rating {
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
}

.product-desc .product-review .rating i {
  color: #ee8100;
}

.product-desc .product-review .rating-count {
  margin-left: 5px;
  display: inline-block;
  color: #676767;
  border-bottom: 1px solid #676767;
  line-height: initial;
}

.product-desc .product-review .rating-count:hover {
  color: #000000;
  border-color: #000000;
}

.product-desc p {
  margin-bottom: 0;
}

.product-desc .input-count-area h3 {
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  margin-right: 15px;
}

.product-desc .input-count-area .input-counter {
  margin-top: 10px;
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

.product-desc .input-count-area .input-counter span {
  position: absolute;
  top: 2px;
  background-color: transparent;
  cursor: pointer;
  color: #676767;
  width: 50px;
  height: 100%;
  line-height: 45px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-desc .input-count-area .input-counter span:hover {
  color: #000000;
}

.product-desc .input-count-area .input-counter .minus-btn {
  left: 0;
}

.product-desc .input-count-area .input-counter .plus-btn {
  right: 0;
}

.product-desc .input-count-area .input-counter input {
  height: 45px;
  color: #676767;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
}

.product-desc .product-add-btn {
  margin-top: 20px;
}

.product-desc .product-add-btn .default-btn {
  border: none;
  margin-right: 20px;
  border-radius: 0;
}

.product-desc .product-share {
  margin-top: 30px;
}

.product-desc .product-share ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.product-desc .product-share ul li {
  display: inline-block;
  margin: 0 3px;
}

.product-desc .product-share ul li span {
  color: #000000;
  margin-right: 5px;
  font-size: 16px;
}

.product-desc .product-share ul li a {
  width: 35px;
  height: 35px;
  background-color: #C38F60;
  font-size: 16px;
  color: #ffffff;
  line-height: 35px;
  border-radius: 50px;
  text-align: center;
}

.product-desc .product-share ul li a:hover {
  background-color: #8567FE;
}

.product .input-count-area .input-counter input::-webkit-input-placeholder {
  color: #676767;
}

.product .input-count-area .input-counter input:-ms-input-placeholder {
  color: #676767;
}

.product .input-count-area .input-counter input::-ms-input-placeholder {
  color: #676767;
}

.product .input-count-area .input-counter input::placeholder {
  color: #676767;
}

.product-tab {
  background-color: #FCF7F4;
}

.products-details-tab .tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}

.products-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 25px;
}

.products-details-tab .tabs li a {
  display: inline-block;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #676767;
  padding-bottom: 15px;
  border-bottom: 1px solid #b1acac;
}

.products-details-tab .tabs li a span {
  color: #FD8980;
}

.products-details-tab .tabs li a:focus {
  color: #000000;
  border-bottom: 1px solid #8567FE;
}

.products-details-tab .tabs li.active a {
  color: #000000;
  border-bottom: 1px solid #FD8980;
}

.products-details-tab .tabs li.active a span {
  color: #676767;
}

.products-details-tab .tabs li.current a {
  color: #000000;
  border-bottom: 1px solid #FD8980;
}

.products-details-tab .tabs li.current a span {
  color: #676767;
}

.products-tabs-decs {
  max-width: 840px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.products-tabs-decs p {
  color: #676767;
  font-weight: 600;
  margin-bottom: 30px;
}

.products-tabs-reviews ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.products-tabs-reviews ul li {
  position: relative;
  padding-bottom: 40px;
  padding-left: 200px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
}

.products-tabs-reviews ul li:last-child {
  margin-bottom: 0;
}

.products-tabs-reviews ul li img {
  position: absolute;
  top: 0;
  left: 90px;
}

.products-tabs-reviews ul li h3 {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}

.products-tabs-reviews ul li .content .rating {
  display: inline-block;
  color: #ee8100;
  margin-right: 20px;
  position: relative;
}

.products-tabs-reviews ul li .content .rating::before {
  content: '';
  position: absolute;
  top: 3px;
  right: -13px;
  width: 1px;
  height: 20px;
  background-color: #cccccc;
}

.products-tabs-reviews ul li .content span {
  margin-bottom: 10px;
  display: inline-block;
}

.products-tabs-reviews ul li p {
  margin-bottom: 0;
  max-width: 650px;
}

.reviews-form {
  margin-top: 35px;
}

.reviews-form .contact-form {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.reviews-form .contact-form h3 {
  text-align: center;
  font-size: 24px;
  color: #000000;
  margin-bottom: 10px;
}

.reviews-form .contact-form .form-group .form-control {
  background-color: #ffffff;
  border-radius: 0;
}

.reviews-form p {
  text-align: center;
  color: #676767;
  margin-bottom: 10px;
}

.reviews-form .rating {
  text-align: center;
  color: #FD8980;
  position: relative;
  margin-bottom: 30px;
}

/*=================================
Product Area End
====================================*/
/*=================================
Innovation Area 
====================================*/
.innovation-img {
  position: relative;
  z-index: 1;
  margin-top: 45px;
  margin-bottom: 75px;
  margin-left: 45px;
  margin-right: 45px;
}

.innovation-img .innovation-shape .shape1 {
  position: absolute;
  z-index: -1;
  bottom: -45px;
  left: -45px;
}

.innovation-img .innovation-shape .shape2 {
  position: absolute;
  z-index: -1;
  top: -45px;
  right: -45px;
}

.innovation-content {
  margin-bottom: 30px;
}

.innovation-content .section-title {
  margin-bottom: 20px;
}

.innovation-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.innovation-content ul li {
  display: block;
  margin-bottom: 5px;
}

.innovation-content ul li:hover {
  color: #FD8980;
}

.innovation-content ul li i {
  margin-right: 5px;
}

.innovation-content ul li:last-child {
  margin-bottom: 0;
}

.innovation-content .innovation-btn {
  margin-top: 30px;
}

.innovation-img-two {
  margin-bottom: 30px;
}

/*=================================
Innovation Area End
====================================*/
/*=================================
Testimonials Area
====================================*/
.testimonials-area {
  position: relative;
  margin-bottom: 20px;
}

.testimonials-area .section-title h2 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.testimonials-area .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.testimonials-area .owl-dots .owl-dot span {
  background-color: transparent !important;
  width: 12px !important;
  height: 12px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  border: 1px solid #FD8980;
}

.testimonials-area .owl-dots .owl-dot.active span {
  background-color: #FD8980 !important;
}

.testimonials-area .owl-dots .owl-dot:hover span {
  background-color: #FD8980 !important;
}

.testimonials-item {
  background-color: #FEF9EB;
  padding: 30px;
  margin-bottom: 30px;
}

.testimonials-item:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.testimonials-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.testimonials-item ul li {
  padding-left: 95px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 30px;
}

.testimonials-item ul li img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.testimonials-item ul li .content h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.testimonials-item ul li .content span {
  margin-bottom: 0;
}

.testimonials-item p {
  max-width: 460px;
  margin-bottom: 0;
}

.testimonials-item p i {
  color: #FD8980;
}

.testimonials-img {
  position: relative;
  z-index: 1;
  margin: 45px 45px 75px;
}

.testimonials-img .testimonials-shape .shape1 {
  position: absolute;
  z-index: -1;
  bottom: -45px;
  left: -45px;
}

.testimonials-img .testimonials-shape .shape2 {
  position: absolute;
  z-index: -1;
  top: -45px;
  right: -45px;
}

.testimonials-area-three .section-title {
  margin-bottom: 30px;
}

.testimonials-slider-two .owl-dots {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}

.testimonials-slider-two .owl-dots .owl-dot span {
  background-color: transparent !important;
  width: 12px !important;
  height: 12px !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  border: 1px solid #8567FE;
}

.testimonials-slider-two .owl-dots .owl-dot.active span {
  background-color: #8567FE !important;
}

.testimonials-slider-two .owl-dots .owl-dot:hover span {
  background-color: #8567FE !important;
}

.testimonials-card {
  margin-bottom: 30px;
}

.testimonials-card p {
  max-width: 460px;
  margin-bottom: 15px;
}

.testimonials-card p i {
  color: #8567FE;
}

.testimonials-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.testimonials-card ul li {
  padding-left: 95px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 30px;
}

.testimonials-card ul li img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.testimonials-card ul li .content h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.testimonials-card ul li .content span {
  margin-bottom: 0;
}

.testimonials-client {
  position: relative;
  z-index: 1;
  width: 700px;
  height: 700px;
}

.testimonials-client::before {
  content: '';
  position: absolute;
  top: 110px;
  left: 16%;
  right: 16%;
  margin: 0 auto;
  width: 490px;
  height: 490px;
  text-align: center;
  background-color: transparent;
  border: 90px solid #DBD2FF;
  border-radius: 50%;
}

.testimonials-client::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 700px;
  height: 700px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #DBD2FF;
  border-radius: 50%;
}

.testimonials-client .testimonials-client-icon {
  position: absolute;
  top: 45%;
  left: 46%;
  right: 46%;
  font-size: 45px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: #8567FE;
  text-align: center;
  color: #ffffff;
  line-height: 85px;
  border-radius: 50px;
}

.testimonials-client .testimonials-client-img .client1 {
  position: absolute;
  left: 10px;
  top: 10%;
  -webkit-animation: pulse 3s infinite linear;
          animation: pulse 3s infinite linear;
}

.testimonials-client .testimonials-client-img .client1 img {
  border-radius: 50%;
}

.testimonials-client .testimonials-client-img .client2 {
  position: absolute;
  left: 2%;
  top: 70%;
  -webkit-animation: pulse 5s infinite linear;
          animation: pulse 5s infinite linear;
}

.testimonials-client .testimonials-client-img .client2 img {
  border-radius: 50%;
}

.testimonials-client .testimonials-client-img .client3 {
  position: absolute;
  left: 30%;
  bottom: 13%;
  -webkit-animation: pulse 3s infinite linear;
          animation: pulse 3s infinite linear;
}

.testimonials-client .testimonials-client-img .client3 img {
  border-radius: 50%;
}

.testimonials-client .testimonials-client-img .client4 {
  position: absolute;
  right: 20%;
  bottom: 5%;
  -webkit-animation: pulse 7s infinite linear;
          animation: pulse 7s infinite linear;
}

.testimonials-client .testimonials-client-img .client4 img {
  border-radius: 50%;
}

.testimonials-client .testimonials-client-img .client5 {
  position: absolute;
  right: 20%;
  top: 0;
  -webkit-animation: pulse 5s infinite linear;
          animation: pulse 5s infinite linear;
}

.testimonials-client .testimonials-client-img .client5 img {
  border-radius: 50%;
}

.testimonials-client .testimonials-client-img .client6 {
  position: absolute;
  right: -5%;
  bottom: 30%;
  -webkit-animation: pulse 3s infinite linear;
          animation: pulse 3s infinite linear;
}

.testimonials-client .testimonials-client-img .client6 img {
  border-radius: 50%;
}

/*=================================
Testimonials Area End
====================================*/
/*=================================
Team Area
====================================*/
.team-bg {
  background-color: #FCF7F4;
}

.team-card {
  background-color: #ffffff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}

.team-card:hover .team-img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.team-card:hover .team-img .team-social li a {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.team-card .team-img {
  position: relative;
}

.team-card .team-img a {
  display: block;
}

.team-card .team-img .team-social {
  position: absolute;
  right: 20px;
  top: 25%;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.team-card .team-img .team-social li {
  display: block;
  margin-bottom: 10px;
}

.team-card .team-img .team-social li a {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.team-card .team-img .team-social li:nth-child(1) a {
  background-color: #3b5998;
}

.team-card .team-img .team-social li:nth-child(1) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .team-img .team-social li:nth-child(2) a {
  background-color: #55acee;
}

.team-card .team-img .team-social li:nth-child(2) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .team-img .team-social li:nth-child(3) a {
  background-color: #3f729b;
}

.team-card .team-img .team-social li:nth-child(3) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .team-img .team-social li:nth-child(4) a {
  background-color: #ff0000;
}

.team-card .team-img .team-social li:nth-child(4) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .team-img .team-social li:nth-child(5) a {
  background-color: #c80000;
}

.team-card .team-img .team-social li:nth-child(5) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.team-card .content {
  padding: 20px;
}

.team-card .content h3 {
  margin-bottom: 5px;
}

.team-card .content h3 a {
  color: #000000;
  display: block;
}

.team-card .content span {
  margin-bottom: 0;
}

/*=================================
Team Area End
====================================*/
/*=================================
Agent Area 
====================================*/
.agent-img {
  margin-bottom: 30px;
}

.agent-content {
  margin-bottom: 30px;
}

.agent-content h3 {
  font-size: 26px;
  margin-bottom: 5px;
  font-weight: 500;
}

.agent-content span {
  font-size: 16px;
  color: #676767;
}

.agent-content .agent-list {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}

.agent-content .agent-list li {
  display: block;
  color: #676767;
  margin-bottom: 10px;
}

.agent-content .agent-list li:last-child {
  margin-bottom: 0;
}

.agent-content .agent-list li a {
  color: #676767;
}

.agent-content .agent-list li a:hover {
  color: #8567FE;
}

.agent-content .social-link {
  margin: 0;
  padding: 0;
  list-style: none;
}

.agent-content .social-link li {
  display: inline-block;
  margin: 3px;
}

.agent-content .social-link li.title {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
}

.agent-content .social-link li a {
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
}

.agent-content .social-link li:nth-child(2) a {
  background-color: #5E81CC;
}

.agent-content .social-link li:nth-child(2) a:hover {
  background-color: #000000;
}

.agent-content .social-link li:nth-child(3) a {
  background-color: #62E1FB;
}

.agent-content .social-link li:nth-child(3) a:hover {
  background-color: #000000;
}

.agent-content .social-link li:nth-child(4) a {
  background-color: #00A2F3;
}

.agent-content .social-link li:nth-child(4) a:hover {
  background-color: #000000;
}

.agent-content .social-link li:nth-child(5) a {
  background-color: #FF3681;
}

.agent-content .social-link li:nth-child(5) a:hover {
  background-color: #000000;
}

.agent-text {
  margin-bottom: 30px;
}

.agent-text h2 {
  font-size: 26px;
  color: #000000;
  margin-bottom: 20px;
  padding-bottom: 10px;
  position: relative;
}

.agent-text h2::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 2px;
  left: 0;
  background-color: #8567FE;
}

.agent-text p {
  margin-bottom: 20px;
}

.agent-item {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.agent-item .content {
  padding: 20px;
  text-align: center;
  background-color: #FEF9EB;
}

.agent-item .content h3 {
  margin-bottom: 5px;
  color: #000000;
}

.agent-item .content span {
  margin-bottom: 0;
}

.agent-item .content .social-link {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.agent-item .content .social-link li {
  display: inline-block;
  margin: 3px;
}

.agent-item .content .social-link li a {
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
}

.agent-item .content .social-link li:nth-child(1) a {
  background-color: #5E81CC;
}

.agent-item .content .social-link li:nth-child(1) a:hover {
  background-color: #000000;
}

.agent-item .content .social-link li:nth-child(2) a {
  background-color: #62E1FB;
}

.agent-item .content .social-link li:nth-child(2) a:hover {
  background-color: #000000;
}

.agent-item .content .social-link li:nth-child(3) a {
  background-color: #00A2F3;
}

.agent-item .content .social-link li:nth-child(3) a:hover {
  background-color: #000000;
}

.agent-item .content .social-link li:nth-child(4) a {
  background-color: #FF3681;
}

.agent-item .content .social-link li:nth-child(4) a:hover {
  background-color: #000000;
}

/*=================================
Agent Area End
====================================*/
/*=================================
Blog Area 
====================================*/
.blog-card {
  background-color: #FEF9EB;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin-bottom: 30px;
}

.blog-card:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  background-color: #ffffff;
}

.blog-card:hover .content h3 a {
  color: #FD8980;
}

.blog-card a {
  display: block;
}

.blog-card .content {
  padding: 30px 20px;
}

.blog-card .content span {
  font-size: 15px;
  color: #676767;
}

.blog-card .content h3 {
  margin-top: 5px;
  margin-bottom: 0;
}

.blog-card .content h3 a {
  color: #000000;
}

.blog-card .content p {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 300px;
}

.blog-card .content .read-more-btn {
  display: block;
  color: #676767;
}

.blog-card .content .read-more-btn:hover {
  color: #C38F60;
  letter-spacing: 0.25px;
}

.blog-card-color:hover .content h3 a {
  color: #C38F60;
}

.blog-card-color:hover .content .read-more-btn {
  color: #C38F60;
}

.blog-item {
  margin-bottom: 30px;
  background-color: #FCF7F4;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.blog-item a {
  display: block;
}

.blog-item a img {
  border-radius: 15px 15px 0 0;
}

.blog-item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  background-color: #ffffff;
}

.blog-item:hover .content h3 a {
  color: #8567FE;
}

.blog-item:hover .content .read-btn {
  color: #ffffff;
  background-color: #8567FE;
}

.blog-item .content {
  padding: 20px 20px 30px;
  position: relative;
}

.blog-item .content span {
  position: absolute;
  left: 20px;
  top: 30px;
  font-size: 15px;
  color: #676767;
}

.blog-item .content ul {
  position: absolute;
  right: 20px;
  top: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-item .content ul li {
  display: inline-block;
  font-size: 15px;
  color: #676767;
  margin-right: 20px;
}

.blog-item .content ul li:last-child {
  margin-right: 0;
}

.blog-item .content ul li i {
  margin-right: 5px;
}

.blog-item .content h3 {
  margin-top: 50px;
  margin-bottom: 20px;
}

.blog-item .content h3 a {
  color: #000000;
}

.blog-item .content .read-btn {
  display: block;
  color: #676767;
  padding: 7px 18px;
  border: 1px solid #8567FE;
  border-radius: 50px;
  display: inline-block;
}

.blog-item .content .read-btn:hover {
  color: #ffffff;
  background-color: #8567FE;
}

.blog-article {
  margin-bottom: 30px;
}

.blog-article .blog-article-img {
  margin-bottom: 30px;
}

.blog-article .blog-status {
  padding-bottom: 20px;
  border-bottom: 2px solid #FEF9EB;
  margin-bottom: 30px;
}

.blog-article .blog-status ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog-article .blog-status ul li {
  display: inline-block;
  color: #676767;
  margin-right: 30px;
  position: relative;
}

.blog-article .blog-status ul li::before {
  content: '';
  position: absolute;
  top: 3px;
  width: 1px;
  height: 20px;
  background-color: #e0dde3;
  right: -20px;
}

.blog-article .blog-status ul li:last-child {
  margin-right: 0;
}

.blog-article .blog-status ul li:last-child::before {
  display: none;
}

.blog-article .blog-status ul li a {
  color: #C38F60;
  display: inline-block;
}

.blog-article .blog-status ul li a:hover {
  color: #676767;
}

.blog-article .blog-status .blog-comment {
  float: right;
}

.blog-article .blog-status .blog-comment h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.blog-article .blog-status .blog-comment h3 i {
  color: #C38F60;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-article .article-content h2 {
  font-size: 26px;
  margin-bottom: 20px;
}

.blog-article .article-content p {
  margin-bottom: 20px;
}

.blog-article .article-content .blockquote {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-top: 40px;
  background-color: #FEF9EB;
  padding: 30px;
}

.blog-article .article-content .blockquote::before {
  content: '\ee34';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 120px;
  font-weight: 400;
  color: #ffffff;
  font-family: boxicons;
  line-height: 0;
}

.blog-article .article-content .blockquote::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  text-align: center;
  font-size: 50px;
  font-weight: 400;
  background-color: #C38F60;
}

.blog-article .article-content .blockquote p {
  font-size: 20px;
  color: #676767;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 20px;
}

.blog-article .another-content p {
  margin-bottom: 20px;
}

.blog-article .another-content .content-img {
  margin-top: 40px;
  margin-bottom: 30px;
}

.blog-article .blog-article-share {
  margin-top: 30px;
  border-bottom: 1px solid #e0dde3;
  padding-bottom: 30px;
}

.blog-article .blog-article-share .social-icon {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-article .blog-article-share .social-icon li {
  display: inline-block;
  margin-right: 5px;
  color: #000000;
}

.blog-article .blog-article-share .social-icon li:first-child {
  margin-right: 15px;
  font-weight: 600;
}

.blog-article .blog-article-share .social-icon li a {
  width: 30px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  background-color: #C38F60;
  color: #ffffff;
  border-radius: 3px;
}

.blog-article .blog-article-share .social-icon li a:hover {
  background-color: #8567FE;
  color: #ffffff;
}

.blog-article .comments-wrap {
  padding-top: 30px;
}

.blog-article .comments-wrap .title {
  font-size: 26px;
  margin-bottom: 30px;
  color: #000000;
  font-weight: 500;
}

.blog-article .comments-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-article .comments-wrap ul li {
  position: relative;
  padding: 30px;
  padding-left: 140px;
  margin-bottom: 30px;
  background-color: #FEF9EB;
}

.blog-article .comments-wrap ul li:last-child {
  margin-bottom: 0;
}

.blog-article .comments-wrap ul li img {
  position: absolute;
  top: 30px;
  left: 30px;
}

.blog-article .comments-wrap ul li h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.blog-article .comments-wrap ul li span {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  color: #8b8b8b;
}

.blog-article .comments-wrap ul li p {
  margin-bottom: 0;
}

.blog-article .comments-wrap ul li a {
  position: absolute;
  top: 27px;
  right: 30px;
  color: #C38F60;
  font-weight: 600;
}

.blog-article .comments-wrap ul li a:hover {
  color: #8567FE;
}

.blog-article .comments-form {
  margin-top: 40px;
}

.blog-article .comments-form .contact-form h2 {
  font-size: 26px;
  margin-bottom: 30px;
}

.blog-article .comments-form .contact-form .form-group .form-control {
  border-color: #988ea1;
  background-color: transparent;
  border-radius: 0;
}

.side-bar-wrap {
  margin-bottom: 30px;
}

.side-bar-widget {
  margin-bottom: 30px;
}

.search-widget {
  margin-bottom: 30px;
  background-color: #FEF9EB;
  padding: 20px;
}

.search-widget .search-form {
  position: relative;
}

.search-widget .search-form .form-control {
  height: 50px;
  border: 1px solid #988ea1;
  background-color: #ffffff;
  padding: 10px 20px;
  width: 100%;
  border-radius: 0;
}

.search-widget .search-form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0;
}

.search-widget .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background-color: #C38F60;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: none;
  outline: none;
}

.search-widget .search-form button i {
  color: #ffffff;
}

.search-widget .search-form button:hover {
  background-color: #8567FE;
}

.side-bar-widget {
  margin-bottom: 30px;
  background-color: #FEF9EB;
}

.side-bar-widget .title {
  font-size: 20px;
  color: #000000;
  padding: 15px 0;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-left: 30px;
  border-bottom: 3px solid #C38F60;
}

.side-bar-widget .side-bar-categories {
  padding: 10px 15px 20px;
}

.side-bar-widget .side-bar-categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.side-bar-widget .side-bar-categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ededed;
}

.side-bar-widget .side-bar-categories ul li a {
  display: inline-block;
  color: #676767;
  font-weight: normal;
  padding: 7px 20px;
  font-weight: 500;
}

.side-bar-widget .side-bar-categories ul li a:hover {
  color: #000000;
}

.side-bar-widget .side-bar-categories ul li span {
  padding: 7px 15px;
  float: right;
  color: #000000;
  font-weight: 500;
}

.side-bar-widget .widget-popular-post {
  position: relative;
  overflow: hidden;
  padding: 20px  30px 30px;
}

.side-bar-widget .widget-popular-post .item {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.side-bar-widget .widget-popular-post .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.side-bar-widget .widget-popular-post .item .thumb {
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: 15px;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: #676767;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1 {
  background-image: url(../img/blog/blog-img1.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg2 {
  background-image: url(../img/blog/blog-img2.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3 {
  background-image: url(../img/blog/blog-img3.jpg);
}

.side-bar-widget .widget-popular-post .item .info {
  overflow: hidden;
}

.side-bar-widget .widget-popular-post .item .info .title-text {
  margin-bottom: 5px;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 500;
}

.side-bar-widget .widget-popular-post .item .info .title-text a {
  display: inline-block;
  color: #000000;
}

.side-bar-widget .widget-popular-post .item .info .title-text a:hover {
  color: #FD8980;
}

.side-bar-widget .widget-popular-post .item .info p {
  font-size: 14px;
  margin-bottom: 0;
  max-width: 180px;
}

.side-bar-widget .side-bar-widget-tag {
  list-style: none;
  margin: 0;
  padding: 10px 20px 20px;
}

.side-bar-widget .side-bar-widget-tag li {
  display: inline-block;
  padding: 7px 15px;
  margin: 5px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  color: #676767;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #cbcbcb;
}

.side-bar-widget .side-bar-widget-tag li:hover {
  background-color: #000000;
  border-color: #000000;
}

.side-bar-widget .side-bar-widget-tag li a {
  color: #676767;
}

.side-bar-widget .side-bar-widget-tag li:hover a {
  color: #ffffff;
}

/*=================================
Blog Area End
====================================*/
/*==================================
Faq Area 
=================================*/
.faq-accordion {
  max-width: 470px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  background-color: #ffffff;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 10px 60px 7px 20px;
  color: #232350;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 15px;
  top: 8px;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 24px;
  width: 30px;
  height: 30px;
  color: #000000;
  border-radius: 50px;
  border: 1px solid #000000;
  text-align: center;
  line-height: 30px;
  background-color: transparent;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 8px;
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: 0;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
  font-size: 15px;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

/*==================================
Faq Area End
=================================*/
/*==============================
Pagination Area 
=================================*/
.pagination-area {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  background-color: #FD8980;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 18px;
  border-radius: 0;
}

.pagination-area .page-numbers:hover {
  background-color: #8567FE;
}

.pagination-area .page-numbers i {
  position: relative;
  font-size: 25px;
  top: 5px;
}

.pagination-area .page-numbers.current {
  background-color: #8567FE;
}

/*==============================
Pagination Area End
=================================*/
/*=================================
Contact Area 
====================================*/
.contact-area .section-title {
  margin-bottom: 40px;
}

.contact-area .section-title p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form {
  max-width: 800px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form .form-group {
  margin-bottom: 25px;
  position: relative;
}

.contact-form .form-group.checkbox-option {
  position: relative;
}

.contact-form .form-group.checkbox-option #chb2 {
  position: absolute;
  top: 6px;
  left: 0;
}

.contact-form .form-group.checkbox-option p {
  padding-left: 25px;
  font-size: 15px;
}

.contact-form .form-group.checkbox-option p a {
  color: #C38F60;
}

.contact-form .form-group.checkbox-option p a:hover {
  color: #8567FE;
}

.contact-form .form-group .form-control {
  height: 50px;
  color: #676767;
  border: 1px solid #ebebeb;
  background-color: #f8f9fb;
  font-size: 14px;
  padding: 10px 20px;
  width: 100%;
}

.contact-form .form-group .form-control:focus {
  outline: none;
  border-color: #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-form .form-group textarea.form-control {
  height: auto;
}

.contact-form .with-errors {
  float: left;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #f00;
  font-weight: 400;
  display: block;
}

.contact-form .text-danger {
  font-size: 18px;
  margin-top: 15px;
}

.contact-form .default-btn {
  border: 0;
  outline: none;
  padding: 14px 60px;
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #676767;
}

.contact-form .form-group .form-control:-ms-input-placeholder {
  color: #676767;
}

.contact-form .form-group .form-control::-ms-input-placeholder {
  color: #676767;
}

.contact-form .form-group .form-control::placeholder {
  color: #676767;
}

/*=================================
Contact Area End
====================================*/
/*=================================
User All Form
====================================*/
.user-all-form {
  margin-bottom: 30px;
}

.user-all-form .contact-form {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 50px 40px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
}

.user-all-form .contact-form .section-title {
  margin-bottom: 30px;
}

.user-all-form .contact-form .agree-label label {
  font-weight: 500;
  color: #000000;
  margin-left: 10px;
}

.user-all-form .contact-form .forget {
  margin-bottom: 15px;
  float: right;
  color: #000000;
  font-weight: 500;
}

.user-all-form .contact-form .forget:hover {
  color: #FD8980;
}

.user-all-form .contact-form .account-desc {
  margin-top: 15px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}

.user-all-form .contact-form .account-desc a {
  color: #000000;
}

.user-all-form .contact-form .account-desc a:hover {
  color: #FD8980;
}

/*=================================
User All Form End
====================================*/
.terms-conditions-img {
  margin-bottom: 30px;
}

.single-content {
  margin-bottom: 30px;
}

.single-content h3 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 15px;
}

.single-content p {
  margin-bottom: 15px;
}

.appointment-area {
  background-color: #FEF9EB;
}

.appointment-area .section-title p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.appointment-form .contact-form {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/*=================================
Map Area 
====================================*/
.map-area iframe {
  display: block;
  width: 100%;
  height: 400px;
}

/*=================================
Map Area End
====================================*/
/*=================================
404 Error Area
===================================*/
.error-area .error-content {
  text-align: center;
  position: relative;
  padding-top: 140px;
  padding-bottom: 140px;
}

.error-area .error-content h1 {
  font-size: 300px;
  line-height: 0.7;
  font-weight: 700;
  color: #8567FE;
}

.error-area .error-content h1 span {
  color: #FD8980;
}

.error-area .error-content h3 {
  margin: 30px 0 0;
  position: relative;
  color: #000000;
  font-size: 35px;
}

.error-area .error-content p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}

/*=================================
404 Error Area End
===================================*/
/*================================== 
Coming Soon Area 
====================================*/
.coming-soon-area {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background-image: url(../img/inner-banner/inner-banner9.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding: 50px 30px;
  background-color: #FEF9EB;
  border: 3px solid #c38f608c;
}

.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: #000000;
  font-size: 60px;
}

.coming-soon-area .coming-soon-content p {
  font-size: 16px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 20px;
}

.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: #000000;
  position: relative;
  margin-left: 35px;
  margin-right: 35px;
  font-size: 45px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -15px;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}

.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: #ffffff;
  padding-left: 15px;
  color: #ffffff;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
  border: 1px solid #cccccc;
  color: #5d5d5d;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
  border-color: #000000;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  border: 0;
  outline: 0;
  border-radius: 0 !important;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form button::after {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button:hover {
  color: #ffffff;
  background-color: #190f3c;
}

.coming-soon-area .coming-soon-content ul {
  list-style: none;
  margin-top: 30px;
  padding: 0;
}

.coming-soon-area .coming-soon-content ul li {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 18px;
  background-color: #FD8980;
  color: #ffffff;
  border-radius: 50px;
  margin-right: 10px;
}

.coming-soon-area .coming-soon-content ul li a {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content ul li:hover {
  background-color: #8567FE;
}

.coming-soon-area #validator-newsletter {
  text-align: left;
  color: #dc3545 !important;
}

/*================================== 
Coming Soon Area End
====================================*/
/*=================================
Footer Area 
====================================*/
.footer-widget {
  margin-bottom: 30px;
}

.footer-widget .footer-logo {
  margin-bottom: 20px;
}

.footer-widget h3 {
  margin-top: 12px;
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
}

.footer-widget p {
  margin-bottom: 20px;
}

.footer-widget .social-link {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-widget .social-link li {
  display: inline-block;
  margin-right: 5px;
}

.footer-widget .social-link li a {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
  color: #ffffff;
}

.footer-widget .social-link li:nth-child(1) a {
  background-color: #3b5998;
}

.footer-widget .social-link li:nth-child(1) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.footer-widget .social-link li:nth-child(2) a {
  background-color: #55acee;
}

.footer-widget .social-link li:nth-child(2) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.footer-widget .social-link li:nth-child(3) a {
  background-color: #3f729b;
}

.footer-widget .social-link li:nth-child(3) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.footer-widget .social-link li:nth-child(4) a {
  background-color: #ff0000;
}

.footer-widget .social-link li:nth-child(4) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.footer-widget .social-link li:nth-child(5) a {
  background-color: #c80000;
}

.footer-widget .social-link li:nth-child(5) a:hover {
  background-color: #000000;
  -webkit-animation: tada 1s linear;
          animation: tada 1s linear;
}

.footer-widget .footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-widget .footer-list li {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.footer-widget .footer-list li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-list li a {
  color: white;
  font-weight: 500;
}

.footer-widget .footer-list li a i {
  font-size: 18px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.footer-widget .footer-list li a:hover {
  color: white;
}

.footer-widget .footer-list-two {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-widget .footer-list-two li {
  display: block;
  color: white;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
}

.footer-widget .footer-list-two li i {
  color: white;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 20px;
}

.footer-widget .footer-list-two li a {
  color: white;
}

.footer-widget .footer-list-two li:hover {
  color: white;
}

.footer-widget .footer-list-two li:hover i {
  color: white;
}

.footer-widget .footer-list-two li:hover a {
  color: white;
}

.footer-widget .newsletter-form {
  position: relative;
  border-radius: 50px;
}

.footer-widget .newsletter-form .form-control {
  background: #ffffff;
  color: #000000;
  height: 52px;
  line-height: 52px;
  margin: 0;
  border-radius: 50px;
  border: none;
  padding: 0 25px;
  width: 90%;
}

.footer-widget .newsletter-form .form-control:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.footer-widget .newsletter-form .default-btn {
  margin-top: 15px;
  outline: none;
  border: 0;
  padding: 12px 50px;
}

.footer-widget .newsletter-form .validation-danger {
  font-size: 16px;
  margin-top: 15px;
  color: red;
}

.footer-widget .newsletter-form .form-control::-webkit-input-placeholder {
  color: #000000;
}

.footer-widget .newsletter-form .form-control:-ms-input-placeholder {
  color: #000000;
}

.footer-widget .newsletter-form .form-control::-ms-input-placeholder {
  color: #000000;
}

.footer-widget .newsletter-form .form-control::placeholder {
  color: #000000;
}

.copy-right-area {
  padding: 15px;
  background-color: #000000;
}

.copy-right-area .copy-right-text p {
  color: #ffffff;
  margin-bottom: 0;
}

.copy-right-area .copy-right-text p a {
  color: #FD8980;
  border-bottom: 1px solid #FD8980;
}

.copy-right-area .copy-right-text p a:hover {
  color: #ffffff;
  border-color: #ffffff;
}

/*=================================
Footer Area End
====================================*/
/*==================================
Back To Top Button 
=====================================*/
#toTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  z-index: 99;
}

.top-btn {
  background-color: #FD8980;
  color: #ffffff;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px #FD8980;
          box-shadow: 0 0 15px #FD8980;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  -webkit-transition: .9s;
  transition: .9s;
}

.top-btn:hover {
  background-color: #000000;
  -webkit-box-shadow: 0 0 15px #000000;
          box-shadow: 0 0 15px #000000;
  color: #fff;
}

/*==============================
Back To Top Button 
=================================*/
/*==================================
Preloader CSS 
=====================================*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #000000;
}

.spinner {
  color: #ffffff;
  width: 80px;
  height: 80px;
  margin: 100px auto;
  text-align: center;
  position: relative;
}

.spinner i {
  font-size: 40px;
  color: #ffffff;
  list-style: 80px;
  text-align: center;
  margin: 0 auto;
  border-radius: 50px;
  -webkit-animation: opacity-option 1.2s infinite ease-in-out;
          animation: opacity-option 1.2s infinite ease-in-out;
}

.spinner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 50px;
  -webkit-animation: scale 2s infinite ease-in-out;
          animation: scale 2s infinite ease-in-out;
}

/*==================================
Preloader CSS End
=====================================*/
/*==================================
Animation CSS
====================================*/
@-webkit-keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}

@keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
}

@-webkit-keyframes opacity-option {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .05;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opacity-option {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .05;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
/*# sourceMappingURL=style.css.map */


/*# top developer  */
.developer-logos {
  width: 100%;
  padding: 20px 0;
}

.logo-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap; /* Allows wrapping for smaller screens */
  gap: 10px; /* Space between logos */
}

.logo-container img {
  max-width: 100%;
  height: auto;
  flex: 1;
  max-width: 250px; /* Adjust the maximum width as needed */
  object-fit: contain; /* Ensures images maintain their aspect ratio */
}

@media (max-width: 768px) {
  .logo-container img {
    max-width: 120px; /* Resize logos for smaller screens */
  }
}

#gallery {
  padding: 50px 0;
 
}

.gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
  justify-items: center;
}

.gallery-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}




/* Property area styling */
/* Section Styling */
.transform-section {
  background-color: #dcd1aa;
  padding: 40px 0;
}

.property-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  background-color: #fff; /* White background to create boxed effect */
  border-radius: 10px;    /* Rounded corners */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for a lifted effect */
}

h2 {
  font-size: 2.5em;
  color: #333;
  margin-bottom: 20px;
}

p {
  font-size: 1.1em;
  color: #333;
  margin-bottom: 40px;
}

/* Space Item Styling */
.space-item {
  margin-bottom: 30px;
  background-color: #f9f9f9; /* Light background for each space item */
  padding: 20px;
  border-radius: 8px; /* Rounded corners for each box */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow around space items */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.space-item:hover {
  transform: translateY(-10px); /* Lift the box on hover */
}

.space-item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.space-item h3 {
  font-size: 1.8em;
  color: #333;
  margin-top: 15px;
}

.space-item p {
  font-size: 1.1em;
  color: #333;
  margin-top: 10px;
}

/* Responsive Layout */
@media (min-width: 768px) {
  .property-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
  }

  .space-item {
    width: 30%; /* 3 items in a row */
  }
}

@media (max-width: 768px) {
  .space-item {
    width: 100%; /* Stack items on smaller screens */
  }
}
/* Read More Button Styling */
.read-more-btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #708238; /* Button background color */
  color: white;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px; /* Rounded corners */
  margin-top: 15px;
  transition: background-color 0.3s ease;
}

.read-more-btn:hover {
  background-color: white; /* Darker blue on hover */
  color:#708238;
}



/* About Us Section Styling */
.about-us-banner {
  background-color: #8b590d; /* Set background color */
  padding: 60px 0; /* Adjust the top and bottom padding for spacing */
  color: white; /* Text color */
}

/* Background Section */
.about-us-bg {
  padding: 20px 0; /* Padding to keep content centered */
}

.about-us-content {
  text-align: center; /* Center text */
  max-width: 900px; /* Limit the width of content */
  margin: 0 auto; /* Center the content in the container */
}

.about-us-content span {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.about-us-content h1 {
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 20px;
  color:white;
}

.about-us-content p {
  font-size: 1.1em;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #fff;
}

.about-us-btn .about-us-btn-link {
  background-color: #333; /* Button color */
  color: white;
  padding: 12px 30px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.about-us-btn .about-us-btn-link:hover {
  background-color: #555; /* Darken on hover */
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
  .about-us-banner {
    padding: 40px 0; /* Smaller height for mobile */
  }

  .about-us-content h1 {
    font-size: 1.8em; /* Smaller title on mobile */
  }

  .about-us-content p {
    font-size: 1em; /* Smaller text on mobile */
  }

  .about-us-btn .about-us-btn-link {
    padding: 10px 25px; /* Adjust button size on mobile */
  }
}

/* Vision and Mission Section Styling */
.vision-mission-section {
  background-color: #f4f4f4; /* Light background for contrast */
  padding: 50px 0;
}

.vision-mission-section .container {
  max-width: 1200px;
  margin: 0 auto;
}

.vision-mission-section h2 {
  font-size: 2em;
  color: #333;
  margin-bottom: 20px;
}

.vision-mission-section p {
  font-size: 1.1em;
  color: #666;
  line-height: 1.6;
}

.vision-content, .mission-content {
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for a lifted effect */
  margin-bottom: 30px;
}

/* Responsive adjustments */
@media (min-width: 768px) {
  .vision-mission-section .row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }

  .vision-content, .mission-content {
    width: 48%; /* Two columns on larger screens */
  }
}

@media (max-width: 768px) {
  .vision-content, .mission-content {
    width: 100%; /* Stack sections on smaller screens */
  }
}


/* DR Group Section Styling */
.dr-group-section {
  background-color: #f9f9f9; /* Light background color */
  padding: 50px 0;
  color: #333;
}

.dr-group-header {
  text-align: center;
  margin-bottom: 30px;
}

.dr-group-header h2 {
  font-size: 2.5em;
  margin-bottom: 10px;
}

.dr-group-header p {
  font-size: 1.1em;
  color: #666;
  line-height: 1.6;
}

/* DR Group Images Styling */
.dr-group-images {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Space between images */
}

.dr-group-image {
  width: 18%; /* Set width of each image block to fit 5 images in a row */
  position: relative;
}

.dr-group-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
  transition: transform 0.3s ease;
}

.dr-group-image img:hover {
  transform: scale(1.05); /* Slight zoom effect on hover */
}

/* Mobile Responsive Design */
@media (max-width: 768px) {
  .dr-group-images {
    flex-direction: column;
    align-items: center;
  }

  .dr-group-image {
    width: 80%; /* Stack images on mobile */
    margin-bottom: 20px;
  }
}


/* Contact Us Section Styling */
.contact-us-section {
  padding: 50px 0;
  background-color: #f9f9f9;
}

.contact-us-section h2 {
  font-size: 2.5em;
  margin-bottom: 20px;
  color: #333;
}

.contact-details p,
.contact-form p {
  font-size: 1.1em;
  color: #666;
  line-height: 1.6;
}

.contact-details strong {
  font-weight: bold;
}

.contact-form .form-group {
  margin-bottom: 20px;
}

.contact-form label {
  font-size: 1.1em;
  color: #8b590d !important;
}

.contact-form .form-control {
  width: 100%;
  padding: 10px;
  font-size: 1em;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.contact-form button {
  background-color: #8b590d !important;
  color: white;
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}



/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
  .contact-us-section {
    padding: 30px 0;
  }

  .contact-details, .contact-form {
    text-align: center;
    margin-bottom: 20px;
  }

  .contact-form button {
    width: 100%;
  }
}


#pr-link{
display:none;
}