.section-title-mrg-left {
  margin-left: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-mrg-left {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .section-title-mrg-left {
      margin-left: 0px; }
      .section-title-mrg-left.mb-65 {
        margin-bottom: 25px; } }

.section-title-1-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .section-title-1-wrap {
      display: block;
      text-align: center; } }
  .section-title-1-wrap .section-title-1-left {
    flex: 0 0 50%; }
  .section-title-1-wrap .section-title-1-right {
    flex: 0 0 50%; }
    .section-title-1-wrap .section-title-1-right p {
      font-size: 18px;
      line-height: 36px;
      margin: 0;
      width: 90%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-title-1-wrap .section-title-1-right p {
          font-size: 17px;
          line-height: 34px;
          width: 100%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-title-1-wrap .section-title-1-right p {
          font-size: 15px;
          line-height: 28px;
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .section-title-1-wrap .section-title-1-right p {
          font-size: 14px;
          line-height: 28px;
          width: 100%; } }

.section-title-1-content span {
  font-weight: 600;
  letter-spacing: 3.6px;
  display: block; }
.section-title-1-content h2 {
  font-size: 46px;
  margin: 22px 0 0; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-title-1-content h2 {
      font-size: 38px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-1-content h2 {
      font-size: 32px;
      margin: 8px 0 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-1-content h2 {
      font-size: 28px;
      margin: 5px 0 0; } }
  @media only screen and (max-width: 767px) {
    .section-title-1-content h2 {
      font-size: 24px;
      margin: 5px 0 15px; } }
.section-title-1-content.section-mrg-dec h2 {
  margin: 12px 0 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-1-content.section-mrg-dec h2 {
      margin: 5px 0 0; } }
  @media only screen and (max-width: 767px) {
    .section-title-1-content.section-mrg-dec h2 {
      margin: 5px 0 0; } }
.section-title-1-content.section-title-ntv-mrg {
  margin-left: -40px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-title-1-content.section-title-ntv-mrg {
      margin-left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-1-content.section-title-ntv-mrg {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-1-content.section-title-ntv-mrg {
      margin-left: 0px;
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .section-title-1-content.section-title-ntv-mrg {
      margin-left: 0px;
      text-align: center; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-1-content.mb-60 {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .section-title-1-content.mb-60 {
    margin-bottom: 30px; }
  .section-title-1-content.collection-sec-res.mb-60 {
    margin-bottom: 10px; } }

.section-title-3 h2 {
  margin: 0;
  font-size: 32px;
  color: #1b1b1b;
  position: relative;
  font-weight: 500;
  display: inline-block;
  padding: 0 0 19px; }
  @media only screen and (max-width: 767px) {
    .section-title-3 h2 {
      font-size: 22px;
      padding: 0 0 10px; } }
.section-title-3.st-bg-white h2 {
  background-color: #fff;
  padding: 0 77px; }
  @media only screen and (max-width: 767px) {
    .section-title-3.st-bg-white h2 {
      padding: 0 10px; } }
.section-title-3.st-mrg-botton {
  margin-bottom: -19px; }
  @media only screen and (max-width: 767px) {
    .section-title-3.st-mrg-botton {
      margin-bottom: -15px; } }
.section-title-3.st-fredoka h2 {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }

.section-title-4 h2 {
  font-weight: bold;
  font-size: 66px;
  color: #1b1b1b;
  margin: 0 0 0px;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  padding: 0 0 30px;
  position: relative; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-title-4 h2 {
      font-size: 55px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-title-4 h2 {
      font-size: 55px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-4 h2 {
      font-size: 48px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-4 h2 {
      font-size: 45px; } }
  @media only screen and (max-width: 767px) {
    .section-title-4 h2 {
      font-size: 30px;
      padding: 0 0 15px; } }
  .section-title-4 h2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    height: 1px;
    width: 120px;
    background-color: #ff6e21; }
.section-title-4 p {
  font-size: 18px;
  color: #1b1b1b;
  margin: 23px auto 0;
  line-height: 34px;
  width: 50%;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-4 p {
      width: 66%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-4 p {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .section-title-4 p {
      font-size: 16px;
      line-height: 30px;
      width: 100%;
      margin: 15px auto 0; } }
@media only screen and (max-width: 767px) {
  .section-title-4.mb-55 {
    margin-bottom: 20px; } }

.section-title-5-wrap {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .section-title-5-wrap {
      display: block; }
      .section-title-5-wrap.mb-60 {
        margin-bottom: 30px; } }

.section-title-5 {
  flex: 0 0 50%; }
  .section-title-5 h2 {
    font-weight: bold;
    font-size: 36px;
    color: #1b1b1b;
    margin: 2px 0 0px;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    padding: 0 0 30px;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title-5 h2 {
        font-size: 30px;
        padding: 0 0 20px; } }
    @media only screen and (max-width: 767px) {
      .section-title-5 h2 {
        font-size: 28px;
        padding: 0 0 20px;
        margin-bottom: 20px; } }
    .section-title-5 h2:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      height: 1px;
      width: 120px;
      background-color: #ff6e21; }
  .section-title-5.section-border-center h2:before {
    left: 0;
    right: 0;
    margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .section-title-5.mb-60 {
      margin-bottom: 30px; } }

.section-title-5-right {
  flex: 0 0 50%;
  padding-left: 70px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-5-right {
      padding-left: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-5-right {
      padding-left: 15px; } }
  @media only screen and (max-width: 767px) {
    .section-title-5-right {
      padding-left: 0px; } }
  .section-title-5-right p {
    color: #333;
    line-height: 36px;
    font-size: 18px;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    width: 87%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title-5-right p {
        width: 100%;
        line-height: 30px;
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .section-title-5-right p {
        width: 100%;
        line-height: 30px;
        font-size: 16px; } }

.section-title-6 > span {
  display: block;
  font-weight: 600;
  letter-spacing: 3.57px;
  margin: 0 0 17px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-6 > span {
      margin: 0 0 5px; } }
  @media only screen and (max-width: 767px) {
    .section-title-6 > span {
      margin: 0 0 5px; } }
.section-title-6 h2 {
  font-size: 46px;
  color: #1b1b1b;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 0px;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
  .section-title-6 h2 > span {
    color: #1a1f3d;
    display: inline-block; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-title-6 h2 {
      font-size: 37px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-title-6 h2 {
      font-size: 35px;
      line-height: 1; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-6 h2 {
      font-size: 35px;
      line-height: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-6 h2 {
      font-size: 38px;
      line-height: 1; } }
  @media only screen and (max-width: 767px) {
    .section-title-6 h2 {
      font-size: 24px; } }
.section-title-6 p {
  font-size: 18px;
  line-height: 36px;
  margin: 21px auto 0;
  width: 68%; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .section-title-6 p {
      width: 75%; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-title-6 p {
      width: 73%;
      margin: 10px auto 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title-6 p {
      width: 85%;
      font-size: 14px;
      margin: 15px auto 0;
      line-height: 27px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-6 p {
      font-size: 16px;
      line-height: 32px;
      margin: 0px auto 0;
      width: 85%; } }
  @media only screen and (max-width: 767px) {
    .section-title-6 p {
      font-size: 14px;
      line-height: 25px;
      margin: 10px auto 0;
      width: 100%; } }
.section-title-6 h4 {
  color: #1b1b1b;
  font-size: 22px;
  font-style: italic;
  margin: 0 0 27px;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-6 h4 {
      margin: 0 0 15px; } }
  @media only screen and (max-width: 767px) {
    .section-title-6 h4 {
      margin: 0 0 15px; } }
.section-title-6.st-handmade p {
  width: 60%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-6.st-handmade p {
      width: 95%;
      margin: 15px auto 0; } }
  @media only screen and (max-width: 767px) {
    .section-title-6.st-handmade p {
      width: 95%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6.mb-55 {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .section-title-6.mb-55 {
    margin-bottom: 27px; }
  .section-title-6.mb-60 {
    margin-bottom: 27px; } }

.subscribe-organic-ptb {
  margin: 7px 0 110px; }
  @media only screen and (max-width: 767px) {
    .subscribe-organic-ptb {
      margin: 7px 0 50px; } }

.section-title-12 h2 {
  font-size: 24px;
  color: #D4A843;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #D8D8D8;
  letter-spacing: 1.5px; }
  @media only screen and (max-width: 767px) {
    .section-title-12 h2 {
      font-size: 18px;
      letter-spacing: 0px;
      padding-bottom: 15px; } }

/*-------- 6. Banner style ---------*/
.banner-wrap {
  position: relative; }
  .banner-wrap a img {
    width: 100%; }
  .banner-wrap .banner-btn-position {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 230px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .banner-wrap .banner-btn-position {
        right: 150px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .banner-wrap .banner-btn-position {
        right: 80px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-wrap .banner-btn-position {
        right: 50px; } }
    @media only screen and (max-width: 767px) {
      .banner-wrap .banner-btn-position {
        right: 15px; } }

.btn-style-1 a {
  font-size: 16px;
  color: #1b1b1b;
  display: inline-block;
  background-color: #fff;
  line-height: 1;
  padding: 22px 37px 26px;
  z-index: 2;
  position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .btn-style-1 a {
    padding: 12px 15px 12px; } }
@media only screen and (max-width: 767px) {
  .banner-wrap .btn-style-1 a {
    font-size: 12px;
    padding: 5px 11px 7px; } }
.banner-wrap .banner-img {
  position: relative;
  overflow: hidden; }
  .banner-wrap .banner-img a {
    display: block; }
    .banner-wrap .banner-img a img {
      width: 100%;
      transform: scale(1);
      transition: all 0.3s ease 0s; }
  .banner-wrap .banner-img .banner-badge {
    position: absolute;
    top: 27px;
    right: 70px; }
    .banner-wrap .banner-img .banner-badge span {
      display: inline-block;
      color: #fff;
      background-color: #1a1f3d;
      height: 62px;
      width: 62px;
      line-height: 62px;
      text-align: center;
      letter-spacing: 1.11px;
      border-radius: 100%; }
.banner-wrap .banner-position-1 {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-wrap .banner-position-1 {
      left: 20px; } }
  @media only screen and (max-width: 767px) {
    .banner-wrap .banner-position-1 {
      left: 20px; } }
.banner-wrap .banner-position-2 {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 44px; }
.banner-wrap .banner-content-1 h5 {
  color: #fff;
  margin: 0 0 5px; }
.banner-wrap .banner-content-1 h2 {
  font-size: 32px;
  margin: 0;
  font-weight: 500; }
  .banner-wrap .banner-content-1 h2.yellow {
    color: #ffe30b; }
  .banner-wrap .banner-content-1 h2.lightblue {
    color: #d4fff8; }
.banner-wrap .banner-content-1 span {
  color: #ff6e21;
  margin: 0px 0 10px;
  display: block;
  font-weight: 500; }
.banner-wrap .banner-content-2 h2 {
  font-size: 18px;
  color: #1b1b1b;
  margin: 0;
  font-weight: 500; }
  .banner-wrap .banner-content-2 h2 a {
    color: #1b1b1b; }
    .banner-wrap .banner-content-2 h2 a:hover {
      color: #444; }
.banner-wrap:hover .banner-img a img {
  transform: scale(1.2); }

.banner-gradient-area {
  background: radial-gradient(circle, #58259A, #000000); }

.bg-parallex-image {
  background-color: #f5f5f5; }

.banner-zoom-wrap {
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  margin-right: 50px; }
  @media only screen and (max-width: 767px) {
    .banner-zoom-wrap {
      margin-right: 0px; } }
  .banner-zoom-wrap a img {
    display: block;
    transition: all 0.5s ease-out 0s;
    width: 100%; }
    .banner-zoom-wrap a img:last-child {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transform: scale(1.5);
      visibility: hidden; }
  .banner-zoom-wrap:hover .zoom-img img {
    opacity: 1;
    transform: scale(1);
    visibility: visible; }

.banner-zoom-content {
  margin-right: -33px;
  margin-left: 95px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .banner-zoom-content {
      margin-right: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-zoom-content {
      margin-right: 0px;
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-zoom-content {
      margin-right: 0px;
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .banner-zoom-content {
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 20px;
      text-align: center; } }
  .banner-zoom-content h2 {
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    line-height: 53px;
    margin: 0 0 70px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .banner-zoom-content h2 {
        margin: 0 0 50px;
        font-size: 36px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .banner-zoom-content h2 {
        margin: 0 0 30px;
        font-size: 36px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-zoom-content h2 {
        margin: 0 0 30px;
        font-size: 27px;
        line-height: 42px; } }
    @media only screen and (max-width: 767px) {
      .banner-zoom-content h2 {
        margin: 0 0 20px;
        font-size: 23px;
        line-height: 40px; } }

.btn-style-5 a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  z-index: 9; }
  .btn-style-5 a.bs5-white-text {
    color: #fff; }
  .btn-style-5 a.bs5-ptb-1 {
    padding: 22px 47px 24px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .btn-style-5 a.bs5-ptb-1 {
        padding: 18px 37px 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .btn-style-5 a.bs5-ptb-1 {
        padding: 18px 37px 20px; } }
    @media only screen and (max-width: 767px) {
      .btn-style-5 a.bs5-ptb-1 {
        padding: 16px 35px 18px; } }

.banner-bg-content-2 {
  position: relative;
  z-index: 9; }
  .banner-bg-content-2 h2 {
    font-size: 66px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .banner-bg-content-2 h2 {
        font-size: 60px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .banner-bg-content-2 h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .banner-bg-content-2 h2 {
        font-size: 46px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-bg-content-2 h2 {
        font-size: 38px; } }
    @media only screen and (max-width: 767px) {
      .banner-bg-content-2 h2 {
        font-size: 28px;
        line-height: 40px; } }
  .banner-bg-content-2 h3 {
    font-size: 46px;
    font-weight: bold;
    font-style: italic;
    margin: 56px 0 26px;
    line-height: 1;
    color: #fff;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .banner-bg-content-2 h3 {
        margin: 40px 0 26px;
        font-size: 40px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .banner-bg-content-2 h3 {
        margin: 40px 0 26px;
        font-size: 40px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .banner-bg-content-2 h3 {
        margin: 40px 0 26px;
        font-size: 35px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-bg-content-2 h3 {
        margin: 25px 0 26px;
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      .banner-bg-content-2 h3 {
        margin: 10px 0 26px;
        font-size: 23px; } }

.default-overlay.hamdmade-bg-overly:before {
  background-color: #1b1b1b;
  opacity: .3; }

.hamdmade-bg-area {
  padding: 265px 0 275px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .hamdmade-bg-area {
      padding: 165px 0 175px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .hamdmade-bg-area {
      padding: 165px 0 175px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hamdmade-bg-area {
      padding: 150px 0 160px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hamdmade-bg-area {
      padding: 130px 0 140px; } }
  @media only screen and (max-width: 767px) {
    .hamdmade-bg-area {
      padding: 80px 0 90px; } }

.banner-offer-wrap {
  padding-left: 525px;
  position: relative; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .banner-offer-wrap {
      padding-left: 325px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-offer-wrap {
      padding-left: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-offer-wrap {
      padding-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .banner-offer-wrap {
      padding-left: 0px; } }
  .banner-offer-wrap img {
    width: 100%; }

.grid-sizer {
  width: 25%; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.pb-85 {
    padding-bottom: 35px; }

  .book-banner-bg {
    background-position: 22%; } }
@media only screen and (max-width: 767px) {
  .banner-area.pb-85 {
    padding-bottom: 12px; }

  .book-banner-bg {
    background-position: 30%; } }
/*-------- 7. Video style ---------*/
.youtube-video-height {
  height: 610px !important;
  padding: 0 !important; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .youtube-video-height {
      height: 500px !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .youtube-video-height {
      height: 500px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .youtube-video-height {
      height: 450px !important; } }
  @media only screen and (max-width: 767px) {
    .youtube-video-height {
      height: 300px !important; } }

.video-wrap {
  position: relative; }
  .video-wrap .video-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    z-index: 9; }
    .video-wrap .video-content h2 {
      font-size: 120px;
      color: #fff;
      font-weight: bold;
      border: 15px solid #fff;
      line-height: 1;
      padding: 53px 50px 53px;
      margin: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .video-wrap .video-content h2 {
          padding: 40px 50px 40px;
          font-size: 100px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .video-wrap .video-content h2 {
          padding: 30px 50px 30px;
          font-size: 100px; } }
      @media only screen and (max-width: 767px) {
        .video-wrap .video-content h2 {
          font-size: 40px;
          padding: 25px 30px 24px; } }

.cake-video-ptb {
  padding: 352px 0 352px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .cake-video-ptb {
      padding: 200px 0 200px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cake-video-ptb {
      padding: 220px 0 180px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cake-video-ptb {
      padding: 200px 0 160px; } }
  @media only screen and (max-width: 767px) {
    .cake-video-ptb {
      padding: 130px 0 100px; } }

@-webkit-keyframes border-jump {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
    border-radius: 100%; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
    border-radius: 100%; } }
@keyframes border-jump {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
    border-radius: 100%; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
    border-radius: 100%; } }
/*-------- 10. Footer style ---------*/
/*---  philosophy---*/
h2 {
  line-height: 50px;
  letter-spacing: 1px;
  color: #D4A843;
  margin-bottom: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2 {
      margin-bottom: 40px;
      font-size: 38px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    h2 {
      margin-bottom: 30px;
      font-size: 36px;
      line-height: 42px; } }
  @media only screen and (max-width: 767px) {
    h2 {
      margin-bottom: 25px;
      font-size: 32px;
      line-height: 38px; } }

.philosophy-area {
  background-image: url(../images/others/pattrean.png);
  background-position: right bottom;
  border-top: 5px solid #D4A843;
  background-repeat: no-repeat;
  padding-bottom: 60px;
  background-color: #1a1f3d;
  overflow: hidden; }
  @media only screen and (max-width: 540px) {
    .philosophy-area {
      padding-bottom: 50px; } }
  .philosophy-area .philosophy-cover {
    display: flex;
    padding-top: 100px;
    padding-bottom: 60px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .philosophy-area .philosophy-cover {
        display: block;
        padding-top: 80px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .philosophy-area .philosophy-cover {
        display: block;
        padding-top: 60px; } }
    @media only screen and (max-width: 540px) {
      .philosophy-area .philosophy-cover {
        display: block;
        padding-top: 50px;
        padding-bottom: 50px; } }
    .philosophy-area .philosophy-cover .philosophy-content {
      margin-right: 25px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .philosophy-area .philosophy-cover .philosophy-content {
          margin-right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .philosophy-area .philosophy-cover .philosophy-content {
          margin-right: 0;
          margin-bottom: 40px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .philosophy-area .philosophy-cover .philosophy-content {
          margin-right: 0;
          margin-bottom: 40px; } }
      @media only screen and (max-width: 540px) {
        .philosophy-area .philosophy-cover .philosophy-content {
          margin-right: 0;
          margin-bottom: 30px; } }
      .philosophy-area .philosophy-cover .philosophy-content h3 {
        margin-bottom: 10px; }
        .philosophy-area .philosophy-cover .philosophy-content h3 .headline {
          line-height: 24px;
          font-size: 14px;
          font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          letter-spacing: 1.5px;
          color: #ffffff;
          display: flex;
          align-items: center; }
          .philosophy-area .philosophy-cover .philosophy-content h3 .headline:before {
            content: "";
            display: inline-block;
            width: 4em;
            margin: 0;
            border-style: solid;
            border-width: 1px 0 0;
            margin-right: 25px; }
      .philosophy-area .philosophy-cover .philosophy-content h2 {
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .philosophy-area .philosophy-cover .philosophy-content h2 {
            margin-bottom: 15px; } }
      .philosophy-area .philosophy-cover .philosophy-content p {
        color: #ffffff;
        margin-bottom: 30px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .philosophy-area .philosophy-cover .philosophy-content p {
            margin-bottom: 20px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .philosophy-area .philosophy-cover .philosophy-content p {
            margin-bottom: 20px; } }
        @media only screen and (max-width: 540px) {
          .philosophy-area .philosophy-cover .philosophy-content p {
            margin-bottom: 20px; } }
      .philosophy-area .philosophy-cover .philosophy-content .button-icon a {
        color: #D4A843;
        letter-spacing: 1px;
        font-weight: 500; }
        .philosophy-area .philosophy-cover .philosophy-content .button-icon a i {
          margin-left: 8px; }
        .philosophy-area .philosophy-cover .philosophy-content .button-icon a:hover {
          color: #ffffff; }
    .philosophy-area .philosophy-cover .image-stack {
      display: grid;
      position: relative;
      grid-template-columns: repeat(12, 1fr); }
      .philosophy-area .philosophy-cover .image-stack .image-stack-top {
        grid-row: 1;
        grid-column: 1 / -4;
        padding-top: 12%;
        z-index: 1; }
        @media only screen and (max-width: 1600px) {
          .philosophy-area .philosophy-cover .image-stack .image-stack-top {
            grid-column: 1 / -4;
            padding-top: 11%; } }
        .philosophy-area .philosophy-cover .image-stack .image-stack-top img {
          width: 100%;
          display: block; }
      .philosophy-area .philosophy-cover .image-stack .image-stack-bottom {
        grid-column: 2 / -3;
        grid-row: 1;
        z-index: 0; }
        @media only screen and (max-width: 1600px) {
          .philosophy-area .philosophy-cover .image-stack .image-stack-bottom {
            grid-column: 2 / -3; } }
        .philosophy-area .philosophy-cover .image-stack .image-stack-bottom img {
          width: 100%;
          display: block; }
      .philosophy-area .philosophy-cover .image-stack .image-stack-bottom-01 {
        grid-column: 5 / -2;
        grid-row: 1;
        padding-top: 46%; }
        @media only screen and (max-width: 1600px) {
          .philosophy-area .philosophy-cover .image-stack .image-stack-bottom-01 {
            grid-column: 4 / 0;
            padding-top: 45%; } }
  .philosophy-area section#counter-stats {
    display: flex;
    justify-content: center;
    overflow: hidden; }
  .philosophy-area .stats {
    font-size: 42px;
    font-weight: 600;
    line-height: 70px;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    letter-spacing: 5.5px;
    color: #D4A843; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .philosophy-area .stats {
        font-size: 38px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .philosophy-area .stats {
        font-size: 36px;
        line-height: 58px; } }
    @media only screen and (max-width: 767px) {
      .philosophy-area .stats {
        font-size: 32px;
        line-height: 58px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .philosophy-area .stats {
        text-align: center;
        margin-bottom: 10px; }
        .philosophy-area .stats:last-child {
          margin-bottom: 0; } }
    @media only screen and (max-width: 540px) {
      .philosophy-area .stats {
        text-align: center;
        margin-bottom: 10px; }
        .philosophy-area .stats:last-child {
          margin-bottom: 0; } }
    .philosophy-area .stats .count {
      border: none; }
    .philosophy-area .stats h5 {
      letter-spacing: 0;
      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #ffffff;
      font-size: 14px;
      margin-top: 0; }

/*--- portfolio-area---*/
.portfolio-area .portfolio-wrap {
  position: relative;
  overflow: hidden; }
  .portfolio-area .portfolio-wrap .portfolio-img {
    overflow: hidden; }
    .portfolio-area .portfolio-wrap .portfolio-img img {
      transition: opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
      -moz-transition: opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
      -o-transition: opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
      -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out; }
  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap, .portfolio-area .portfolio-wrap .portfolio-gallery {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .6s all ease;
    -o-transition: .6s all ease;
    transition: .6s all ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap, .portfolio-area .portfolio-wrap .portfolio-gallery {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    transition: 500ms; }
    .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      content: "";
      background: #000;
      z-index: -1;
      opacity: .7;
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      text-align: left;
      padding: 85px 50px; }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
          padding: 50px 50px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
          padding: 40px 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
          padding: 40px 25px; } }
      @media only screen and (max-width: 767px) {
        .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
          padding: 40px 25px; } }
      .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
        font-size: 28px;
        font-weight: 400;
        letter-spacing: 2px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 25px;
        display: block;
        line-height: 30px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
            margin-bottom: 15px;
            font-size: 26px;
            line-height: 26px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
            margin-bottom: 15px;
            font-size: 22px;
            line-height: 24px; } }
        @media only screen and (max-width: 767px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
            margin-bottom: 20px;
            font-size: 22px;
            line-height: 24px; } }
      .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
        font-size: 13px;
        color: #ffffff;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 6px;
        transform: rotate(270deg) translate(-100%, 0);
        -webkit-transform: rotate(270deg) translate(-100%, 0);
        -moz-transform: rotate(270deg) translate(-100%, 0);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0; }
        .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
          content: " ";
          display: inline-block;
          width: 36px;
          border-bottom-width: 1px;
          border-bottom-style: solid;
          margin-bottom: 5px;
          margin-right: 30px; }
          @media only screen and (min-width: 1200px) and (max-width: 1365px) {
            .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
              margin-right: 20px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
              margin-right: 20px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
              margin-right: 20px; } }
          @media only screen and (max-width: 767px) {
            .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
              margin-right: 20px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1365px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
            letter-spacing: 5px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
            letter-spacing: 4px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
            letter-spacing: 3px; } }
        @media only screen and (max-width: 767px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
            letter-spacing: 4px; } }
        @media only screen and (max-width: 480px) {
          .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption, .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
            letter-spacing: 3px; } }
  .portfolio-area .portfolio-wrap:hover .portfolio-gallery-wrap, .portfolio-area .portfolio-wrap:hover .portfolio-gallery {
    opacity: 1;
    visibility: visible; }
  .portfolio-area .portfolio-wrap:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
.portfolio-area .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  z-index: 9;
  text-align: center;
  left: 0;
  right: 0;
  top: auto;
  margin: auto;
  width: 100px;
  height: 60px;
  background-color: #1a1f3d; }
  .portfolio-area .owl-nav .owl-prev, .portfolio-area .owl-nav .owl-next {
    margin: 10px 5px; }
    .portfolio-area .owl-nav .owl-prev i, .portfolio-area .owl-nav .owl-next i {
      font-size: 42px; }
      .portfolio-area .owl-nav .owl-prev i:hover, .portfolio-area .owl-nav .owl-next i:hover {
        color: #ffffff; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-03 h2 {
        margin-bottom: 10px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .home-03 .our-Services-area {
        padding-top: 80px;
        padding-bottom: 80px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .home-03 .our-Services-area {
        padding-bottom: 20px;
        padding-top: 50px; } }
    @media only screen and (max-width: 540px) {
      .home-03 .our-Services-area {
        padding-bottom: 10px;
        padding-top: 40px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-03 .our-Services-area .our-Services-cover {
          margin-bottom: 0; } }
      @media only screen and (max-width: 540px) {
        .home-03 .our-Services-area .our-Services-cover {
          margin-bottom: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-03 .our-Services-area .our-Services-cover .our-Services {
          text-align: center; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-03 .our-Services-area .our-Services-cover .our-Services {
          margin-bottom: 30px; } }
      @media only screen and (max-width: 540px) {
        .home-03 .our-Services-area .our-Services-cover .our-Services {
          margin-bottom: 30px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .our-Services-area .our-Services-cover .our-Services p {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .our-Services-area .our-Services-cover .our-Services-info {
            padding: 20px;
            text-align: center; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .home-03 .our-Services-area .our-Services-cover .our-Services-info {
            margin-bottom: 30px; } }
        @media only screen and (max-width: 540px) {
          .home-03 .our-Services-area .our-Services-cover .our-Services-info {
            margin-bottom: 30px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-icon i {
              font-size: 32px;
              margin: 0px 15px 15px 0px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text h4 {
                font-size: 19px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text p {
                font-size: 14px;
                line-height: 24px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-03 .work-area {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-03 .work-area {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .home-03 .work-area {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 540px) {
    .home-03 .work-area {
      padding-top: 40px;
      padding-bottom: 40px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .home-03 .work-area .work-title p {
        padding: 0; } }
    @media only screen and (max-width: 540px) {
      .home-03 .work-area .work-title p {
        padding: 0;
        margin-bottom: 15px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-03 .work-area .work-cover .work-info h2 {
          font-size: 80px;
          line-height: 90px; } }
      @media only screen and (max-width: 540px) {
        .home-03 .work-area .work-cover .work-info h2 {
          font-size: 70px;
          line-height: 80px; } }

/*-------- 13. Categories style ---------*/
.single-featured-categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #e0e0e0;
  padding: 15px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .single-featured-categories {
      padding: 30px 20px 30px 20px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-featured-categories {
      padding: 30px 15px 30px 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-featured-categories {
      padding: 30px 20px 30px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-featured-categories {
      padding: 30px 15px 30px 15px; } }
  @media only screen and (max-width: 767px) {
    .single-featured-categories {
      padding: 30px 15px 30px 15px; } }
  .single-featured-categories .featured-categories-content {
    flex: 0 0 50%;
    padding: 0 15px; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .single-featured-categories .featured-categories-content {
        flex: 0 0 62%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-featured-categories .featured-categories-content {
        flex: 0 0 70%; } }
    @media only screen and (max-width: 767px) {
      .single-featured-categories .featured-categories-content {
        flex: 0 0 60%; } }
    .single-featured-categories .featured-categories-content h3 {
      font-weight: 500;
      font-size: 20px;
      color: #1b1b1b;
      margin: 0; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .single-featured-categories .featured-categories-content h3 {
          font-size: 16px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .single-featured-categories .featured-categories-content h3 {
          font-size: 16px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-featured-categories .featured-categories-content h3 {
          font-size: 18px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-featured-categories .featured-categories-content h3 {
          font-size: 15px; } }
      @media only screen and (max-width: 767px) {
        .single-featured-categories .featured-categories-content h3 {
          font-size: 18px; } }
      .single-featured-categories .featured-categories-content h3 a {
        color: #1b1b1b; }
        .single-featured-categories .featured-categories-content h3 a:hover {
          color: #1a1f3d; }
    .single-featured-categories .featured-categories-content p {
      color: #1a1f3d;
      font-weight: 500;
      margin: 8px 0 10px; }
      @media only screen and (max-width: 1600px) {
        .single-featured-categories .featured-categories-content p {
          width: 100%; } }
    .single-featured-categories .featured-categories-content .sub-cat {
      margin-bottom: 15px; }
      .single-featured-categories .featured-categories-content .sub-cat li {
        padding-left: 15px;
        margin-bottom: 5px;
        position: relative; }
        .single-featured-categories .featured-categories-content .sub-cat li::before {
          content: "\f105";
          font-family: "FontAwesome";
          position: absolute;
          left: 0;
          top: 0; }
  .single-featured-categories .featured-categories-img {
    flex: 0 0 50%;
    overflow: hidden; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .single-featured-categories .featured-categories-img {
        flex: 0 0 38%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-featured-categories .featured-categories-img {
        flex: 0 0 30%; } }
    @media only screen and (max-width: 767px) {
      .single-featured-categories .featured-categories-img {
        flex: 0 0 40%; } }
    .single-featured-categories .featured-categories-img a img {
      width: 100%;
      transition: all .5s ease 0s;
      transform: scale(1); }
  .single-featured-categories:hover .featured-categories-img a img {
    transform: scale(1.1); }

/*-------- 14. Brand logo style ---------*/
.brand-logo-active .single-brand-logo, .brand-logo-active-2 .single-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  filter: opacity(0.8);
  cursor: pointer; }
  .brand-logo-active .single-brand-logo.bl-grayscale img, .brand-logo-active-2 .single-brand-logo.bl-grayscale img {
    filter: grayscale(100%); }
    .brand-logo-active .single-brand-logo.bl-grayscale img:hover, .brand-logo-active-2 .single-brand-logo.bl-grayscale img:hover {
      filter: grayscale(0%); }
  .brand-logo-active .single-brand-logo:hover, .brand-logo-active-2 .single-brand-logo:hover {
    filter: opacity(1); }

.brand-logo-active.owl-carousel .owl-item img, .brand-logo-active-2.owl-carousel .owl-item img, .testimonial-active.owl-carousel .owl-item img, .testimonial-active-2.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
  border-radius: 0; }

.brand-logo-active.owl-carousel .owl-item img, .brand-logo-active-2.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
  transition: all .3s ease 0s;
  opacity: .25; }
  .brand-logo-active.owl-carousel .owl-item img:hover, .brand-logo-active-2.owl-carousel .owl-item img:hover {
    transition: all 400ms linear 0s;
    opacity: 1; }

.brand-logo-ptb {
  padding: 60px 0 60px;
  border-top: 1px solid #ddd; }
  @media only screen and (max-width: 767px) {
    .brand-logo-ptb {
      padding: 40px 0 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-logo-ptb {
      padding: 40px 0 40px; } }

.brand-logo-ptb-about {
  padding: 60px 0 60px; }
  @media only screen and (max-width: 767px) {
    .brand-logo-ptb-about {
      padding: 40px 0 40px; } }

.kids-brand-logo-ptb {
  padding: 108px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .kids-brand-logo-ptb {
      padding: 100px 0; } }
  @media only screen and (max-width: 767px) {
    .kids-brand-logo-ptb {
      padding: 50px 0; } }

@media only screen and (max-width: 767px) and (max-width: 540px) {
  .brand-logo-area {
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .brand-logo-area.pt-70 {
    padding-top: 50px; }
  .brand-logo-area.pb-70 {
    padding-bottom: 50px; } }
      @media only screen and (max-width: 767px) {
        .home-03 .brand-logo-area .brand-logo-ptb {
          padding: 20px 0 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-03 .brand-logo-area .brand-logo-ptb {
          padding: 30px 0 30px; } }

/*-------- 15. Testimonial style ---------*/
.title-text {
  padding: 0 15px 0 15px; }
  @media only screen and (max-width: 767px) {
    .title-text {
      padding: 0; } }
  .title-text h3 {
    margin-bottom: 10px; }
    .title-text h3 .headline {
      line-height: 24px;
      font-size: 14px;
      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      letter-spacing: 1.5px;
      color: #000000;
      display: flex;
      align-items: center; }
      .title-text h3 .headline:before {
        content: "";
        display: inline-block;
        width: 4em;
        margin: 0;
        border-style: solid;
        border-width: 1px 0 0;
        margin-right: 25px; }

@media only screen and (max-width: 767px) {
  .single-testimonial {
    flex-direction: column;
    padding: 0; } }
.single-testimonial .client-info {
  background: #fff;
  border-top: 5px solid #D4A843;
  padding: 80px 50px 40px 36px;
  position: relative; }
  .single-testimonial .client-info i {
    position: absolute;
    right: 22px;
    top: 20px;
    color: #D4A843;
    font-size: 45px;
    line-height: 50px; }
  .single-testimonial .client-info h4 {
    font-size: 14px;
    margin-bottom: 20px; }
.single-testimonial .testimonial-quote {
  align-items: center;
  display: flex;
  justify-content: flex-end; }
  @media only screen and (max-width: 767px) {
    .single-testimonial .testimonial-quote {
      justify-content: center; } }
  .single-testimonial .testimonial-quote i {
    color: #1a1f3d;
    background-color: #ffffff;
    display: inline-block;
    height: 90px;
    width: 90px;
    border-radius: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 40px;
    margin-top: -30px; }
    @media only screen and (max-width: 767px) {
      .single-testimonial .testimonial-quote i {
        height: 70px;
        width: 70px;
        line-height: 70px;
        font-size: 30px; } }
  .single-testimonial .testimonial-quote .client-img {
    border-radius: 50%;
    overflow: hidden;
    margin-left: -30px;
    margin-top: 50px; }
.single-testimonial p {
  margin-bottom: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-testimonial p {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-testimonial p {
      font-size: 16px;
      line-height: 28px;
      width: 75%; } }
  @media only screen and (max-width: 767px) {
    .single-testimonial p {
      font-size: 14px;
      line-height: 20px;
      margin: 12px 0 25px;
      width: 100%;
      text-align: justify; } }

.client-info span {
  color: #111;
  font-weight: 500;
  font-size: 18px; }

.single-testimonial-2 {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 12px; }
  .single-testimonial-2 .testimonial-2-inner {
    position: relative;
    float: left;
    width: 100%; }
    .single-testimonial-2 .testimonial-2-inner:before {
      position: absolute;
      left: 0;
      top: 0;
      background-color: #fff;
      content: "";
      width: 2px;
      height: 100%; }
    .single-testimonial-2 .testimonial-2-inner:after {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #fff;
      content: "";
      width: 2px;
      height: 100%; }
    .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 {
      position: relative;
      margin-top: -40px;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 {
          margin-top: -24px; } }
      .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon {
        position: relative; }
        .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:before {
          position: absolute;
          left: auto;
          right: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 700%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:before {
              right: calc(100% + 50px); } }
        .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:after {
          position: absolute;
          right: auto;
          left: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 700%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:after {
              left: calc(100% + 50px); } }
        .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon i {
          color: #fff;
          font-size: 82px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon i {
              font-size: 75px; } }
          @media only screen and (max-width: 767px) {
            .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon i {
              font-size: 50px; } }
    .single-testimonial-2 .testimonial-2-inner p {
      color: #fff;
      font-size: 66px;
      font-weight: bold;
      font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
      margin: 0 0 63px;
      line-height: 107px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-testimonial-2 .testimonial-2-inner p {
          font-size: 50px;
          margin: 0 0 63px;
          line-height: 80px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-testimonial-2 .testimonial-2-inner p {
          font-size: 28px;
          margin: 28px 0 40px;
          line-height: 55px; } }
      @media only screen and (max-width: 767px) {
        .single-testimonial-2 .testimonial-2-inner p {
          font-size: 22px;
          line-height: 37px;
          margin: 15px 0 25px;
          padding: 0 20px; } }
    .single-testimonial-2 .testimonial-2-inner .client-info-2 {
      margin-bottom: -12px;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      .single-testimonial-2 .testimonial-2-inner .client-info-2 span {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
        display: block;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .single-testimonial-2 .testimonial-2-inner .client-info-2 span {
            font-size: 16px; } }
        .single-testimonial-2 .testimonial-2-inner .client-info-2 span:before {
          position: absolute;
          left: auto;
          right: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 500%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .single-testimonial-2 .testimonial-2-inner .client-info-2 span:before {
              right: calc(100% + 50px); } }
        .single-testimonial-2 .testimonial-2-inner .client-info-2 span:after {
          position: absolute;
          right: auto;
          left: calc(100% + 100px);
          top: 50%;
          background-color: #fff;
          content: "";
          width: 500%;
          height: 2px;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
            .single-testimonial-2 .testimonial-2-inner .client-info-2 span:after {
              left: calc(100% + 50px); } }

.single-testimonial-3 p {
  font-size: 28px;
  line-height: 39px;
  margin: 15px auto 45px;
  width: 63%;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .single-testimonial-3 p {
      font-size: 25px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-testimonial-3 p {
      font-size: 23px;
      width: 83%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-testimonial-3 p {
      font-size: 20px;
      width: 85%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-testimonial-3 p {
      font-size: 20px;
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .single-testimonial-3 p {
      font-size: 16px;
      line-height: 30px;
      margin: 15px auto 25px;
      width: 100%; } }

.testimonial3-negative-mt {
  margin-top: -240px; }
  @media only screen and (max-width: 767px) {
    .testimonial3-negative-mt {
      margin-top: -80px; } }

.testimonial3-pt {
  padding-top: 350px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial3-pt {
      padding-top: 305px; } }
  @media only screen and (max-width: 767px) {
    .testimonial3-pt {
      padding-top: 125px; } }

.testimonial-area {
  position: relative;
  overflow: hidden;
  background-color: #f1eee7; }
  @media only screen and (max-width: 540px) {
    .testimonial-area {
      padding-top: 50px; } }
  .testimonial-area .owl-nav {
    position: absolute;
    top: -96px;
    right: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .testimonial-area .owl-nav {
        top: -86px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .testimonial-area .owl-nav {
        top: -66px; } }
    @media only screen and (max-width: 767px) {
      .testimonial-area .owl-nav {
        top: -58px; } }
    @media only screen and (max-width: 480px) {
      .testimonial-area .owl-nav {
        top: -56px; } }
    .testimonial-area .owl-nav .owl-prev, .testimonial-area .owl-nav .owl-next {
      font-size: 36px;
      color: #999;
      -webkit-transition: all 400ms linear 0s;
      -o-transition: all 400ms linear 0s;
      transition: all 400ms linear 0s;
      cursor: pointer;
      display: inline-block;
      margin-right: 20px;
      background-color: #fff;
      width: 42px;
      height: 42px;
      line-height: 42px;
      text-align: center; }
      .testimonial-area .owl-nav .owl-prev:hover, .testimonial-area .owl-nav .owl-next:hover {
        color: #D4A843; }
      .testimonial-area .owl-nav .owl-prev:last-child, .testimonial-area .owl-nav .owl-next:last-child {
        margin-right: 15px; }
        @media only screen and (max-width: 767px) {
          .testimonial-area .owl-nav .owl-prev:last-child, .testimonial-area .owl-nav .owl-next:last-child {
            margin-right: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .testimonial-area .owl-nav .owl-prev, .testimonial-area .owl-nav .owl-next {
          font-size: 32px;
          width: 32px;
          height: 32px;
          line-height: 32px;
          margin-right: 15px; } }
      @media only screen and (max-width: 767px) {
        .testimonial-area .owl-nav .owl-prev, .testimonial-area .owl-nav .owl-next {
          font-size: 26px;
          width: 28px;
          height: 28px;
          line-height: 28px;
          margin-right: 15px; } }
      @media only screen and (max-width: 480px) {
        .testimonial-area .owl-nav .owl-prev, .testimonial-area .owl-nav .owl-next {
          font-size: 26px;
          width: 26px;
          height: 26px;
          line-height: 26px;
          margin-right: 10px; } }

.handmade-leaf-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  animation-duration: 2.5s;
  animation-name: bounce-img-2;
  animation-iteration-count: infinite; }
  .handmade-leaf-1 img {
    width: 597px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .handmade-leaf-1 img {
        width: 350px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .handmade-leaf-1 img {
        width: 250px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .handmade-leaf-1 img {
        width: 200px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .handmade-leaf-1 img {
        width: 150px; } }
    @media only screen and (max-width: 767px) {
      .handmade-leaf-1 img {
        width: 100px; } }

.handmade-leaf-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  animation-duration: 2.5s;
  animation-name: bounce-img-2;
  animation-iteration-count: infinite; }
  .handmade-leaf-2 img {
    width: 486px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .handmade-leaf-2 img {
        width: 380px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .handmade-leaf-2 img {
        width: 280px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .handmade-leaf-2 img {
        width: 230px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .handmade-leaf-2 img {
        width: 180px; } }
    @media only screen and (max-width: 767px) {
      .handmade-leaf-2 img {
        width: 100px; } }

.testimonial-border {
  border: 1px solid #979797;
  padding: 0 0 55px; }

.single-testimonial-4 p {
  font-size: 18px;
  line-height: 36px;
  margin: 9px auto 19px;
  width: 64%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-testimonial-4 p {
      width: 78%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-testimonial-4 p {
      width: 73%; } }
  @media only screen and (max-width: 767px) {
    .single-testimonial-4 p {
      font-size: 14px;
      line-height: 30px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .single-testimonial-4 p {
      font-size: 16px;
      line-height: 34px; } }

.nav-style-4 .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  font-size: 30px;
  transition: all .3s ease 0s; }
  @media only screen and (max-width: 767px) {
    .nav-style-4 .owl-nav div {
      left: 15px;
      font-size: 20px; } }
  .nav-style-4 .owl-nav div:hover {
    color: #D4A843; }
  .nav-style-4 .owl-nav div.owl-next {
    left: auto;
    right: 40px; }
    @media only screen and (max-width: 767px) {
      .nav-style-4 .owl-nav div.owl-next {
        right: 15px; } }

.single-testimonial-5 p {
  font-size: 36px;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  line-height: 49px;
  margin: 27px auto 36px;
  width: 68%; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-testimonial-5 p {
      font-size: 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-testimonial-5 p {
      font-size: 30px;
      line-height: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-testimonial-5 p {
      font-size: 25px;
      line-height: 40px;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .single-testimonial-5 p {
      font-size: 20px;
      line-height: 36px;
      margin: 16px auto 26px;
      width: 100%; } }

.testimonial-5-ptb {
  padding: 148px 0 142px; }
  @media only screen and (max-width: 767px) {
    .testimonial-5-ptb {
      padding: 70px 0 70px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.pt-150 {
    padding-top: 100px; }
  .testimonial-area.pb-150 {
    padding-bottom: 100px; }

  .testimonial-area-2.pt-200 {
    padding-top: 120px; } }
@media only screen and (max-width: 767px) {
  .testimonial-area.pt-150 {
    padding-top: 70px; }
  .testimonial-area.pb-150 {
    padding-bottom: 70px; }

  .testimonial-area-2.pt-200 {
    padding-top: 115px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-03 .testimonials-area .testimonials {
          display: block; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-03 .testimonials-area .testimonials {
          display: block; } }
      @media only screen and (max-width: 540px) {
        .home-03 .testimonials-area .testimonials {
          display: block; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .testimonials-area .testimonials .testimonials-elementor {
            padding: 60px 30px 0 30px;
            text-align: center; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .home-03 .testimonials-area .testimonials .testimonials-elementor {
            padding: 50px 30px 0 30px;
            text-align: center; } }
        @media only screen and (max-width: 540px) {
          .home-03 .testimonials-area .testimonials .testimonials-elementor {
            padding: 40px 30px 0 30px;
            text-align: center; } }
        @media only screen and (min-width: 1366px) and (max-width: 1600px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding-left: 70px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1365px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding-left: 65px;
            padding-bottom: 30px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding-left: 55px;
            padding-bottom: 50px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding-bottom: 60px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding: 20px 0 50px 0;
            align-items: center;
            justify-content: center; } }
        @media only screen and (max-width: 540px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding: 20px 0 40px 0;
            align-items: center;
            justify-content: center; } }
        @media only screen and (max-width: 480px) {
          .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
            padding: 20px 30px 40px 30px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info {
              padding: 0; } }
          @media only screen and (max-width: 540px) {
            .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info {
              padding: 0; } }

/*-------- 17. Others style ---------*/
/* home 06 */
.hide {
  display: none; }

*, *::after, *::before {
  box-sizing: border-box; }

#icons {
  display: none; }

.header-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2rem 4rem;
  z-index: 20; }
  @media only screen and (max-width: 767px) {
    .header-wrapper {
      padding: 2rem 2rem; } }
  @media only screen and (max-width: 320px) {
    .header-wrapper {
      padding: 1rem 0.5rem; } }
  .header-wrapper .header {
    position: relative;
    display: block;
    width: 100%;
    height: 6rem; }
  .header-wrapper .menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: end; }
    .header-wrapper .menu-wrapper .header-right-wrap.header-right-flex .same-style a {
      color: #000000;
      font-size: 26px; }
      @media only screen and (max-width: 767px) {
        .header-wrapper .menu-wrapper .header-right-wrap.header-right-flex .same-style a {
          font-size: 20px; } }
  .header-wrapper .menu-txt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
    text-transform: uppercase;
    cursor: pointer;
    color: #000000; }
  .header-wrapper .logo-wrapper {
    position: absolute;
    top: 0;
    left: 5em;
    transform: translate(-50%, -50%); }
  .header-wrapper .logo {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 3rem;
    line-height: 1;
    font-weight: 600; }
    .header-wrapper .logo span {
      display: block; }

.number-wrapper {
  position: absolute;
  height: 100%;
  width: 12rem;
  z-index: 10; }
  .number-wrapper .number-count {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%); }
  .number-wrapper .number {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 12rem;
    color: #efefef;
    margin-left: -5rem;
    font-weight: 700; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .number-wrapper .number {
        font-size: 10rem; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .number-wrapper .number {
        font-size: 8rem; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .number-wrapper .number {
        font-size: 3rem;
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .number-wrapper .number {
        font-size: 2rem;
        margin-left: 0; } }
    @media only screen and (max-width: 320px) {
      .number-wrapper .number {
        display: none; } }

.arrows-wrapper {
  position: absolute;
  height: 100%;
  width: 12rem;
  padding: 0 4rem;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 10; }
  @media only screen and (max-width: 767px) {
    .arrows-wrapper {
      width: 8rem; } }
  .arrows-wrapper .nav-arrows {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (max-width: 320px) {
      .arrows-wrapper .nav-arrows {
        top: 30%;
        transform: translateY(-30%); } }
  .arrows-wrapper .nav-up {
    opacity: 0; }
  .arrows-wrapper .nav-up, .arrows-wrapper .nav-down {
    width: 2rem;
    height: 3rem;
    cursor: pointer; }
    .arrows-wrapper .nav-up svg, .arrows-wrapper .nav-down svg {
      fill: #666;
      width: 100%;
      max-height: 100%;
      background-color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .arrows-wrapper .nav-up svg, .arrows-wrapper .nav-down svg {
          width: 80%;
          max-height: 80%; } }
      .arrows-wrapper .nav-up svg:hover, .arrows-wrapper .nav-down svg:hover {
        fill: #D4A843; }
  .arrows-wrapper .nav-up {
    transform: rotate(180deg); }
  .arrows-wrapper .nav-line {
    width: 100%;
    height: 0.1rem;
    background: #666;
    margin: 1rem 0; }
    @media only screen and (max-width: 767px) {
      .arrows-wrapper .nav-line {
        margin: 0.5rem 0; } }

.hero-section {
  position: relative;
  background: #ffffff;
  margin: 0 auto;
  height: 100vh;
  overflow: hidden; }
  .hero-section .slide {
    position: absolute;
    width: 100%;
    height: 100%; }
    .hero-section .slide:after {
      content: "";
      display: table;
      clear: both; }
    .hero-section .slide:first-child .txt-wrapper span.sub-title {
      opacity: 1; }
    .hero-section .slide:nth-child(odd) .img {
      margin-left: 50%;
      transform: translateY(-100%); }
    .hero-section .slide:nth-child(odd) .txt {
      transform: translateY(100%); }
    .hero-section .slide:nth-child(even) .img {
      transform: translateY(100%); }
    .hero-section .slide:nth-child(even) .txt {
      margin-left: 50%;
      transform: translateY(-100%); }
    .hero-section .slide.active {
      position: absolute;
      z-index: 5; }
      .hero-section .slide.active .img, .hero-section .slide.active .txt {
        transform: translateY(0); }

.slider-container {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  .slider-container:after {
    content: "";
    display: table;
    clear: both; }
  .slider-container .hero-image {
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    transition: transform 0.3s ease;
    transition-delay: 0.15s; }
    .slider-container .hero-image.txt {
      display: table;
      padding: 8rem 14rem;
      background: white; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .slider-container .hero-image.txt {
          padding: 8rem 8rem; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .slider-container .hero-image.txt {
          padding: 8rem 6rem; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .slider-container .hero-image.txt {
          padding: 6rem 6rem; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .slider-container .hero-image.txt {
          padding: 6rem 4rem; } }
      @media only screen and (max-width: 767px) {
        .slider-container .hero-image.txt {
          padding: 4rem 2rem; } }
      @media only screen and (max-width: 320px) {
        .slider-container .hero-image.txt {
          padding: 1rem 0.5rem; } }
    .slider-container .hero-image .txt-wrapper {
      position: relative;
      display: table-cell;
      vertical-align: middle; }
      .slider-container .hero-image .txt-wrapper span.sub-title {
        position: relative;
        text-transform: uppercase;
        display: block;
        font-size: 1rem;
        line-height: 1;
        margin-bottom: 50px;
        font-weight: 500;
        opacity: 0; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .slider-container .hero-image .txt-wrapper span.sub-title {
            margin-bottom: 30px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .slider-container .hero-image .txt-wrapper span.sub-title {
            margin-bottom: 30px; } }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper span.sub-title {
            margin-bottom: 10px; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper span.sub-title {
            font-size: 0.8rem; } }
      .slider-container .hero-image .txt-wrapper h2 {
        margin: 0;
        font-size: 4.3rem;
        margin-bottom: 50px;
        line-height: 1;
        font-weight: 600; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .slider-container .hero-image .txt-wrapper h2 {
            font-size: 3rem;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .slider-container .hero-image .txt-wrapper h2 {
            font-size: 2.3rem;
            margin-bottom: 20px; } }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper h2 {
            font-size: 1.3rem;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper h2 {
            font-size: 1rem; } }
        .slider-container .hero-image .txt-wrapper h2 span {
          display: block; }
      .slider-container .hero-image .txt-wrapper h3 {
        margin: 0;
        font-size: 2rem;
        margin-bottom: 2rem;
        line-height: 1;
        font-weight: 400; }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper h3 {
            font-size: 1.6rem; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper h3 {
            font-size: 1rem; } }
        .slider-container .hero-image .txt-wrapper h3 span {
          color: #ccc; }
      .slider-container .hero-image .txt-wrapper a {
        text-decoration: none;
        color: #AEACAB; }
      .slider-container .hero-image .txt-wrapper .button-home {
        position: relative;
        width: fit-content;
        padding: 1rem 3.5rem;
        color: white;
        text-align: center;
        display: block;
        border-radius: 3rem;
        background: #d02e2e;
        text-transform: uppercase;
        border: none;
        font-size: 1rem;
        margin-top: 3rem;
        font-weight: bold;
        outline: none;
        box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper .button-home {
            padding: 0.8rem 2.5rem;
            font-size: 0.9rem;
            margin-top: 1rem; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper .button-home {
            padding: 0.3rem 1rem;
            font-size: 0.6rem; } }
        .slider-container .hero-image .txt-wrapper .button-home:hover {
          background-color: #D4A843; }
      .slider-container .hero-image .txt-wrapper .phone {
        display: block;
        color: black;
        font-size: 1.9rem; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .slider-container .hero-image .txt-wrapper .phone {
            font-size: 1.6rem; } }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper .phone {
            font-size: 1.2rem; } }
        @media only screen and (max-width: 480px) {
          .slider-container .hero-image .txt-wrapper .phone {
            font-size: 1rem; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper .phone {
            font-size: 0.9rem; } }
      .slider-container .hero-image .txt-wrapper .subtitle {
        display: block;
        text-transform: uppercase;
        color: #AEACAB;
        font-weight: bold;
        letter-spacing: 0.3rem;
        font-size: 1.2rem;
        margin-bottom: 1rem; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .slider-container .hero-image .txt-wrapper .subtitle {
            font-size: 1rem;
            margin-bottom: 0.5rem;
            letter-spacing: 0.2rem; } }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper .subtitle {
            font-size: 1rem;
            margin-bottom: 0.5rem;
            letter-spacing: 0.2rem;
            line-height: 18px; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper .subtitle {
            font-size: 0.8rem; } }
      .slider-container .hero-image .txt-wrapper p.description {
        margin: 0;
        color: #AEACAB;
        font-size: 1.2rem;
        line-height: 1.5; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .slider-container .hero-image .txt-wrapper p.description {
            font-size: 1rem;
            line-height: 1.2; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .slider-container .hero-image .txt-wrapper p.description {
            font-size: 1rem;
            line-height: 1.2; } }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper p.description {
            font-size: 1rem;
            line-height: 1.2; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper p.description {
            font-size: 0.6rem; } }
      .slider-container .hero-image .txt-wrapper a.view-all {
        color: #AEACAB; }
      .slider-container .hero-image .txt-wrapper ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 1.5rem; }
        .slider-container .hero-image .txt-wrapper ul li {
          position: relative;
          margin: 1.5rem 0;
          padding: 0; }
          .slider-container .hero-image .txt-wrapper ul li:after {
            content: "";
            display: table;
            clear: both; }
      .slider-container .hero-image .txt-wrapper .date-wrapper {
        width: 20%;
        float: left;
        color: #AEACAB;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper .date-wrapper {
            width: 15%; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper .date-wrapper {
            width: 100%; } }
        .slider-container .hero-image .txt-wrapper .date-wrapper .date {
          font-size: 1.7rem; }
          @media only screen and (max-width: 767px) {
            .slider-container .hero-image .txt-wrapper .date-wrapper .date {
              font-size: 1.2rem; } }
          @media only screen and (max-width: 480px) {
            .slider-container .hero-image .txt-wrapper .date-wrapper .date {
              font-size: 1rem; } }
        .slider-container .hero-image .txt-wrapper .date-wrapper .month {
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .slider-container .hero-image .txt-wrapper .date-wrapper .month {
              font-size: 0.9rem; } }
          @media only screen and (max-width: 480px) {
            .slider-container .hero-image .txt-wrapper .date-wrapper .month {
              font-size: 0.6rem; } }
      .slider-container .hero-image .txt-wrapper .post-wrapper {
        width: 80%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .slider-container .hero-image .txt-wrapper .post-wrapper {
            width: 85%; } }
        @media only screen and (max-width: 320px) {
          .slider-container .hero-image .txt-wrapper .post-wrapper {
            width: 100%; } }
        .slider-container .hero-image .txt-wrapper .post-wrapper .post-title {
          display: block;
          font-size: 1.4rem;
          line-height: 1.3; }
          @media only screen and (max-width: 767px) {
            .slider-container .hero-image .txt-wrapper .post-wrapper .post-title {
              font-size: 1rem;
              line-height: 1; } }
          .slider-container .hero-image .txt-wrapper .post-wrapper .post-title a {
            display: block;
            color: black;
            cursor: pointer; }
            .slider-container .hero-image .txt-wrapper .post-wrapper .post-title a:hover {
              text-decoration: underline; }
        .slider-container .hero-image .txt-wrapper .post-wrapper .post-info {
          display: block;
          color: #AEACAB;
          font-size: 1rem; }
          @media only screen and (max-width: 480px) {
            .slider-container .hero-image .txt-wrapper .post-wrapper .post-info {
              font-size: 0.8rem; } }
          .slider-container .hero-image .txt-wrapper .post-wrapper .post-info:after {
            content: "";
            display: table;
            clear: both; }
          .slider-container .hero-image .txt-wrapper .post-wrapper .post-info ul {
            margin: 0; }
          .slider-container .hero-image .txt-wrapper .post-wrapper .post-info li {
            float: left;
            margin: 0 0.5rem; }
            @media only screen and (max-width: 767px) {
              .slider-container .hero-image .txt-wrapper .post-wrapper .post-info li {
                margin: 0 0.3rem;
                font-size: 13px; } }
            @media only screen and (max-width: 480px) {
              .slider-container .hero-image .txt-wrapper .post-wrapper .post-info li {
                font-size: 10px;
                margin: 0; } }
            .slider-container .hero-image .txt-wrapper .post-wrapper .post-info li:first-child {
              margin-left: 0; }
    .slider-container .hero-image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.footer {
  position: absolute;
  display: block;
  width: 100%;
  height: 6rem;
  bottom: 0;
  left: 0;
  padding: 2rem 4rem;
  z-index: 10; }
  @media only screen and (max-width: 767px) {
    .footer {
      padding: 2rem 2rem; } }
  @media only screen and (max-width: 320px) {
    .footer {
      padding: 1rem 0.5rem; } }
  .footer:after {
    content: "";
    display: table;
    clear: both; }

.social-wrapper, .language-wrapper {
  position: relative; }
  .social-wrapper ul, .language-wrapper ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0; }
  .social-wrapper li, .language-wrapper li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem; }
    @media only screen and (max-width: 320px) {
      .social-wrapper li, .language-wrapper li {
        font-size: 10px;
        margin: 0 0.3rem; } }
  .social-wrapper a, .language-wrapper a {
    text-decoration: none;
    color: black; }
  .social-wrapper a.language-bg, .language-wrapper a.language-bg {
    background-color: #ffffff;
    padding: 10px; }
    @media only screen and (max-width: 320px) {
      .social-wrapper a.language-bg, .language-wrapper a.language-bg {
        padding: 5px; } }

.social-wrapper {
  float: left; }

.language-wrapper {
  float: right; }

/* end home 06 */
.main-sidebar-right {
  margin-left: 375px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .main-sidebar-right {
      margin-left: 275px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .main-sidebar-right {
      margin-left: 270px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-sidebar-right {
      margin-left: 250px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-sidebar-right {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .main-sidebar-right {
      margin-left: 0px; } }

.empty-cart-content img {
  max-width: 100%; }
.empty-cart-content h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 50px 0 41px;
  color: #262626; }
  @media only screen and (max-width: 767px) {
    .empty-cart-content h3 {
      font-size: 17px;
      margin: 30px 0 31px; } }
.empty-cart-content .Button-Widget-genesis a .Button-Content {
  font-weight: bold;
  text-transform: uppercase; }

.error-content {
  margin-top: -120px; }
  @media only screen and (max-width: 767px) {
    .error-content {
      padding: 0 15px; } }
  .error-content h1 {
    font-size: 250px;
    color: #D4A843;
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .error-content h1 {
        font-size: 220px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .error-content h1 {
        font-size: 220px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .error-content h1 {
        font-size: 200px; } }
    @media only screen and (max-width: 767px) {
      .error-content h1 {
        font-size: 140px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .error-content h1 {
        font-size: 200px; } }
  .error-content h3 {
    font-size: 64px;
    color: #ffffff;
    margin: 0px 0 70px;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .error-content h3 {
        font-size: 55px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .error-content h3 {
        font-size: 55px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .error-content h3 {
        font-size: 55px; } }
    @media only screen and (max-width: 767px) {
      .error-content h3 {
        font-size: 25px;
        margin: 10px 0 30px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .error-content h3 {
        font-size: 30px;
        margin: 10px 0 30px; } }

.single-store h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 28px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .single-store h3 {
      font-size: 20px;
      margin-bottom: 12px; } }
.single-store ul li {
  margin-bottom: 5px; }
  .single-store ul li:last-child {
    margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-store.mb-50 {
    margin-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .single-store.mb-50 {
    margin-bottom: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .store-area.pb-70 {
    padding-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .store-area.pb-70 {
    padding-bottom: 20px; } }
/*--- Intria Studio --*/
.Light-Shadow {
  background-image: url(../images/cms/about-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px; }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .Light-Shadow {
      padding-top: 100px; } }
  @media only screen and (max-width: 540px) {
    .Light-Shadow {
      padding-top: 80px; } }
  @media only screen and (max-width: 480px) {
    .Light-Shadow {
      padding-top: 60px; } }
  .Light-Shadow .since-text {
    left: 0;
    position: relative; }
    .Light-Shadow .since-text h5 {
      position: absolute;
      left: 0;
      top: 36px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .34px;
      color: #111;
      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .Light-Shadow .since-text h5 {
          top: 0px;
          font-size: 14px; } }
      @media only screen and (max-width: 540px) {
        .Light-Shadow .since-text h5 {
          top: 0px;
          font-size: 14px; } }
      @media only screen and (max-width: 480px) {
        .Light-Shadow .since-text h5 {
          font-size: 13px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .Light-Shadow .since-text h5 {
          font-size: 13px; } }
  .Light-Shadow .light-shadow-cover {
    display: flex; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .Light-Shadow .light-shadow-cover {
        display: block; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .Light-Shadow .light-shadow-cover {
        display: block; } }
    @media only screen and (max-width: 540px) {
      .Light-Shadow .light-shadow-cover {
        display: block; } }
    .Light-Shadow .light-shadow-cover .Light-Shadow-text {
      padding: 280px 8% 300px 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .Light-Shadow .light-shadow-cover .Light-Shadow-text {
          padding: 200px 6% 250px 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .Light-Shadow .light-shadow-cover .Light-Shadow-text {
          padding: 150px 0% 235px 0; } }
      @media only screen and (max-width: 767px) {
        .Light-Shadow .light-shadow-cover .Light-Shadow-text {
          padding: 100px 30% 200px 0; } }
      @media only screen and (max-width: 480px) {
        .Light-Shadow .light-shadow-cover .Light-Shadow-text {
          padding: 100px 22% 200px 0; } }
      .Light-Shadow .light-shadow-cover .Light-Shadow-text h3 {
        margin-bottom: 10px; }
        .Light-Shadow .light-shadow-cover .Light-Shadow-text h3 .headline {
          line-height: 24px;
          font-size: 14px;
          font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          letter-spacing: 1.5px;
          color: #000000;
          display: flex;
          align-items: center; }
          .Light-Shadow .light-shadow-cover .Light-Shadow-text h3 .headline:before {
            content: "";
            display: inline-block;
            width: 4em;
            margin: 0;
            border-style: solid;
            border-width: 1px 0 0;
            margin-right: 25px; }
      .Light-Shadow .light-shadow-cover .Light-Shadow-text h2 {
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .Light-Shadow .light-shadow-cover .Light-Shadow-text h2 {
            margin-bottom: 15px; } }
      .Light-Shadow .light-shadow-cover .Light-Shadow-text p {
        font-size: 14px;
        line-height: 24px;
        color: #666;
        letter-spacing: 0;
        margin-bottom: 30px; }

/*---- speciallization area ---*/
.services-item-area {
  background-image: url(../images/others/Pattrean2.jpg);
  padding-top: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-item-area {
      padding-top: 80px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-item-area {
      padding-top: 60px;
      padding-bottom: 30px; } }
  @media only screen and (max-width: 540px) {
    .services-item-area {
      padding-top: 50px;
      padding-bottom: 30px; } }
  .services-item-area .title-headline h3 {
    margin-bottom: 10px; }
    .services-item-area .title-headline h3 .headline {
      line-height: 24px;
      font-size: 14px;
      font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      letter-spacing: 1.5px;
      color: #ffffff;
      display: flex;
      align-items: center; }
      .services-item-area .title-headline h3 .headline:before {
        content: "";
        display: inline-block;
        width: 4em;
        margin: 0;
        margin-right: 25px;
        border-style: solid;
        border-width: 1px 0 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-item-area .services-item {
      margin-bottom: 40px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .services-item-area .services-item {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 540px) {
    .services-item-area .services-item {
      text-align: center;
      margin-bottom: 20px; } }
  .services-item-area .services-item h4 {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 25px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
  .services-item-area .services-item p {
    color: #ffffff;
    letter-spacing: .21px;
    font-family: heebo,sans-serif;
    margin-bottom: 30px; }
    @media only screen and (max-width: 540px) {
      .services-item-area .services-item p {
        text-align: center;
        margin-bottom: 20px; } }
  .services-item-area .services-item .button-icon a {
    color: #D4A843;
    letter-spacing: 1px;
    font-weight: 500; }
    .services-item-area .services-item .button-icon a i {
      margin-left: 8px; }
    .services-item-area .services-item .button-icon a:hover {
      color: #ffffff; }

/*--- Luxury Town Houses ---*/
.luxury-town-houses .luxury-houses .luxury-houses-area {
  background-image: url(../images/others/pattrean2.jpg);
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .luxury-town-houses .luxury-houses .luxury-houses-area {
      display: block; } }
  @media only screen and (max-width: 540px) {
    .luxury-town-houses .luxury-houses .luxury-houses-area {
      padding: 15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .luxury-town-houses .luxury-houses .luxury-houses-area {
      padding: 15px; } }
  @media only screen and (max-width: 480px) {
    .luxury-town-houses .luxury-houses .luxury-houses-area {
      padding: 20px;
      display: block;
      text-align: center; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .luxury-town-houses .luxury-houses .luxury-houses-area {
      padding: 20px; } }
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info {
    float: left; }
    @media only screen and (max-width: 767px) {
      .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info {
        margin-bottom: 20px;
        text-align: center; } }
    .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h2 {
      margin-bottom: 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h2 {
          font-size: 33px;
          line-height: 38px; } }
    .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
      color: #ffffff;
      font-size: 35px;
      line-height: 40px;
      margin-bottom: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
          font-size: 28px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
          font-size: 25px;
          line-height: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
          font-size: 24px;
          line-height: 30px; } }
      @media only screen and (max-width: 540px) {
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
          font-size: 24px;
          line-height: 30px; } }
      @media only screen and (max-width: 480px) {
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
          font-size: 20px;
          line-height: 25px; } }
    .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis {
      font-size: 14px;
      display: inline-block;
      line-height: 16px;
      width: auto; }
      .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a i, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget i {
        font-size: 2.8em;
        width: 2em;
        height: 2em;
        line-height: 2; }
        @media only screen and (max-width: 540px) {
          .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a i, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget i {
            font-size: 2.5em;
            width: 1.8em;
            height: 1.8em;
            line-height: 2; } }
        @media only screen and (max-width: 480px) {
          .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a i, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget i {
            font-size: 2.5em;
            width: 2em;
            height: 2em;
            line-height: 2; } }
      .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title {
        padding: 15px 30px 15px 0;
        text-align: left; }
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
          letter-spacing: 1px;
          line-height: 1;
          margin-bottom: 11px;
          text-transform: uppercase; }
          @media only screen and (max-width: 767px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
              letter-spacing: 0; } }
          @media only screen and (max-width: 480px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
              font-size: 12px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
              text-transform: none; } }
        .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
          font-size: 20px;
          line-height: 1; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
              font-size: 15px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
              font-size: 12px; } }
          @media only screen and (max-width: 767px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
              font-size: 12px; } }
          @media only screen and (max-width: 540px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
              font-size: 14px; } }
          @media only screen and (max-width: 480px) {
            .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title, .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
              font-size: 13px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .home-02 h2 {
        margin-bottom: 40px;
        font-size: 38px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-02 h2 {
        margin-bottom: 30px;
        font-size: 36px;
        line-height: 42px; } }
    @media only screen and (max-width: 767px) {
      .home-02 h2 {
        margin-bottom: 25px;
        font-size: 32px;
        line-height: 38px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-02 .Latest-Projects-area {
        padding-bottom: 80px;
        padding-top: 80px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .home-02 .Latest-Projects-area {
        padding-bottom: 60px;
        padding-top: 60px; } }
    @media only screen and (max-width: 540px) {
      .home-02 .Latest-Projects-area {
        padding-bottom: 50px;
        padding-top: 50px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home-02 .Latest-Projects-area .owl-nav {
          top: -86px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .Latest-Projects-area .owl-nav {
          top: -74px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .Latest-Projects-area .owl-nav {
          top: 0;
          position: relative;
          text-align: center;
          margin: 20px 0 0; } }
      @media only screen and (max-width: 540px) {
        .home-02 .Latest-Projects-area .owl-nav {
          top: 0;
          position: relative;
          text-align: center;
          margin: 20px 0 0; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .home-02 .Latest-Projects-area .owl-nav .owl-prev, .home-02 .Latest-Projects-area .owl-nav .owl-next {
            margin-right: 0; } }
          @media only screen and (max-width: 767px) {
            .home-02 .Latest-Projects-area .owl-nav .owl-prev:last-child, .home-02 .Latest-Projects-area .owl-nav .owl-next:last-child {
              margin-right: 0; } }
        @media only screen and (max-width: 767px) {
          .home-02 .Latest-Projects-area .owl-nav .owl-prev, .home-02 .Latest-Projects-area .owl-nav .owl-next {
            font-size: 32px;
            width: 32px;
            height: 32px;
            line-height: 32px;
            margin-right: 15px; } }
        @media only screen and (max-width: 480px) {
          .home-02 .Latest-Projects-area .owl-nav .owl-prev, .home-02 .Latest-Projects-area .owl-nav .owl-next {
            font-size: 26px;
            width: 26px;
            height: 26px;
            line-height: 26px;
            margin-right: 10px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .Latest-Projects-area .single-Latest-Projects {
          display: block; } }
      @media only screen and (max-width: 540px) {
        .home-02 .Latest-Projects-area .single-Latest-Projects {
          display: block; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content {
              padding: 30px; } }
          @media only screen and (max-width: 540px) {
            .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content {
              padding: 40px; } }
            @media only screen and (min-width: 992px) and (max-width: 1199px) {
              .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
                font-size: 34px;
                margin-bottom: 5px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
                font-size: 32px;
                margin-bottom: 5px; } }
            @media only screen and (max-width: 767px) {
              .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
                font-size: 32px;
                margin-bottom: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-02 .Offering-area {
        padding-bottom: 80px;
        padding-top: 80px; } }
    @media only screen and (max-width: 767px) {
      .home-02 .Offering-area {
        padding-bottom: 60px;
        padding-top: 60px; } }
    @media only screen and (max-width: 540px) {
      .home-02 .Offering-area {
        padding-bottom: 50px;
        padding-top: 50px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .Offering-area .offering-cover {
          display: block; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .Offering-area .offering-cover {
          display: block; } }
      @media only screen and (max-width: 540px) {
        .home-02 .Offering-area .offering-cover {
          display: block; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .Offering-area .offering-cover .offering-info {
          margin-bottom: 40px; } }
      @media only screen and (max-width: 767px) {
        .home-02 .Offering-area .offering-cover .offering-info {
          margin-bottom: 30px; } }
        @media only screen and (max-width: 767px) {
          .home-02 .Offering-area .offering-cover .offering-info h2 {
            margin-bottom: 15px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .Offering-area .offering-cover .offering-info h3 {
            margin: 15px 0;
            font-size: 20px;
            line-height: 24px; } }
        @media only screen and (max-width: 540px) {
          .home-02 .Offering-area .offering-cover .offering-info h3 {
            margin: 10px 0;
            font-size: 18px;
            line-height: 24px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .Offering-area .offering-cover .offering-info p {
            line-height: 26px; } }
        @media only screen and (max-width: 540px) {
          .home-02 .Offering-area .offering-cover .offering-info p {
            line-height: 24px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-02 .Architecture-area {
        padding-bottom: 80px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .Architecture-area .Architecture-wrap {
          display: block; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .Architecture-area .Architecture-wrap {
          display: block; } }
      @media only screen and (max-width: 540px) {
        .home-02 .Architecture-area .Architecture-wrap {
          display: block; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .Architecture-area .Architecture-wrap .Architecture-info {
            padding-right: 0%;
            margin-bottom: 40px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .home-02 .Architecture-area .Architecture-wrap .Architecture-info {
            padding-right: 0%;
            margin-bottom: 40px; } }
        @media only screen and (max-width: 540px) {
          .home-02 .Architecture-area .Architecture-wrap .Architecture-info {
            padding-right: 0%;
            margin-bottom: 30px; } }
          @media only screen and (max-width: 767px) {
            .home-02 .Architecture-area .Architecture-wrap .Architecture-info h2 {
              margin: 0 0 10px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
              padding: 10px 0 25px;
              font-size: 16px;
              line-height: 24px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
              padding: 10px 0 15px;
              font-size: 16px;
              line-height: 24px; } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
              padding: 10px 0 15px;
              font-size: 16px;
              line-height: 24px; } }
          @media only screen and (max-width: 540px) {
            .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
              padding: 10px 0 15px;
              font-size: 15px;
              line-height: 20px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home-02 .Architecture-area .feature-slider-active {
          padding: 40px 6.3%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .Architecture-area .feature-slider-active {
          padding: 40px 6.3%; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .Architecture-area .feature-slider-active {
          padding: 40px 6.3%;
          width: 50%; } }
      @media only screen and (max-width: 540px) {
        .home-02 .Architecture-area .feature-slider-active {
          padding: 30px 10.3%;
          width: 100%;
          margin-left: 0; } }
      @media only screen and (max-width: 320px) {
        .home-02 .Architecture-area .feature-slider-active {
          padding: 30px 10.3%;
          width: 100%;
          margin-top: -60px; } }
        @media only screen and (max-width: 320px) {
          .home-02 .Architecture-area .feature-slider-active .feature-item {
            justify-content: center; } }
            @media only screen and (min-width: 992px) and (max-width: 1199px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
                letter-spacing: 1px; } }
            @media only screen and (min-width: 768px) and (max-width: 991px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
                letter-spacing: 1px; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
                letter-spacing: 1px; } }
            @media only screen and (max-width: 540px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
                letter-spacing: 1px; } }
            @media only screen and (max-width: 320px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
                letter-spacing: 1px; } }
            @media only screen and (min-width: 992px) and (max-width: 1199px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
                font-size: 16px;
                line-height: 22px; } }
            @media only screen and (max-width: 540px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
                font-size: 16px;
                line-height: 22px; } }
            @media only screen and (max-width: 320px) {
              .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
                font-size: 14px;
                line-height: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-02 .Watch-Video {
        padding-bottom: 80px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .Watch-Video-active .video-inner .video-img {
          width: auto; } }
      @media only screen and (max-width: 767px) {
        .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a {
          width: 70px;
          height: 70px;
          line-height: 70px;
          font-size: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a {
          line-height: 90px;
          width: 90px;
          height: 90px; } }
        @media only screen and (max-width: 767px) {
          .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a i {
            line-height: 70px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a i {
            line-height: 90px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
            width: 70px;
            height: 70px; } }
        @media only screen and (max-width: 767px) {
          .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
            width: 60px;
            height: 60px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
            width: 70px;
            height: 70px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home-02 .delivering-area .title-text {
          padding: 0 6% 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .delivering-area .title-text {
          padding: 0 5% 0; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .delivering-area .title-text {
          padding: 0 0% 0; } }
      @media only screen and (max-width: 540px) {
        .home-02 .delivering-area .title-text {
          padding: 0 0% 0; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home-02 .delivering-area .comming-soon-content .comming-soon-timer {
          margin: 0 0 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .delivering-area .comming-soon-content .comming-soon-timer {
          margin: 0 0 30px; } }
      @media only screen and (max-width: 767px) {
        .home-02 .delivering-area .comming-soon-content .comming-soon-timer {
          margin: 0 0 25px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span {
              margin: 0 30px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span {
              margin: 0 20px; } }
          @media only screen and (max-width: 767px) {
            .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span {
              margin: 0 10px; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span > span {
                font-size: 28px; } }
            @media only screen and (max-width: 540px) {
              .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span > span {
                font-size: 26px; } }
            @media only screen and (min-width: 576px) and (max-width: 767px) {
              .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span > p {
                letter-spacing: 1px;
                font-size: 16px; } }
            @media only screen and (max-width: 540px) {
              .home-02 .delivering-area .comming-soon-content .comming-soon-timer div > span > p {
                letter-spacing: 1px;
                font-size: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-02 .delivering-area .delivering-cover {
          margin-bottom: 0; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-02 .delivering-area .delivering-cover {
          margin-bottom: 0; } }
      @media only screen and (max-width: 540px) {
        .home-02 .delivering-area .delivering-cover {
          margin-bottom: 0; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .home-02 .delivering-area .delivering-cover .delivering-info {
            padding: 18px 20px 30px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-02 .delivering-area .delivering-cover .delivering-info {
            padding: 15px 15px 25px;
            margin-bottom: 20px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .home-02 .delivering-area .delivering-cover .delivering-info {
            margin-bottom: 20px;
            background-color: #1a1b19;
            box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0); } }
        @media only screen and (max-width: 540px) {
          .home-02 .delivering-area .delivering-cover .delivering-info {
            margin-bottom: 20px;
            background-color: #1a1b19;
            box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0); } }
        @media only screen and (max-width: 320px) {
          .home-02 .delivering-area .delivering-cover .delivering-info {
            margin-bottom: 20px;
            background-color: #1a1b19;
            box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0); } }
          @media only screen and (min-width: 576px) and (max-width: 767px) {
            .home-02 .delivering-area .delivering-cover .delivering-info .delivering-img {
              margin-top: 25px;
              margin-bottom: 20px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-03 .innovative-ideas-area {
      padding-bottom: 80px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .home-03 .innovative-ideas-area {
      padding-bottom: 20px;
      padding-top: 50px; } }
  @media only screen and (max-width: 540px) {
    .home-03 .innovative-ideas-area {
      padding-bottom: 40px;
      padding-top: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-03 .innovative-ideas-area .innovative-ideas {
        display: block; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .home-03 .innovative-ideas-area .innovative-ideas {
        display: block; } }
    @media only screen and (max-width: 540px) {
      .home-03 .innovative-ideas-area .innovative-ideas {
        display: block; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
          padding: 40px 40px 40px 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
          margin: 40px 0px 0px 0px;
          padding: 60px 60px 60px 60px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
          margin: 40px 0px 0px 0px; } }
      @media only screen and (max-width: 540px) {
        .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
          margin: 30px 0px 0px 0px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h3 {
            margin-bottom: 15px; } }
        @media only screen and (max-width: 1024px) {
          .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h2 {
            font-size: 32px;
            line-height: 35px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h2 {
            margin-bottom: 15px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor p {
            font-size: 14px;
            line-height: 24px; } }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
          margin-top: 30px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
          margin-top: 15px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
          margin-top: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
          margin-top: 30px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
          margin-top: 30px; } }
      @media only screen and (max-width: 540px) {
        .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
          margin-top: 15px;
          margin-bottom: 0; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats h5 {
            font-size: 14px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-03 .latest-projects-area {
        padding-top: 60px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .home-03 .latest-projects-area {
        padding-top: 50px; } }
    @media only screen and (max-width: 540px) {
      .home-03 .latest-projects-area {
        padding-top: 40px; } }
      @media only screen and (max-width: 540px) {
        .home-03 .latest-projects-area .section-title h3 {
          font-size: 80px; } }
      @media only screen and (max-width: 540px) {
        .home-03 .latest-projects-area .section-title h2 {
          margin-top: -66px; } }
        @media only screen and (max-width: 540px) {
          .home-03 .latest-projects-area .latest-projects-tab-list a {
            padding: 6px 10px;
            letter-spacing: 0; } }
        @media only screen and (max-width: 540px) {
          .home-03 .latest-projects-area .latest-projects-tab-list a {
            padding: 6px 8px;
            margin: 0 3px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-04 .porject-text, .home-05 .porject-text {
    padding-top: 100px;
    padding-bottom: 80px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-04 .porject-text, .home-05 .porject-text {
    padding-top: 80px;
    padding-bottom: 40px; } }
@media only screen and (max-width: 767px) {
  .home-04 .porject-text, .home-05 .porject-text {
    padding-top: 80px;
    padding-bottom: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-04 .porject-text .porject-title h2 {
        font-size: 52px;
        line-height: 55px; } }
    @media only screen and (max-width: 767px) {
      .home-04 .porject-text .porject-title h2 {
        font-size: 42px;
        line-height: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-04 .porject-text .porject-title {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .home-04 .porject-text .porject-title {
      margin-bottom: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-04 .porject-text .porject-info h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .home-04 .porject-text .porject-info h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-04 .porject-text .porject-info p {
        font-size: 16px;
        line-height: 26px; } }
    @media only screen and (max-width: 767px) {
      .home-04 .porject-text .porject-info p {
        font-size: 14px;
        line-height: 26px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-04 .latest-projects-area {
      padding-bottom: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-04 .latest-projects-area {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .home-04 .latest-projects-area {
      padding-bottom: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-04 .latest-projects-tab-list, .home-05 .latest-projects-tab-list {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .home-04 .latest-projects-tab-list, .home-05 .latest-projects-tab-list {
      margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .home-04 .latest-projects-tab-list a, .home-05 .latest-projects-tab-list a {
        letter-spacing: 5px;
        margin: 0 11px; } }
      @media only screen and (max-width: 320px) {
        .home-04 .latest-projects-tab-list a:first-child, .home-05 .latest-projects-tab-list a:first-child {
          margin: 0; } }
    @media only screen and (max-width: 540px) {
      .home-04 .latest-projects-tab-list a, .home-05 .latest-projects-tab-list a {
        padding: 6px 10px;
        letter-spacing: 0; } }
    @media only screen and (max-width: 540px) {
      .home-04 .latest-projects-tab-list a, .home-05 .latest-projects-tab-list a {
        padding: 6px 8px;
        margin: 0 3px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .home-05 .porject-text .porject-title h2 {
        font-size: 52px;
        line-height: 55px; } }
    @media only screen and (max-width: 767px) {
      .home-05 .porject-text .porject-title h2 {
        font-size: 42px;
        line-height: 45px; } }
      @media only screen and (max-width: 767px) {
        .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery {
          padding: 30px 0 0 20px; } }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5 a {
              font-size: 18px;
              letter-spacing: 2px; } }
          @media only screen and (max-width: 767px) {
            .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5 a {
              font-size: 16px;
              letter-spacing: 1px;
              font-weight: 400; } }
        @media only screen and (max-width: 767px) {
          .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg p {
            font-size: 14px; } }

/*-------- 30. Contact style ---------*/
          @media only screen and (max-width: 540px) {
            .home-03 .contact-us-area .contact .contact-form-area #contact-form input {
              margin-bottom: 15px;
              height: 45px; } }
          @media only screen and (max-width: 540px) {
            .home-03 .contact-us-area .contact .contact-form-area #contact-form textarea {
              height: 100px; } }
/* ============================================================
   KCK.CASA Brand Overrides — keeps Genesis layout + KCK brand
   Use CSS Custom Properties for easy theming
   ============================================================ */
:root {
    --kck-navy: #1a1f3d;
    --kck-gold: #D4A843;
    --kck-gold-hover: #e7bd5e;
    --kck-white: #ffffff;
    --kck-text-light: #e0e3ef;
    --kck-text-muted: #b0b8d0;
    --kck-header-height: 72px;
    --kck-transition: 0.35s ease;
    --kck-radius: 4px;
    --kck-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

/* ============================================================
   Theme color overrides (template green → KCK navy/gold)
   ============================================================ */
.bg-main { background-color: var(--kck-navy) !important; }
.bg-main2 { background-color: var(--kck-gold) !important; }
.headline { color: var(--kck-gold) !important; }

/* ============================================================
   Fixed header / navbar (all pages)
   ============================================================ */
body { padding-top: 0; }

/* Fixed header on non-home pages */
body:not(.home) .header-area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
body:not(.home) {
    padding-top: var(--kck-header-height);
}

/* Homepage: fixed but transparent at top */
.home .header-area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    height: 64px;
}
.home { padding-top: 0; }

/* Header background: solid navy */
header.header-area {
    /*background-color: var(--kck-navy);*/
    background-image: linear-gradient(180deg, #000000 0%, var(--kck-navy) 100%);
}


header.header-area.header-transparent{
    background-color: #fff0;
    background-image: linear-gradient(180deg, #000000 0%, #FFFFFF00 100%);
}
header.header-area.header-transparent .header-bottom {
    background-color: transparent !important;
    background-image: none !important;
}
header.header-area.header-transparent .header-small-device.bg-main {
    background-color: transparent !important;
}

/* ============================================================
   Navigation: white text + gold accent
   ============================================================ */
.main-menu > nav > ul > li > a {
    color: var(--kck-white) !important;
    padding-top: 14px;
    padding-bottom: 15px;
}
.main-menu > nav > ul > li > a.active,
.main-menu > nav > ul > li:hover > a {
    color: var(--kck-gold) !important;
}

/* Header right icons */
.header-right-wrap .same-style > a {
    color: var(--kck-white);
}
.header-right-wrap .same-style > a:hover {
    color: var(--kck-gold);
}

/* ============================================================
   Footer branding
   ============================================================ */
.footer-brand-col .footer-logo {
    color: var(--kck-surface);
    font-weight: 700;
    font-size: 18px;
}

/* ============================================================
   Slider / Hero gold accent
   ============================================================ */
.slider-area .main-slider-content-2 span { color: var(--kck-white); }

/* ============================================================
   Button widget (gold bg, navy text)
   ============================================================ */
.Button-Widget-genesis .Button-Widget {
    background: var(--kck-gold) !important;
    color: var(--kck-navy) !important;
}
.Button-Widget-genesis .Button-Widget:hover {
    background: var(--kck-gold-hover) !important;
}

/* ============================================================
   Bootstrap tab fix: min.css has .tab-pane{display:none}
   but missing .tab-pane.active{display:block}
   ============================================================ */
.tab-pane.active { display: block; }

/* ============================================================
   Breadcrumb area consistency
   ============================================================ */
.breadcrumb-area {
    padding-top: calc(var(--kck-header-height) + 20px);
}

/* SVG icon helper — match Font Awesome 4 sizing & alignment */
svg[width="1em"][height="1em"] {
  display: inline-block;
  vertical-align: -0.12em;
  line-height: 1;
}

/* Floating heart — fixed top-left brand icon */
.kck-floating-heart {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1050;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.85);
  background: rgba(26, 31, 61, 0.55);
  backdrop-filter: blur(6px);
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.25s ease;
  pointer-events: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.kck-floating-heart:hover {
  color: #D4A843;
  background: rgba(26, 31, 61, 0.8);
  transform: scale(1.08);
  box-shadow: 0 4px 16px rgba(212,168,67,0.35);
}
.kck-floating-heart:focus-visible {
  outline: 2px solid #D4A843;
  outline-offset: 2px;
}


/* Mobile menu icon — sized larger to match visibility of other header icons */
.mobile-menu-button-active svg,
.mobile-menu-button-active .fa,
.mobile-menu-active svg {
  font-size: 1.35em !important;
  width: 1.35em !important;
  height: 1.35em !important;
  vertical-align: middle;
}


/* Mobile menu — clean up the active/hover state to avoid stray black box */
.mobile-menu-button-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  color: #fff;
}
.mobile-menu-button-active::before,
.mobile-menu-button-active::after {
  display: none !important;
}
.mobile-menu-button-active:hover,
.mobile-menu-button-active:focus {
  background: transparent !important;
  color: #D4A843;
}
/* ============================================================
   KCK.CASA Design System — unified design tokens, typographic
   hierarchy, component primitives, responsive layout & a11y
   ————————————————————————————————————————
   Load AFTER  kckcasa.css (brand overrides)
   Load BEFORE per-view CSS ($extra_css)
   ============================================================ */

/* ============================================================
   1. Design Tokens — semantic extension of --kck-* in kckcasa.css
   ============================================================ */
:root {
  /* Brand scale */
  --kck-navy-900: #141933;
  --kck-navy-700: #2a3158;
  --kck-navy-50:  #f0f1f7;
  --kck-gold-400: #e7bd5e;
  --kck-gold-600: #b88a2e;
  --kck-gold-50:  #fcf7ed;

  /* Surface palette — warm off-white European feel */
  --kck-bg:        #fbfaf7;
  --kck-surface:   #ffffff;
  --kck-surface-2: #f4f2ec;
  --kck-border:    #e6e2d8;
  --kck-ink:       #1f2230;
  --kck-ink-soft:  #565b6e;
  --kck-ink-muted: #8a8f9e;

  /* Typography scale */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:   .75rem;   /* 12px */
  --fs-sm:   .75rem;   /* 12px — small labels, captions */
  --fs-base: .875rem;  /* 14px — body text (matches reference) */
  --fs-md:   1rem;     /* 16px — larger body / h4 */
  --fs-lg:   1.25rem;  /* 20px */
  --fs-xl:   1.5rem;   /* 24px */
  --fs-2xl:  2rem;     /* 32px */
  --fs-3xl:  2.5rem;   /* 40px */
  --fs-4xl:  4rem;     /* 64px */

  --lh-tight:   1.15;
  --lh-snug:    1.3;
  --lh-normal:  1.6;
  --lh-relaxed: 1.75;

  --fw-normal:   400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* Spacing scale (8pt base — generous European rhythm) */
  --space-2:  .5rem;
  --space-3:  .75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Radii */
  --radius-sm:   4px;
  --radius:      8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* Shadows — warm navy-tinted */
  --shadow-sm: 0 1px 3px rgba(26,31,61,.06);
  --shadow:    0 4px 12px rgba(26,31,61,.08);
  --shadow-md: 0 8px 24px rgba(26,31,61,.10);
  --shadow-lg: 0 18px 48px rgba(26,31,61,.14);

  /* Transitions */
  --ease-out: cubic-bezier(.4,0,.2,1);
  --t-fast:   150ms var(--ease-out);
  --t:        280ms var(--ease-out);
  --t-slow:   460ms var(--ease-out);

  /* Layout */
  --container-max: 1240px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);
  --section-gap:   clamp(4rem, 10vw, 8rem);
}

/* ============================================================
   2. Global Base
   ============================================================ */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  color: var(--kck-ink);
  background: var(--kck-bg);
  line-height: var(--lh-relaxed);
}

main { display: block; }

/* ============================================================
   3. Typographic Hierarchy — unified rules site-wide
   ————————————————————————————————————————
   Display font (Cormorant Garamond) is reserved for h1–h4,
   the main editorial headings. h5–h6 use body font (Inter)
   because in this project they are functional labels
   (e.g. "Phone Number", "Years Experience", "SOFA MODELS").
   ============================================================ */

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  letter-spacing: .005em;
  color: var(--kck-navy);
  margin-top: 0;
  margin-bottom: .5em;
}

/* h5 / h6 are LABELS — keep body font for legibility */
h5, h6 {
  font-family: var(--font-body);
  font-weight: var(--fw-medium);
  line-height: var(--lh-snug);
  color: var(--kck-navy);
  margin-top: 0;
  margin-bottom: .4em;
}

h1 { font-size: clamp(2rem, 5vw, var(--fs-4xl)); }
h2 { font-size: clamp(1.5rem, 3.5vw, var(--fs-3xl)); }
h3 { font-size: clamp(1.25rem, 2.5vw, var(--fs-2xl)); }
h4 { font-size: clamp(1.125rem, 2vw, var(--fs-xl)); }
h5 { font-size: var(--fs-base); }
h6 { font-size: var(--fs-sm); }

/* — Dark container headings — whiten for contrast on navy/image backgrounds — */
.bg-main h1, .bg-main h2, .bg-main h3,
.bg-main h4, .bg-main h5, .bg-main h6,
.slider-area h1, .slider-area h2, .slider-area h3,
.slider-area h4, .slider-area h5, .slider-area h6,
.footer-area h1, .footer-area h2, .footer-area h3,
.footer-area h4, .footer-area h5, .footer-area h6 {
  color: #fff;
}

/* — Body / paragraph text — override style.css #666 with readable near-black — */
p, li, blockquote, figcaption, .entry-content {
  color: var(--kck-ink);
}

p {
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  margin-bottom: 1.25em;
}

/* — Text utilities — */
.lead {
  font-size: var(--fs-md);
  line-height: var(--lh-relaxed);
  color: var(--kck-ink-soft);
}

.small, small, .text-muted {
  font-size: var(--fs-sm);
  color: var(--kck-ink-muted);
}

.text-soft { color: var(--kck-ink-soft); }
.text-gold { color: var(--kck-gold); }
.text-navy { color: var(--kck-navy); }

/* — Links — */
a {
  color: var(--kck-navy);
  text-decoration: none;
  transition: color var(--t-fast);
  font-weight: var(--fw-normal);
}
a:hover { color: var(--kck-gold-hover); }

/* Links on dark backgrounds */
.bg-main a,
.footer-area a,
.slider-area a {
  color: rgba(255,255,255,.85);
  font-weight: var(--fw-normal);
}
.bg-main a:hover,
.footer-area a:hover,
.slider-area a:hover {
  color: var(--kck-gold);
}

/* Footer contact: label-value pair inside .title-box */
.footer-area .Phone,
.footer-area .Email,
.footer-area .Location {
  font-family: var(--font-body);
}
.footer-area .Phone .title-box h5,
.footer-area .Email .title-box h5,
.footer-area .Location .title-box h5 {
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--kck-gold-400, #e7bd5e);
  margin: 0 0 6px;
  display: block;
  line-height: 1.3;
}
.footer-area .Phone .title-box p,
.footer-area .Email .title-box p,
.footer-area .Location .title-box p {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  line-height: var(--lh-snug);
  color: rgba(255,255,255,.85);
  margin: 0;
  display: block;
}
.footer-area .Location .title-box p {
  color: rgba(255,255,255,.7);
}
.footer-area .Phone .title-box p,
.footer-area .Email .title-box p,
.footer-area .Location .title-box p {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  line-height: var(--lh-snug);
  color: rgba(255,255,255,.85);
  margin: 0;
}
.footer-area .Location .title-box p {
  color: rgba(255,255,255,.7);
}

/* ============================================================
   3b. Typography utility classes — for any element
   ============================================================ */

/* Font families */
.kck-font-display { font-family: var(--font-display) !important; }
.kck-font-body    { font-family: var(--font-body) !important; }

/* Font sizes (use .kck-text-{token}) */
.kck-text-xs   { font-size: var(--fs-xs) !important; }
.kck-text-sm   { font-size: var(--fs-sm) !important; }
.kck-text-base { font-size: var(--fs-base) !important; }
.kck-text-md   { font-size: var(--fs-md) !important; }
.kck-text-lg   { font-size: var(--fs-lg) !important; }
.kck-text-xl   { font-size: var(--fs-xl) !important; }
.kck-text-2xl  { font-size: var(--fs-2xl) !important; }
.kck-text-3xl  { font-size: var(--fs-3xl) !important; }

/* Font weights */
.kck-weight-normal   { font-weight: var(--fw-normal) !important; }
.kck-weight-medium   { font-weight: var(--fw-medium) !important; }
.kck-weight-semibold { font-weight: var(--fw-semibold) !important; }
.kck-weight-bold     { font-weight: var(--fw-bold) !important; }

/* Line heights */
.kck-leading-tight   { line-height: var(--lh-tight) !important; }
.kck-leading-snug    { line-height: var(--lh-snug) !important; }
.kck-leading-normal  { line-height: var(--lh-normal) !important; }
.kck-leading-relaxed { line-height: var(--lh-relaxed) !important; }

/* Text alignment */
.kck-text-left    { text-align: left !important; }
.kck-text-center  { text-align: center !important; }
.kck-text-right   { text-align: right !important; }
.kck-text-justify { text-align: justify !important; }

/* Text transform & case */
.kck-uppercase { text-transform: uppercase !important; letter-spacing: .05em; }
.kck-lowercase { text-transform: lowercase !important; }
.kck-capitalize { text-transform: capitalize !important; }

/* Truncation */
.kck-truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Counter label (homepage "SOFA MODELS" / "PRODUCT SERIES" etc.) */
.stats h5 {
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--kck-gold);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 6px;
}
.stats .count {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, var(--fs-3xl));
  font-weight: var(--fw-semibold);
  color: var(--kck-white);
  line-height: 1;
}

/* ============================================================
   4. Spacing Rhythm — European breathing room
   ============================================================ */

/* Utility: apply generous vertical padding to any section */
.kck-section {
  padding-block: var(--section-gap);
}

/* Gold accent bar for section headings */
.kck-accent-bar {
  display: block;
  width: 48px;
  height: 2px;
  background: var(--kck-gold);
  margin-top: var(--space-3);
}

.kck-section-heading {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3.5vw, var(--fs-3xl));
  font-weight: var(--fw-semibold);
  color: var(--kck-navy);
  margin-bottom: var(--space-8);
  position: relative;
}
.kck-section-heading::after {
  content: '';
  display: block;
  width: 48px;
  height: 2px;
  background: var(--kck-gold);
  margin-top: var(--space-3);
}

/* ============================================================
   5. Component Primitives
   ============================================================ */

/* — Logo — */
.kck-logo {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: 1.5rem;
  letter-spacing: .03em;
}

/* — Unified button system — */
.kck-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-body);
  font-weight: var(--fw-medium);
  font-size: var(--fs-sm);
  line-height: 1;
  text-decoration: none;
  padding: .75rem 1.75rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--t);
  user-select: none;
  white-space: nowrap;
}
.kck-btn:focus-visible {
  outline: 2px solid var(--kck-gold);
  outline-offset: 2px;
}
.kck-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

.kck-btn--primary {
  background: var(--kck-gold);
  color: var(--kck-navy);
}
.kck-btn--primary:hover {
  background: var(--kck-gold-hover);
  color: var(--kck-navy);
  transform: translateY(-1px);
  box-shadow: var(--shadow);
}

.kck-btn--outline {
  background: transparent;
  color: var(--kck-navy);
  border: 1px solid var(--kck-navy);
}
.kck-btn--outline:hover {
  background: var(--kck-navy);
  color: #fff;
}

.kck-btn--light {
  background: rgba(255,255,255,.12);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
}
.kck-btn--light:hover {
  background: rgba(255,255,255,.22);
  color: #fff;
}

/* — Card primitive — */
.kck-card {
  background: var(--kck-surface);
  border-radius: var(--radius);
  border: 1px solid var(--kck-border);
  overflow: hidden;
  transition: all var(--t);
}
.kck-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

/* — Genesis component harmonisation — */

/* Buttons get brand font & radius */
.btn,
.Button-Widget,
.cart-btn-style,
.submit-btn,
button[type="submit"] {
  font-family: var(--font-body);
  border-radius: var(--radius-sm);
}

/* Product / category cards get card-like treatment */
.product-wrap,
.product-item,
.single-product-cart {
  border-radius: var(--radius);
  overflow: hidden;
  transition: all var(--t);
  background: var(--kck-surface);
}
.product-wrap:hover,
.product-item:hover,
.single-product-cart:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

/* — Form inputs — */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
select {
  font-family: var(--font-body);
  border: 1px solid var(--kck-border);
  border-radius: var(--radius-sm);
  padding: .625rem .875rem;
  font-size: var(--fs-sm);
  transition: border-color var(--t-fast), box-shadow var(--t-fast);
  background: #fff;
  color: var(--kck-ink);
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--kck-gold);
  box-shadow: 0 0 0 3px rgba(212,168,67,.15);
}

/* Placeholder */
::placeholder {
  color: var(--kck-ink-muted);
  opacity: 1;
}

/* ============================================================
   6. Accessibility & Motion
   ============================================================ */

/* Brand gold focus ring on all interactive elements */
:focus-visible {
  outline: 2px solid var(--kck-gold);
  outline-offset: 2px;
}

/* Respect user reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Improved screen-reader-only */
.sr-only,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Tab visibility — complements kckcasa.css .tab-pane.active */
.tab-pane.fade {
  opacity: 0;
  transition: opacity var(--t);
}
.tab-pane.fade.active,
.tab-pane.fade.show {
  opacity: 1;
}

/* ============================================================
   7. Responsive Refinements
   ============================================================ */

/* Fluid images */
img {
  max-width: 100%;
  height: auto;
}

/* Responsive typography — fine-tuning at each breakpoint */
/* Tablet: 768–991px */
@media (max-width: 991px) {
  h1 { line-height: 1.1; }
  h2 { line-height: 1.2; }
  .stats .count { font-size: var(--fs-2xl); }
}

/* Mobile: ≤767px */
@media (max-width: 767px) {
  body { font-size: 15px; }
  p { line-height: 1.7; }
  .lead { font-size: var(--fs-base); }

  h1 { font-size: clamp(1.75rem, 7vw, 2.5rem); }
  h2 { font-size: clamp(1.375rem, 5.5vw, 2rem); }
  h3 { font-size: 1.375rem; }
  h4 { font-size: 1.125rem; }
  h5 { font-size: var(--fs-base); }
  h6 { font-size: var(--fs-sm); }

  /* Compact footer contact on mobile */
  .footer-area .Phone .title-box h5,
  .footer-area .Email .title-box h5,
  .footer-area .Location .title-box h5 {
    font-size: var(--fs-xs);
  }
  .footer-area .Phone .title-box p,
  .footer-area .Email .title-box p,
  .footer-area .Location .title-box p {
    font-size: var(--fs-sm);
  }

  /* 44px touch targets for mobile */
  a, button, .btn, .Button-Widget,
  [role="button"],
  .main-menu > nav > ul > li > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .header-area .header-right-wrap .same-style > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* Very small screens: ≤480px */
@media (max-width: 480px) {
  body { font-size: 14px; }
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.375rem; }
  h3 { font-size: 1.125rem; }
  h4 { font-size: 1rem; }
  .stats .count { font-size: var(--fs-xl); }
}

/* ============================================================
   8. Footer polish — uniform contact icons & partner links
   ============================================================ */

/* Uniform gold circle for Phone / Email / Location icons */
.footer-area .Phone .img i,
.footer-area .Email .img i,
.footer-area .Location .img i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: rgba(212,168,67,.18);
  color: var(--kck-gold);
  display: inline-block;
  transition: background var(--t), color var(--t);
}

.footer-area .Phone:hover .img i,
.footer-area .Email:hover .img i,
.footer-area .Location:hover .img i {
  background: var(--kck-gold);
  color: var(--kck-navy);
}

/* Partner / friend links row in footer bottom bar */
.kck-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .875rem;
  padding-top: .75rem;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: .8125rem;
}

.kck-footer-links-label {
  color: var(--kck-gold);
  font-weight: 500;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .6875rem;
  margin-right: .25rem;
}

.kck-footer-link {
  color: rgba(255,255,255,.7);
  text-decoration: none;
  transition: color var(--t-fast);
  white-space: nowrap;
}

.kck-footer-link:hover {
  color: var(--kck-gold);
  text-decoration: none;
}

/* Footer contact phone / email links */
.kck-footer-contact-link {
  color: rgba(255,255,255,.85);
  text-decoration: none;
  transition: color var(--t-fast);
}
.kck-footer-contact-link:hover {
  color: var(--kck-gold);
  text-decoration: underline;
}

/* ============================================================
   9. Footer subscribe button colour — fix old Genesis green
   ============================================================ */
.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .clear-2 input,
.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .clear-2 input:hover {
  background: var(--kck-gold) !important;
  color: var(--kck-navy) !important;
}

/* ============================================================
   10. Container utility for custom sections
   ============================================================ */
.kck-container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
}

/* ============================================================
   11. Product & Blog List — typography & spacing refinement
   ============================================================ */

/* --- Product list: grid card titles --- */
.product-content h3 {
  font-size: var(--fs-xs) !important;
  font-weight: var(--fw-medium) !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 4px !important;
}
.product-content h3 a {
  color: var(--kck-gold) !important;
}
.product-content h3 a:hover {
  color: var(--kck-gold-hover) !important;
}

.product-content h4 {
  font-size: var(--fs-md) !important;
  font-weight: var(--fw-semibold) !important;
  margin-bottom: 6px !important;
  line-height: var(--lh-snug);
}
.product-content h4 a {
  color: var(--kck-ink) !important;
}
.product-content h4 a:hover {
  color: var(--kck-navy) !important;
}

.product-price .new-price {
  font-size: var(--fs-sm) !important;
  color: var(--kck-ink-soft) !important;
  font-weight: var(--fw-medium);
        color: #C3832D; }
        .sidebar-widget .sidebar-widget-brand ul li a.brand-more:hover {
          color: #1a1f3d; }
      .sidebar-widget .sidebar-widget-brand ul li a:hover {
        color: #1a1f3d; }
  @media only screen and (max-width: 767px) {
    .sidebar-widget .sidebar-widget-brand.mt-50 {
      margin-top: 20px; } }
  .sidebar-widget .sidebar-widget-color ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .sidebar-widget .sidebar-widget-color ul li {
      margin-right: 20px;
      margin-bottom: 16px;
      display: inline-block; }
      @media only screen and (min-width: 1366px) and (max-width: 1600px) {
        .sidebar-widget .sidebar-widget-color ul li {
          margin-right: 12px;
          margin-bottom: 12px; } }
      @media only screen and (min-width: 1200px) and (max-width: 1365px) {
        .sidebar-widget .sidebar-widget-color ul li {
          margin-right: 13px;
          margin-bottom: 12px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .sidebar-widget .sidebar-widget-color ul li {
          margin-right: 5px;
          margin-bottom: 12px; } }
      .sidebar-widget .sidebar-widget-color ul li:last-child {
        margin-right: 0; }
      .sidebar-widget .sidebar-widget-color ul li a {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        font-size: 0;
        display: inline-block;
        position: relative; }
        .sidebar-widget .sidebar-widget-color ul li a.color-more {
          color: #C3832D;
          font-size: 14px;
          width: auto;
          height: auto;
          letter-spacing: 1px; }
          .sidebar-widget .sidebar-widget-color ul li a.color-more:hover {
            color: #1a1f3d; }
        .sidebar-widget .sidebar-widget-color ul li a.active::before {
          color: #fff;
          content: "\f00c";
          font-family: FontAwesome;
          font-size: 14px;
          position: absolute;
          z-index: 9;
          left: 50%;
          top: 50%;
          transform: translateY(-50%) translateX(-50%); }
        .sidebar-widget .sidebar-widget-color ul li a.black {
          background-color: #1D1D1D; }
        .sidebar-widget .sidebar-widget-color ul li a.blue {
          background-color: #6090B6; }
        .sidebar-widget .sidebar-widget-color ul li a.green {
          background-color: #75B660; }
        .sidebar-widget .sidebar-widget-color ul li a.orange {
          background-color: #E79A9A; }
        .sidebar-widget .sidebar-widget-color ul li a.pink {
          background-color: #FF5A9F; }
        .sidebar-widget .sidebar-widget-color ul li a.gray {
          background-color: #D8D8D8; }
        .sidebar-widget .sidebar-widget-color ul li a.white {
          background-color: #f3f3f3; }
        .sidebar-widget .sidebar-widget-color ul li a.yellow {
          background-color: #A59044; }
        .sidebar-widget .sidebar-widget-color ul li a.violet {
          background-color: #714DC6; }
  @media only screen and (max-width: 767px) {
    .sidebar-widget .sidebar-widget-color.mt-50 {
      margin-top: 20px; } }
  .sidebar-widget .shop-sidebar-banner {
    position: relative;
    overflow: hidden; }
    .sidebar-widget .shop-sidebar-banner a img {
      width: 100%;
      transform: scale(1);
      transition: all .35s ease 0s; }
    .sidebar-widget .shop-sidebar-banner .shop-sidebar-content {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 99;
      padding: 20px 15px; }
      .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 10px;
        text-transform: uppercase; }
        @media only screen and (min-width: 1200px) and (max-width: 1365px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
            font-size: 25px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
            font-size: 20px; } }
        @media only screen and (max-width: 767px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
            font-size: 25px; } }
      .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
        color: #fff;
        font-size: 100px;
        margin: 0 0 0px;
        letter-spacing: 0;
        line-height: 80px;
        font-weight: 500; }
        @media only screen and (min-width: 1366px) and (max-width: 1600px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
            font-size: 75px;
            line-height: 70px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1365px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
            font-size: 75px;
            line-height: 60px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
            font-size: 60px;
            line-height: 50px; } }
        @media only screen and (max-width: 767px) {
          .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
            font-size: 90px;
            line-height: 80px; } }
    .sidebar-widget .shop-sidebar-banner:hover a img {
      transform: scale(1.1); }
  .sidebar-widget .sidebar-post-wrap .single-sidebar-post {
    display: flex;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .sidebar-widget .sidebar-post-wrap .single-sidebar-post:last-child {
      border-bottom: none;
      padding-bottom: 0px;
      margin-bottom: 0px; }
    .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-img {
      flex: 0 0 100px; }
      .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-img img {
        width: 100%; }
    .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content {
      margin-left: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content {
          margin-left: 10px; } }
      .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 {
        font-size: 18px;
        color: #2f2f2f;
        font-family: "Cormorant Garamond", Georgia, serif;
        margin: 0 0 3px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 {
            font-size: 16px; } }
        .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 a {
          color: #2f2f2f; }
          .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 a:hover {
            color: #1a1f3d; }
      .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content span {
        color: #2f2f2f;
        font-size: 12px; }
  .sidebar-widget .sidebar-widget-list-2 ul li {
    color: #1d1d1d;
    padding-bottom: 10px; }
    .sidebar-widget .sidebar-widget-list-2 ul li:last-child {
      padding-bottom: 0px; }
    .sidebar-widget .sidebar-widget-list-2 ul li a {
      color: #1d1d1d; }
      .sidebar-widget .sidebar-widget-list-2 ul li a:hover {
        color: #1a1f3d; }
    .sidebar-widget .sidebar-widget-list-2 ul li span {
      float: right; }
  .sidebar-widget .archives-wrap select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #535353;
    font-size: 14px;
    height: 50px;
    padding: 2px 20px;
    background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/select.png") no-repeat scroll right 18px center; }
  @media only screen and (max-width: 767px) {
    .sidebar-widget .archives-wrap.mt-40 {
      margin-top: 20px; } }
  .sidebar-widget .sidebar-widget-tags-2 ul li {
    display: inline-block;
    margin: 0 0 6px; }
    .sidebar-widget .sidebar-widget-tags-2 ul li a {
      color: #535353;
      border: 1px solid #e5e5e5;
      padding: 0 20px;
      display: inline-block; }
      .sidebar-widget .sidebar-widget-tags-2 ul li a:hover {
        color: #D4A843;
        text-decoration: underline; }
  .sidebar-widget .blog-sidebar-banner {
    position: relative;
    overflow: hidden; }
    .sidebar-widget .blog-sidebar-banner a {
      display: block; }
      .sidebar-widget .blog-sidebar-banner a img {
        width: 100%;
        transform: scale(1);
        transition: all .5s ease 0s; }
    .sidebar-widget .blog-sidebar-banner .blog-sidebar-content {
      position: absolute;
      left: 30px;
      bottom: 50px; }
      .sidebar-widget .blog-sidebar-banner .blog-sidebar-content h3 {
        font-size: 32px;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        margin: 0 0 5px; }
      .sidebar-widget .blog-sidebar-banner .blog-sidebar-content h5 {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        margin: 0 0 0px; }
    .sidebar-widget .blog-sidebar-banner:hover a img {
      transform: scale(1.1); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-widget.mt-60 {
      margin-top: 35px; } }
  @media only screen and (max-width: 767px) {
    .sidebar-widget.mb-60 {
      margin-bottom: 35px; }
    .sidebar-widget.mb-50 {
      margin-bottom: 25px; }
    .sidebar-widget.mb-55 {
      margin-bottom: 30px; }
    .sidebar-widget.mb-65 {
      margin-bottom: 40px; }
    .sidebar-widget.mt-60 {
      margin-top: 35px; } }

.sidebar-search form {
  position: relative; }
  .sidebar-search form input {
    background-color: transparent;
    color: #262626;
    height: 41px;
    border: 1px solid #cdcdcd;
    padding: 2px 40px 2px 10px;
    font-size: 12px; }
    .sidebar-search form input::-moz-input-placeholder {
      color: #262626;
      opacity: 1; }
    .sidebar-search form input::-webkit-input-placeholder {
      color: #262626;
      opacity: 1; }
  .sidebar-search form .button-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #D4A843;
    background-color: transparent;
    border: none;
    padding: 5px 20px;
    transition: all .3s ease 0s; }
    .sidebar-search form .button-search:hover {
      color: #1a1f3d; }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-sidebar-style.mr-50 {
    margin-right: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-sidebar-style {
    padding-left: 0;
    padding-right: 0; }
    .shop-sidebar-style.mr-50 {
      margin-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar-style {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 50px; }
    .shop-sidebar-style.mr-50 {
      margin-right: 80px; } }
@media only screen and (max-width: 767px) {
  .shop-sidebar-style {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 50px; }
    .shop-sidebar-style.mr-50 {
      margin-right: 0px; } }/* ============================================================
   14. Engineered Space-Saving (ESS) — redesigned module
   ============================================================ */
.kck-ess {
  padding: 80px 0 64px;
  background: #ffffff;
}
.kck-ess-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

/* Content side */
.kck-ess-eyebrow {
  display: inline-block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kck-gold, #D4A843);
  margin-bottom: 14px;
}
.kck-ess-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(30px, 3.8vw, 44px);
  font-weight: 600;
  line-height: 1.15;
  color: var(--kck-navy, #1a1f3d);
  margin: 0 0 18px;
  max-width: 520px;
}
.kck-ess-highlight {
  color: var(--kck-gold, #D4A843);
}
.kck-ess-desc {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
  margin: 0 0 28px;
  max-width: 480px;
}
.kck-ess-desc strong {
  color: var(--kck-navy, #1a1f3d);
  font-weight: 600;
}

/* Stats */
.kck-ess-stats {
  display: flex;
  gap: 32px;
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}
.kck-ess-stat-item {
  display: flex;
  flex-direction: column;
}
.kck-ess-stat-value {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: var(--kck-navy, #1a1f3d);
}
.kck-ess-stat-value small {
  font-size: 18px;
  font-weight: 500;
  color: var(--kck-gold, #D4A843);
}
.kck-ess-stat-label {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  margin-top: 6px;
  white-space: nowrap;
}

/* CTA button */
.kck-ess-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: var(--kck-navy, #1a1f3d);
  padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.kck-ess-btn:hover {
  background: var(--kck-gold, #D4A843);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(212, 168, 67, 0.32);
  text-decoration: none;
}
.kck-ess-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(212, 168, 67, 0.2);
}
.kck-ess-btn svg {
  transition: transform 0.25s ease;
}
.kck-ess-btn:hover svg {
  transform: translateX(4px);
}

/* Gallery */
.kck-ess-gallery {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.kck-ess-gallery-main {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #f3f4f6;
  aspect-ratio: 4 / 3;
}
.kck-ess-gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.35s ease, transform 0.5s ease;
}
.kck-ess-gallery-main:hover img {
  transform: scale(1.03);
}
.kck-ess-gallery-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: inline-block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  background: rgba(26, 31, 61, 0.82);
  backdrop-filter: blur(6px);
  padding: 6px 14px;
  border-radius: 4px;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Thumbnails */
.kck-ess-gallery-thumbs {
  display: flex;
  gap: 10px;
}
.kck-ess-thumb {
  flex: 1;
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: none;
  transition: border-color 0.25s ease, opacity 0.25s ease;
  opacity: 0.65;
}
.kck-ess-thumb:hover {
  opacity: 0.85;
  border-color: rgba(212, 168, 67, 0.4);
}
.kck-ess-thumb.active {
  border-color: var(--kck-gold, #D4A843);
  opacity: 1;
}
.kck-ess-thumb:focus-visible {
  outline: 2px solid var(--kck-gold, #D4A843);
  outline-offset: 2px;
}
.kck-ess-thumb img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.kck-ess-thumb:hover img {
  transform: scale(1.08);
}

/* Feature cards */
.kck-ess-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 56px;
}
.kck-ess-feature-card {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 24px 20px 22px;
  transition: all 0.3s ease;
}
.kck-ess-feature-card:hover {
  border-color: rgba(212, 168, 67, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  transform: translateY(-4px);
  background: #ffffff;
}
.kck-ess-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(212, 168, 67, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: background 0.3s ease;
}
.kck-ess-feature-card:hover .kck-ess-feature-icon {
  background: rgba(212, 168, 67, 0.2);
}
.kck-ess-feature-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--kck-navy, #1a1f3d);
  margin: 0 0 8px;
}
.kck-ess-feature-desc {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
  margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
  .kck-ess-grid { grid-template-columns: 1fr; gap: 36px; }
  .kck-ess-features { grid-template-columns: repeat(2, 1fr); }
  .kck-ess-title, .kck-ess-desc { max-width: 100%; }
}
@media (max-width: 575px) {
  .kck-ess { padding: 48px 0 40px; }
  .kck-ess-stats { gap: 20px; flex-wrap: wrap; }
  .kck-ess-features { grid-template-columns: 1fr; gap: 14px; margin-top: 36px; }
  .kck-ess-thumb img { height: 60px; }
  .kck-ess-gallery-badge { font-size: 10px; padding: 4px 10px; bottom: 10px; left: 10px; }
}
/* ═══ Product detail: Wishlist button ═══ */
.kck-fav-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 52px;
  padding: 0 20px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1a1f3d;
  background: #ffffff;
  border: 1.5px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}
.kck-fav-btn svg {
  color: #6b7280;
  fill: transparent;
  transition: all 0.2s ease;
}
.kck-fav-btn:hover {
  border-color: #D4A843;
  color: #D4A843;
}
.kck-fav-btn:hover svg {
  color: #D4A843;
  transform: scale(1.08);
}
.kck-fav-btn.is-active {
  background: rgba(212, 168, 67, 0.12);
  border-color: #D4A843;
  color: #8a6e2c;
}
.kck-fav-btn.is-active svg {
  color: #ef4444;
  fill: #ef4444;
}
.kck-fav-btn:focus-visible {
  outline: 2px solid #D4A843;
  outline-offset: 2px;
}
.kck-fav-btn.kck-fav-pop {
  animation: kckFavPop 0.35s ease;
}
@keyframes kckFavPop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.18); }
  100% { transform: scale(1); }
}

/* SKU/Series above buttons */
.product-details-meta-top {
  margin: 0 0 18px !important;
  padding: 12px 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  display: flex !important;
  gap: 20px;
}
.product-details-meta-top span {
  font-size: 13px;
  color: #6b7280;
}
.product-details-meta-top .categories a {
  color: #1a1f3d;
  font-weight: 500;
}
.kck-stock { color: #16a34a !important; font-weight: 500; }
.kck-stock i { margin-right: 4px; }

/* ═══ Improved carousel arrows ═══ */
.pro-dec-big-img-slider .slick-prev,
.pro-dec-big-img-slider .slick-next,
.product-dec-slider-2 .slick-prev,
.product-dec-slider-2 .slick-next {
  width: 48px;
  height: 48px;
  background: rgba(26, 31, 61, 0.85) !important;
  backdrop-filter: blur(6px);
  border: none;
  border-radius: 50%;
  z-index: 10;
  opacity: 0;
  transition: all 0.25s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.pro-dec-big-img-slider .slick-prev,
.product-dec-slider-2 .slick-prev { left: 12px !important; }
.pro-dec-big-img-slider .slick-next,
.product-dec-slider-2 .slick-next { right: 12px !important; }
.pro-dec-big-img-slider .slick-prev::before,
.pro-dec-big-img-slider .slick-next::before,
.product-dec-slider-2 .slick-prev::before,
.product-dec-slider-2 .slick-next::before {
  display: none;
}
.pro-dec-big-img-slider .slick-prev svg,
.pro-dec-big-img-slider .slick-next svg,
.product-dec-slider-2 .slick-prev svg,
.product-dec-slider-2 .slick-next svg {
  width: 20px;
  height: 20px;
  color: #fff;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pro-dec-big-img-slider:hover .slick-prev,
.pro-dec-big-img-slider:hover .slick-next { opacity: 1; }
.pro-dec-big-img-slider .slick-prev:hover,
.pro-dec-big-img-slider .slick-next:hover,
.product-dec-slider-2 .slick-prev:hover,
.product-dec-slider-2 .slick-next:hover {
  background: #D4A843 !important;
  transform: scale(1.05);
}

/* Custom arrow positioning (for any non-slick arrows) */
.product-dec-left span.pro-dec-icon {
  background: rgba(26, 31, 61, 0.85) !important;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.product-dec-left span.pro-dec-icon:hover {
  background: #D4A843 !important;
  border-color: #D4A843 !important;
  color: #fff;
  transform: scale(1.05);
}

/* ═══ Wishlist page ═══ */
.kck-wishlist-area { min-height: 400px; }
.kck-wishlist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}
.kck-wishlist-card {
  position: relative;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.kck-wishlist-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  transform: translateY(-4px);
  border-color: rgba(212, 168, 67, 0.4);
}
.kck-remove-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  border: 1px solid #e5e7eb;
  color: #6b7280;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.kck-remove-fav:hover {
  background: #ef4444;
  border-color: #ef4444;
  color: #fff;
  transform: scale(1.1);
}
.kck-wishlist-img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #f5f5f5;
}
.kck-wishlist-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.kck-wishlist-card:hover .kck-wishlist-img img {
  transform: scale(1.04);
}
.kck-wishlist-info {
  padding: 18px 20px 20px;
}
.kck-wishlist-info h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 10px;
  color: #1a1f3d;
}
.kck-wishlist-info h3 a {
  color: inherit;
  text-decoration: none;
}
.kck-wishlist-info h3 a:hover { color: #D4A843; }
.kck-wishlist-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font-size: 13px;
}
.kck-w-price {
  color: #1a1f3d;
  font-weight: 600;
}
.kck-w-time { color: #9ca3af; }
.kck-wishlist-view {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #D4A843;
  text-decoration: none;
  transition: color 0.2s ease;
}
.kck-wishlist-view:hover { color: #1a1f3d; }

/* Empty state */
.kck-empty-state {
  text-align: center;
  padding: 60px 20px;
}
.kck-empty-cta {
  display: inline-block;
  background: #1a1f3d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.2s ease;
}
.kck-empty-cta:hover {
  background: #D4A843;
  transform: translateY(-2px);
  color: #fff;
  text-decoration: none;
}

/* ═══ Header wishlist icon & count badge ═══ */
/* Make sure the heart icon is white and badge sits on top-right */
.kck-header-wishlist > a { position: relative; color: #fff !important; }
.same-style:has(.kck-wishlist-count) > a { position: relative; }
.kck-header-wishlist i.fa-heart { color: #fff; }
.kck-wishlist-count {
  position: absolute;
  top: -2px;
  right: -8px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
  z-index: 5;
  pointer-events: none;
  box-shadow: 0 0 0 2px #1a1f3d;
}
.kck-wishlist-count.kck-show { display: inline-flex; }
/* When count is 0, hide the badge entirely */
.kck-wishlist-count[data-count="0"] { display: none !important; }

/* ═══ Responsive ═══ */
@media (max-width: 575px) {
  .product-details-meta-top { flex-direction: column; gap: 6px; }
  .kck-wishlist-grid { grid-template-columns: 1fr; }
  .kck-fav-btn { width: 100%; justify-content: center; }
}

/* ═══ SVG icon replacements for removed icon fonts ═══ */
/* Replace .fa-heart with SVG in header */
.kck-header-wishlist svg { color: #fff; }
/* Sidebar quote icon replaced by SVG */
.kck-quote-sidebar-icon svg { width: 22px; height: 22px; color: #D4A843; }

/* ═══ Product detail image item (replaces easyzoom) ═══ */
.kck-img-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
}
.kck-img-item img { width: 100%; height: auto; display: block; }
.kck-img-item a.img-popup { display: block; width: 100%; }

/* ═══ Product detail owl-carousel nav (replaces slick arrows) ═══ */
.pro-dec-big-img-slider.owl-carousel .owl-nav button {
  width: 48px; height: 48px;
  background: rgba(26,31,61,0.85);
  backdrop-filter: blur(6px);
  border: none; border-radius: 50%;
  z-index: 10;
  transition: all 0.25s ease;
  display: flex !important;
  align-items: center; justify-content: center;
  position: absolute; top: 50%; transform: translateY(-50%);
}
.pro-dec-big-img-slider.owl-carousel .owl-nav button.owl-prev { left: 12px; }
.pro-dec-big-img-slider.owl-carousel .owl-nav button.owl-next { right: 12px; }
.pro-dec-big-img-slider.owl-carousel .owl-nav button:hover {
  background: #D4A843 !important;
  transform: translateY(-50%) scale(1.05);
}
.pro-dec-big-img-slider.owl-carousel .owl-nav button span { display: flex; align-items: center; justify-content: center; }
.pro-dec-big-img-slider.owl-carousel .owl-nav button svg { width: 20px; height: 20px; color: #fff; }
.pro-dec-big-img-slider.owl-carousel .owl-nav { position: static; }
.pro-dec-big-img-slider.owl-carousel .owl-dots { display: none; }

/* ═══ Product detail thumbnail active state ═══ */
.product-dec-slider-2 .product-dec-small {
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0.65;
  transition: all 0.25s ease;
}
.product-dec-slider-2 .product-dec-small.active {
  border-color: var(--kck-gold, #D4A843);
  opacity: 1;
}
.product-dec-slider-2 .product-dec-small:hover {
  opacity: 0.85;
  border-color: rgba(212,168,67,0.4);
}

/* ═══ Mobile footer layout and spacing fixes ═══ */
@media only screen and (max-width: 767px) {
  .footer-area {
    padding-bottom: 0; }

  .footer-area .container {
    padding-left: 20px;
    padding-right: 20px; }

  /* Newsletter row */
  .footer-area .first-footer-inner {
    padding: 28px 0 20px;
    text-align: center; }
    .footer-area .first-footer-inner .newsletter-title .title {
      font-size: 22px;
      line-height: 1.25;
      margin-bottom: 8px; }
    .footer-area .first-footer-inner .newsletter-title p {
      font-size: 13px;
      color: rgba(255,255,255,0.75); }

  /* Main footer widgets */
  .footer-area .widget-area {
    padding: 24px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08); }
    .footer-area .widget-area:last-of-type {
      border-bottom: none; }

  /* Brand / description column */
  .footer-area .widget-area .footer-brand-col {
    text-align: center; }
    .footer-area .widget-area .footer-brand-col .footer-logo {
      display: inline-block;
      font-size: 24px;
      margin-bottom: 12px; }
    .footer-area .widget-area .footer-brand-col p {
      color: rgba(255,255,255,0.75);
      font-size: 14px;
      line-height: 1.6;
      margin-bottom: 0;
      max-width: 100%; }

  /* Section titles */
  .footer-area .widget-area .footer-widget .footer-title {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--kck-gold, #D4A843);
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.08); }

  /* Quick links two-column grid */
  .footer-area .widget-area .footer-widget .footer-info-list ul {
    column-count: 2;
    column-gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none; }
    .footer-area .widget-area .footer-widget .footer-info-list ul li {
      padding: 0 0 14px;
      font-size: 14px;
      display: flex;
      align-items: center;
      break-inside: avoid; }
      .footer-area .widget-area .footer-widget .footer-info-list ul li svg,
      .footer-area .widget-area .footer-widget .footer-info-list ul li i {
        width: 14px;
        height: 14px;
        margin-right: 8px;
        color: rgba(255,255,255,0.6);
        flex: 0 0 14px; }
      .footer-area .widget-area .footer-widget .footer-info-list ul li a {
        margin-left: 0;
        color: rgba(255,255,255,0.9); }

  /* Contact items (Phone / Email / Location) */
  .footer-area .widget-area .footer-widget .Phone,
  .footer-area .widget-area .footer-widget .Email,
  .footer-area .widget-area .footer-widget .Location {
    margin-bottom: 18px; }
    .footer-area .widget-area .footer-widget .Phone .title-box,
    .footer-area .widget-area .footer-widget .Email .title-box,
    .footer-area .widget-area .footer-widget .Location .title-box {
      padding-left: 0; }
    .footer-area .widget-area .footer-widget .Phone .title-box h5,
    .footer-area .widget-area .footer-widget .Email .title-box h5,
    .footer-area .widget-area .footer-widget .Location .title-box h5 {
      font-size: 11px;
      letter-spacing: 0.1em;
      color: rgba(255,255,255,0.55);
      margin-bottom: 4px; }
    .footer-area .widget-area .footer-widget .Phone .title-box p,
    .footer-area .widget-area .footer-widget .Email .title-box p,
    .footer-area .widget-area .footer-widget .Location .title-box p {
      font-size: 14px;
      line-height: 1.55;
      color: rgba(255,255,255,0.9); }

  /* Footer bottom bar */
  .footer-bottom-area .footer-bottom-home {
    padding: 22px 0 24px; }

  .kck-footer-bottom-content {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 16px; }

  .kck-footer-copyright {
    font-size: 12px;
    line-height: 1.55;
    color: rgba(255,255,255,0.75);
    margin: 0;
    text-align: left; }

  .footer-bottom-area .footer-bottom-home .ekit-team-social-list,
  .kck-footer-social {
    justify-content: flex-start !important;
    margin: 0;
    padding: 0; }
    .footer-bottom-area .footer-bottom-home .ekit-team-social-list li,
    .kck-footer-social li {
      margin-right: 10px; }
      .footer-bottom-area .footer-bottom-home .ekit-team-social-list li a,
      .kck-footer-social li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px; }

  /* Partner sites */
  .kck-footer-partner-row {
    margin-top: 18px !important; }

  .kck-footer-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.1); }

  .kck-footer-links-label {
    display: block;
    margin-bottom: 4px; }

  .kck-footer-link {
    display: inline-block;
    font-size: 13px;
    padding: 4px 0; }
}

/* Extra-tight screens: keep partner links in a row if they fit */
@media only screen and (max-width: 360px) {
  .kck-footer-links {
    gap: 8px; }
  .kck-footer-link {
    font-size: 12px; }
  .footer-area .widget-area .footer-widget .footer-info-list ul {
    column-gap: 16px; }
}

/* --- KCK.Auth — login / register forms --- */
.kck-auth-page .login-register-wrap {
  background: var(--kck-surface);
  border: 1px solid var(--kck-border);
  border-radius: var(--radius-lg);
  padding: 40px 30px;
}
.kck-auth-page .login-register-title h3 {
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  color: var(--kck-navy);
  margin-bottom: 6px;
}
.kck-auth-page .login-register-title p {
  color: var(--kck-ink-soft);
  font-size: var(--fs-sm);
}
.kck-auth-page .single-input-item label {
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--kck-ink);
  margin-bottom: 6px;
  display: block;
}
.kck-auth-page .single-input-item label.required::after {
  content: ' *';
  color: #e57373;
}
.kck-auth-page .single-input-item input:not([type="checkbox"]),
.kck-auth-page .single-input-item select {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--kck-border);
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  color: var(--kck-ink);
  background: #fff;
  transition: border-color var(--t-fast), box-shadow var(--t-fast);
}
.kck-auth-page .single-input-item input:focus,
.kck-auth-page .single-input-item select:focus {
  outline: none;
  border-color: var(--kck-gold);
  box-shadow: 0 0 0 3px rgba(212,168,67,0.12);
}
.kck-auth-page .kck-form-msg {
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  font-size: var(--fs-sm);
  margin-top: 12px;
}
.kck-auth-page .kck-msg-success {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}
.kck-auth-page .kck-msg-error {
  background: #fbe9e7;
  color: #c62828;
  border: 1px solid #ef9a9a;
}
.kck-auth-page .check-btn.sqr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 24px;
  background: var(--kck-navy);
  color: #fff;
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: background var(--t-fast), transform var(--t-fast);
}
.kck-auth-page .check-btn.sqr-btn:hover {
  background: var(--kck-gold);
  color: var(--kck-navy);
  transform: translateY(-2px);
}
.kck-auth-page .check-btn.sqr-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

/* Account page */
.kck-account .kck-logout-inline {
  font-size: var(--fs-xs);
  color: var(--kck-ink-muted);
}
.kck-account .kck-account-note {
  font-size: var(--fs-xs);
  color: var(--kck-ink-muted);
  margin-top: 16px;
}