/*--------------------------------------------------------------
# classic Section
--------------------------------------------------------------*/
.classic .classic-img {
  position: relative;
  margin: 60px 0 0 60px;
}
.classic .classic-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
/*  background: url("../img/classic-bg.png") top left;
*/  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .classic .classic-img {
    margin: 30px 0 0 30px;
  }
  .classic .classic-img:before {
    inset: -30px 0 0 -30px;
  }
}
.classic h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .classic h3 {
    font-size: 28px;
  }
}
.classic .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.classic .nav-pills li + li {
  margin-left: 40px;
}
.classic .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}
.classic .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}
@media (max-width: 575px) {
  .classic .nav-link {
    font-size: 16px;
  }
}
.classic .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}
.classic .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}
/*--------------------------------------------------------------
# superb Section
--------------------------------------------------------------*/
.superb .superb-img {
  position: relative;
  margin: 60px 0 0 60px;
}
.superb .superb-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
/*  background: url("../img/superb-bg.png") top left;
*/  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .superb .superb-img {
    margin: 30px 0 0 30px;
  }
  .superb .superb-img:before {
    inset: -30px 0 0 -30px;
  }
}
.superb h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .superb h3 {
    font-size: 28px;
  }
}
.superb .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.superb .nav-pills li + li {
  margin-left: 40px;
}
.superb .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}
.superb .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}
@media (max-width: 575px) {
  .superb .nav-link {
    font-size: 16px;
  }
}
.superb .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}
.superb .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}
/*--------------------------------------------------------------
# majestic Section
--------------------------------------------------------------*/
.majestic .majestic-img {
  position: relative;
  margin: 60px 0 0 60px;
}
.majestic .majestic-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
/*  background: url("../img/majestic-bg.png") top left;
*/  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .majestic .majestic-img {
    margin: 30px 0 0 30px;
  }
  .majestic .majestic-img:before {
    inset: -30px 0 0 -30px;
  }
}
.majestic h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .majestic h3 {
    font-size: 28px;
  }
}
.majestic .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.majestic .nav-pills li + li {
  margin-left: 40px;
}
.majestic .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}
.majestic .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}
@media (max-width: 575px) {
  .majestic .nav-link {
    font-size: 16px;
  }
}
.majestic .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}
.majestic .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

/*--------------------------------------------------------------
# royal Section
--------------------------------------------------------------*/
.royal .royal-img {
  position: relative;
  margin: 60px 0 0 60px;
}
.royal .royal-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
/*  background: url("../img/royal-bg.png") top left;
*/  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .royal .royal-img {
    margin: 30px 0 0 30px;
  }
  .royal .royal-img:before {
    inset: -30px 0 0 -30px;
  }
}
.royal h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .royal h3 {
    font-size: 28px;
  }
}
.royal .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.royal .nav-pills li + li {
  margin-left: 40px;
}
.royal .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}
.royal .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}
@media (max-width: 575px) {
  .royal .nav-link {
    font-size: 16px;
  }
}
.royal .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}
.royal .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}
/*--------------------------------------------------------------
# quartz Section
--------------------------------------------------------------*/
.quartz .quartz-img {
  position: relative;
  margin: 60px 0 0 60px;
}
.quartz .quartz-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
/*  background: url("../img/quartz-bg.png") top left;
*/  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .quartz .quartz-img {
    margin: 30px 0 0 30px;
  }
  .quartz .quartz-img:before {
    inset: -30px 0 0 -30px;
  }
}
.quartz h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .quartz h3 {
    font-size: 28px;
  }
}
.quartz .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.quartz .nav-pills li + li {
  margin-left: 40px;
}
.quartz .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}
.quartz .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}
@media (max-width: 575px) {
  .quartz .nav-link {
    font-size: 16px;
  }
}
.quartz .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}
.quartz .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}
/*--------------------------------------------------------------
# blend Section
--------------------------------------------------------------*/
.blend .blend-img {
  position: relative;
  margin: 60px 0 0 60px;
}
.blend .blend-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: "";
/*  background: url("../img/blend-bg.png") top left;
*/  background-repeat: no-repeat;
}
@media (max-width: 575px) {
  .blend .blend-img {
    margin: 30px 0 0 30px;
  }
  .blend .blend-img:before {
    inset: -30px 0 0 -30px;
  }
}
.blend h3 {
  color: var(--color-secondary);
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .blend h3 {
    font-size: 28px;
  }
}
.blend .nav-pills {
  border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.2);
}
.blend .nav-pills li + li {
  margin-left: 40px;
}
.blend .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}
.blend .nav-link.active {
  color: var(--color-primary);
  background: none;
  border-bottom: 3px solid var(--color-primary);
}
@media (max-width: 575px) {
  .blend .nav-link {
    font-size: 16px;
  }
}
.blend .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}
.blend .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}