@charset "UTF-8";
/*
@File: Zash Template Styles

* 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 CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Main Banner Area CSS
** - About Area CSS
** - Video Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Partner Area CSS
** - Gallery Area CSS
** - Why Choose Us Area CSS
** - Benefits Area CSS
** - Pricing Area CSS
** - Join Area CSS
** - Feedback Area CSS
** - Our Mission Area CSS
** - Team Area CSS
** - Event Area CSS
** - Event Details Area CSS
** - Place Area CSS
** - Floor Plans CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Widget Area CSS
** - Subscribe Area CSS
** - 404 Error Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap");

.floor-plans-area {
  background-image: url(../../assets/img/background.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

.tab .tabs {
  text-align: center;
  padding: 0;
  margin: 0 0 40px;
  list-style-type: none;
  display: flex;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
.tab .tabs li {
  display: block;
  flex: 1;
  position: relative;
  z-index: 1;
  padding-right: 15px;
  padding-left: 15px;
}
.tab .tabs li::before {
  width: 30px;
  height: 30px;
  left: 0;
  bottom: -8px;
  position: absolute;
  background: #ff5d22;
  content: "";
  transform: rotate(45deg);
  right: 0;
  margin: 0 auto;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.tab .tabs li a {
  display: block;
  background-color: #ffffff;
  padding: 18px 40px;
  color: #524552;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.tab .tabs li a:hover {
  background-color: #ff5d22;
  color: #ffffff;
}
.tab .tabs li.current a {
  background-color: #ff5d22;
  color: #ffffff;
}
.tab .tabs li.current::before {
  opacity: 1;
  visibility: visible;
}
.tab .tab_content {
  background-color: #ffffff;
  padding: 35px;
}
.tabs_item_content h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
}
.tabs_item_content .features-list {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 0;
}
.tabs_item_content .features-list li {
  margin-bottom: 12px;
  color: #554955;
  font-weight: 500;
  overflow: hidden;
  padding-bottom: 12px;
  border-bottom: 1px solid #eeeeee;
}
.tabs_item_content .features-list li span {
  float: right;
  color: #524552;
  font-weight: 600;
}
.tabs_item_content .features-list li:last-child {
  margin-bottom: 0;
}
.tabs_item_content .default-btn {
  margin-top: 30px;
}