span {
  vertical-align: baseline !important;
}

.chat-widget-badge {
  position: fixed;
  z-index: 1;
  right: 20px;
  bottom: 40px;
  max-width: 300px;
}

.btn,
.exceptional,
.exceptional img,
.exceptional-list,
.our-away,
.our-process ul,
.owl-testimonial,
.pattern-bg,
.pursuit,
.rclient-item,
.renowned,
.testimonial,
header ul li a,
section,
section.types-cd,
section.work-with {
  position: relative;
}

.contact-us .bg,
.contact-us .wrapper,
.testimonial .item {
  box-shadow: rgba(204, 204, 204, 0.65) 0px 0px 16px;
}

.top p,
.top ul li a {
  font-weight: 500;
  color: rgb(255, 255, 255);
}

.btn,
.testimonial .center .item p,
.top p,
header ul li a {
  font-size: 14px;
}

body {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  color: #000;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding: 0px 8px;
}

.row {
  margin: 0px -8px;
}

a:focus,
a:hover,
button:focus,
button:hover {
  outline: 0px;
}

section {
  padding: 60px 0px;
  clear: both;
  margin: 0px auto;
}

p {
  color: #000;
  font-size: 15px;
}

img {
  max-width: 100%;
  pointer-events: none;
}

a {
  text-decoration: none !important;
  color: #c78535;
}

input.required.error,
select.required.error,
textarea.required.error {
  border-bottom: 2px solid red !important;
}

.ez-toc-counter nav ul li a::before,
label.error {
  display: none !important;
}

.exceptional-list h3,
.exceptional-list ul,
.heading h6,
.our-editing ul li,
.our-process ul li,
.top .social,
.top .social li a,
.top p,
.top ul li,
header ul li,
section.blog a {
  display: inline-block;
}

.top {
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.top.header-utility .header-utility-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.top .btn-talk-expert {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: #e8e8e8;
  border-radius: 6px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.top .talk-dot {
  width: 8px;
  height: 8px;
  background: #c7a059;
  border-radius: 50%;
  display: inline-block;
}

.top .header-flag {
  font-size: 18px;
  line-height: 1;
}

.top .header-phone {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.top .support-tag {
  color: #c7a059;
  font-weight: 600;
}

.top ul,
header ul {
  text-align: right;
}

.btm-logo,
.copy .social,
.copy .social li a,
.cta,
.our-process .box,
.our-process ul,
.rclient-item,
.renowned .box,
.site-logo,
.testimonial .item,
.top .social li a,
.we-print,
section.exceptional.web-copy-inner {
  text-align: center;
}

.top ul li {
  margin-right: 4px;
}

.top ul li a {
  font-size: 12px;
  text-transform: lowercase;
}

.top ul li img {
  margin-right: 2px;
}

.top p {
  margin: 0px 10px 0px 0px;
}

.top .social li a {
  height: 24px;
  width: 24px;
  border: 2px solid rgb(255, 255, 255);
  line-height: 21px;
  border-radius: 50%;
  font-size: 11px;
}

.contact-us .row,
.copy .row,
.excep-service .row,
.our-banner .row,
.our-editing .row,
.our_process .row,
.publishing .row,
.pursuit .row,
.top .row,
.us-apart .tab-content .row,
header .row,
section.ebook.press-rel-inner>.container>.row {
  align-items: center;
}

header {
  padding: 0px;
}

.main-header {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.main-header .btn-header-cta {
  background: #c7a25f;
  color: #000;
  border: none;
  padding: 10px 22px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 6px;
  font-size: 13px;
}

.main-header .btn-header-cta:hover {
  background: #c7a059;
  color: #000;
}

.main-header .menu-cta {
  margin-left: 12px;
}

.main-header .menu-cta a {
  padding: 10px 22px !important;
}

.main-header ul.submenu {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  display: none !important;
  width: 200px !important;
  min-width: 200px;
  padding: 8px 0;
  right: 13% !important;
  border-radius: 4px;
}

.main-header li.has-child:hover ul.submenu {
  display: block !important;
}

.main-header ul.submenu li {
  float: none;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
}

.main-header ul.submenu li:last-child {
  border-bottom: none;
}

.main-header ul.submenu li a {
  color: #030919;
  padding: 10px 16px;
  text-align: left;
  white-space: nowrap;
  display: block;
  font-weight: 500;
  font-size: 14px;
}

.main-header ul.submenu li a:hover {
  color: #c7a059;
  background: #f9f9f9;
}

.main-header li.has-child>a .chevron-down {
  vertical-align: middle;
  margin-left: 2px;
}

/* Global Footer Styles */
.global-footer {
  background: url('../images/FooterBg.webp') center/cover no-repeat, #ffffff;
  background-attachment: fixed;
  color: #333;
  padding: 60px 0 0;
  margin-top: 0;
  position: relative;
  border-top: 1px solid rgba(199, 162, 95, 0.2);
}

.global-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, #C7A25F, #8B6914, #C7A25F, transparent);
}

.global-footer .footer-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.global-footer .logo-icon svg {
  width: 40px;
  height: 40px;
}

.global-footer .logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.global-footer .logo-text .global {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #1a1a1a;
}

.global-footer .logo-text .book-press {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 2px;
  color: #888;
}

.global-footer .footer-contact h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #C7A25F;
}

.global-footer .footer-contact p {
  margin-bottom: 8px;
  font-size: 14px;
  color: #fff;
}

.global-footer .footer-contact a {
  color: #555;
  text-decoration: none;
  transition: color 0.3s ease;
}

.global-footer .footer-contact a:hover {
  color: #C7A25F;
}

.global-footer .social-icons {
  display: flex;
  gap: 12px;
  margin: 20px 0;
}

.global-footer .social-icons a {
  width: 36px;
  height: 36px;
  background: rgba(199, 162, 95, 0.08);
  border: 1px solid rgba(199, 162, 95, 0.25);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C7A25F;
  transition: all 0.3s ease;
}

.global-footer .social-icons a:hover {
  background: #C7A25F;
  color: #fff;
  border-color: #C7A25F;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(199, 162, 95, 0.3);
}

.global-footer .payment-icons {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}

.global-footer .payment-icons img {
  background: #f5f5f5;
  padding: 4px 6px;
  border-radius: 4px;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.global-footer .payment-icons img:hover {
  opacity: 1;
}

.global-footer h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #B79148;
}

.global-footer .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.global-footer .footer-links li {
  margin-bottom: 8px;
}

.global-footer .footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.global-footer .footer-links a:hover {
  color: #C7A25F;
}

.global-footer .footer-bottom {
  background: #fdf8f0;
  border-top: 1px solid rgba(199, 162, 95, 0.15);
  padding: 20px 0;
  margin-top: 40px;
}

.global-footer .footer-bottom p {
  margin: 0;
  font-size: 14px;
  color: #888;
}

.global-footer .footer-legal {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.global-footer .footer-legal a {
  color: #888;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.3s ease;
}

.global-footer .footer-legal a:hover {
  color: #C7A25F;
}

/* Main Header Logo Styles */
.main-header .logo-img {
  max-width: 100%;
  height: auto;
  width: 180px;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
  .main-header {
    padding: 10px 0;
  }

  .main-header .logo-img {
    width: 140px;
    max-width: 140px;
  }

  .main-header .col-md-2 {
    flex: 0 0 auto;
    width: auto;
  }

  .main-header .col-md-10 {
    flex: 1;
  }

  .main-header ul.menu {
    flex-wrap: wrap;
  }

  .main-header ul.menu li {
    margin-left: 10px;
  }

  .main-header ul.menu li a {
    padding: 15px 0;
    font-size: 14px;
  }

  .main-header .btn-header-cta {
    padding: 8px 16px;
    font-size: 12px;
  }

  .header-utility {
    padding: 8px 0;
  }

  .header-utility .btn-talk-expert {
    font-size: 13px;
    padding: 6px 12px;
  }

  .header-phone {
    font-size: 13px;
  }

  .global-footer {
    padding: 40px 0 0;
  }

  .global-footer .footer-logo {
    justify-content: center;
    margin-bottom: 20px;
  }

  .global-footer .footer-contact {
    text-align: center;
    margin-bottom: 30px;
  }

  .global-footer .social-icons {
    justify-content: center;
  }

  .global-footer .payment-icons {
    justify-content: center;
  }

  .global-footer .footer-legal {
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }

  .global-footer .footer-bottom .text-right {
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .main-header .logo-img {
    width: 120px;
    max-width: 120px;
  }

  .main-header ul.menu li {
    margin-left: 8px;
  }

  .main-header ul.menu li a {
    font-size: 13px;
    padding: 12px 10px;
  }

  .main-header .btn-header-cta {
    padding: 6px 12px;
    font-size: 11px;
  }

  .header-utility .btn-talk-expert {
    font-size: 12px;
    padding: 5px 10px;
  }

  .header-phone {
    font-size: 12px;
  }
}

/* Industries Section Styles */
.industries-section {
  padding: 80px 0;
  background: #f8f9fa;
}

.genre-sidebar {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}

.genre-sidebar h3 {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 25px;
}

.genre-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.genre-tag {
  display: inline-block;
  padding: 8px 16px;
  background: #f1f3f4;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}

.genre-tag:hover,
.genre-tag.active {
  background: #c7a25f;
  color: #000;
  border-color: #c7a25f;
}

.industries-content h2 {
  font-size: 36px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.3;
}

.industries-content>p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin-bottom: 15px;
}

.industries-grid {
  margin: 50px 0;
}

.industry-card {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 50px;
  transition: all 0.3s ease;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}

.industry-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.industry-card.highlighted {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  border: 2px solid #c7a25f;
  animation: highlightPulse 0.6s ease-in-out;
}

@keyframes highlightPulse {
  0% {
    transform: scale(1) translateY(-5px);
  }

  50% {
    transform: scale(1.02) translateY(-5px);
  }

  100% {
    transform: scale(1) translateY(-5px);
  }
}



.industry-icon img {
  width: 60px;
  height: 60px;
}

.industry-content h4 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  margin-top: 0;
}

.industry-content p {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  margin: 0;
}

.help-section {
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-top: 50px;
  text-align: center;
}

.help-section h3 {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
}

.help-section p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  max-width: 800px;
  margin: 0 auto;
}

/* Mobile Responsive for Industries Section */
@media (max-width: 768px) {
  .industries-section {
    padding: 50px 0;
  }

  .genre-sidebar {
    margin-bottom: 40px;
    padding: 20px;
  }

  .genre-sidebar h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .genre-tags {
    gap: 8px;
  }

  .genre-tag {
    padding: 6px 12px;
    font-size: 13px;
  }

  .industries-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }

  .industries-content>p {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .industries-grid {
    margin: 30px 0;
  }

  .industry-card {
    padding: 20px;
    margin-bottom: 40px;
    gap: 15px;
  }

  .industry-icon {
    width: 50px;
    height: 50px;
    padding: 12px;
  }

  .industry-icon img {
    width: 26px;
    height: 26px;
  }

  .industry-content h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .industry-content p {
    font-size: 13px;
  }

  .help-section {
    padding: 30px 20px;
    margin-top: 30px;
  }

  .help-section h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .help-section p {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .industries-content h2 {
    font-size: 24px;
  }

  .genre-tag {
    padding: 5px 10px;
    font-size: 12px;
  }

  .industry-card {
    padding: 15px;
  }

  .industry-content h4 {
    font-size: 16px;
  }

  .help-section h3 {
    font-size: 20px;
  }
}

header ul li {
  margin-left: 18px;
  background: url("");
}

header ul li a {
  font-weight: 600;
  color: rgb(3, 9, 25);
  padding: 25px 0px;
  display: block;
}

.our-banner {
  background: url("../images/our-banner.jpg") 0px 0px / cover no-repeat;
}

.our-banner h1 {
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 20px;
  color: #c78535;
  font-family: "Playfair Display", serif;
  font-weight: 700;
}

.our-banner p {
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 500;
}

.btn-block {
  padding: 0px;
  margin: 0px;
}

.btn-block .btn,
.our-editing ul li:nth-child(2n + 1) {
  margin-right: 10px;
}

.btn {
  font-weight: 600;
  border: 2px solid;
  padding: 8px 20px;
  transition: all 0.5s ease 0s;
  z-index: 2;
}

.btn-green {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  color: #000;
  border-color: #a3794d;
}

.btn-white-border {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255) !important;
}

.our-banner h1 span {
  color: rgb(224, 181, 28);
  text-transform: uppercase;
}

.exceptional-list {
  background: url("https://nationalbookfoundation.com/assets/images/exceptional-list.webp") no-repeat;
  margin-top: -250px !important;
  padding: 0px;
  height: 236px;
  z-index: 1;
}

.ebook::before,
.exceptional::before,
.pattern-bg::before,
.renowned::before {
  content: "";
  background: url("../images/exceptional-patern.webp") no-repeat;
  height: 705px;
  width: 998px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.heading h6 {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  padding: 2px 20px 2px 10px;
  clip-path: polygon(0px 0px, 95% 0px, 100% 100%, 0% 100%);
}

.heading h2 {
  font-size: 34px;
  font-weight: 600;
  margin: 0px;
  text-transform: capitalize;
  font-family: "Playfair Display", serif;
}

.heading p {
  font-size: 17px;
  margin: 10px 0px;
}

.exceptional-list h3 {
  margin: 0px 0px 30px;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  color: rgb(0, 0, 0);
  font-weight: 600;
  padding: 9px 20px;
  font-size: 20px;
}

.exceptional-list ul {
  width: 27%;
  margin: 0px;
}

.exceptional-list ul li {
  color: rgb(0, 0, 0);
  font-weight: 500;
  font-size: 14px;
  margin: 0px 0px 15px;
  line-height: 32px;
  padding-left: 42px;
  position: relative;
  z-index: 1;
}

.exceptional-list ul li img {
  display: none;
}

.exceptional-list ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 37px;
  height: 34px;
  background: url("../images/css_sprites.png") -250px -10px;
}

.exceptional img {
  z-index: 9;
}

.heading.text-center p {
  width: 83%;
  margin: 11px auto 25px;
}

.our-book {
  background: rgb(242, 242, 242);
}

.our-book figure figcaption {
  margin: 10px 0px 0px;
}

.our-book figure figcaption img {
  height: auto;
}

.our-book figure figcaption h5 {
  margin: 4px 0px 0px;
  font-size: 16px;
  font-weight: 600;
}

.our-book figure img {
  height: 340px;
}

.btn-black-border {
  color: #000 !important;
  border-color: #000 !important;
}

.hero-btn {
  color: #fff !important;
  border-color: #fff !important;
}

.our-book .btn-block {
  margin: 20px 0px 0px;
}

.site-logo {
  background: url("../images/site-logo-bg.jpg") 0px 0px / cover no-repeat;
  padding: 40px 0px;
}

.pursuit {
  background: linear-gradient(126deg,
      rgb(255, 255, 255) 0px,
      rgb(234, 233, 225) 100%);
  overflow: hidden;
}

.our-away::before,
.pursuit::before,
.testimonial::before {
  content: "";
  background: url("../images/pattern-2.webp") no-repeat;
  height: 645px;
  width: 913px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.pursuit ul li {
  margin: 0px 0px 12px;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}

.pursuit ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 36px;
  height: 33px;
  background: url("../images/css_sprites.png") -250px -64px;
  zoom: 0.65;
}

.pursuit ul li img {
  display: none;
}

.our-away .row.brdr .box::after,
.our-process ul li strong,
.our-process ul::before {
  margin: auto;
  position: absolute;
  left: 0px;
  right: 0px;
}

.pursuit .book {
  float: right;
}

.cta {
  background: url("../images/cta-bg.webp") 0px 0px / cover no-repeat;
  width: 100%;
  padding-top: 70px;
}

.cta h2 {
  color: rgb(255, 255, 255);
  font-size: 38px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
}

.cta p {
  color: rgb(255, 255, 255);
  font-size: 16px;
  margin: 0px 0px 30px;
}

.btm-logo {
  padding: 30px 0px;
  background: rgb(234, 250, 242);
}

.our-process {
  background: url("../images/process-bg.webp") 0px 0px / cover no-repeat;
}

.our-process .box:hover p,
.our-process h2,
.our-process h2+p,
.popup-content h2 span,
.top ul.social li a i,
section.thankyou-banner p {
  color: rgb(255, 255, 255);
}

.our-process ul {
  padding-bottom: 20px;
  margin: 0px 0px 40px;
}

.our-process ul li {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 100;
  width: 24%;
  position: relative;
}

.our-process ul li span {
  font-size: 30px;
  font-weight: 800;
}

.our-process ul::before {
  content: "";
  background: rgb(237, 239, 243);
  height: 8px;
  width: 100%;
  bottom: 0px;
}

.our-process ul li strong {
  height: 30px;
  width: 30px;
  border: 4px solid rgb(255, 255, 255);
  border-radius: 50%;
  bottom: -30px;
  z-index: auto;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  transition: all 0.5s ease 0s;
}

.our-process .box {
  background: rgb(255, 255, 255);
  height: 100%;
  padding: 20px 30px;
  transition: all 0.5s ease 0s;
  transform: scale(1);
  border: 2px solid;
}

.our-process .box .img {
  height: 100px;
  width: 100px;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  border-radius: 50%;
  line-height: 90px;
  text-align: center;
  border: 4px solid rgb(255, 255, 255);
  margin: 0px auto 20px;
  transition: all 0.5s ease 0s;
  position: relative;
}

.our-process .box p {
  font-size: 17px;
  color: rgb(36, 36, 36);
  font-weight: 600;
  line-height: 24px;
  margin: 0px;
  transition: all 0.5s ease 0s;
}

.our-editing::before {
  content: "";
  background: url("../images/editing-before.webp") no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 464px;
  width: 100%;
}

.ebook .container,
.faqs-wrapper .container,
.our-away .container,
.our-editing .container,
.pattern-bg .container,
.renowned .container,
.testimonial .container,
section.headercontactform .container {
  position: relative;
  z-index: 1;
}

.our-editing ul {
  margin: 0px 0px 10px;
}

.our-editing ul li {
  margin: 0px 0px 10px;
  width: 48%;
  border-radius: 9px;
  padding: 10px;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  font-weight: 500;
}

.our-editing ul li img {
  margin-right: 10px;
  max-width: 30px;
  right: 0px;
}

.our-amazing {
  background: url("../images/amazing-bg.webp") 0px 0px / cover no-repeat;
}

.our-amazing h2 {
  color: rgb(255, 255, 255);
  margin: 0px 0px 30px;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 800;
  position: relative;
  padding-left: 30px;
}

.copy ul li,
.testimonial .item h5 {
  margin: 0px;
  display: inline-block;
}

.our-amazing h2::before {
  content: "";
  height: 100px;
  width: 6px;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  position: absolute;
  left: 0px;
  top: 12px;
}

.our-amazing h2 span {
  display: block;
  font-weight: 300;
}

.btn-yellow {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  border-color: #c78535;
  color: #000;
}

.testimonial .item {
  background: rgb(255, 255, 255);
  padding: 20px;
  border-radius: 17px;
  transition: all 0.5s ease 0s;
  margin: 110px 15px;
  height: fit-content;
}

.testimonial .item svg {
  width: 64px;
  height: 64px;
  color: #c78535;
}

.testimonial .item p {
  color: rgb(0, 0, 0);
  min-height: 90px;
  margin: 0px auto;
  width: 90%;
}

.testimonial .item h5 {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
  color: #c78535;
  font-family: "Playfair Display", serif;
}

.testimonial .item h5 span {
  display: block;
  font-weight: 200;
}

footer {
  background: url("../images/footer-bg.webp") 0px 0px / cover no-repeat;
  padding: 60px 0px 0px;
}

footer h4 {
  color: #c78535;
  font-size: 18px;
}

footer p {
  color: rgb(255, 255, 255);
  width: 100%;
  margin: 14px 0px;
  font-size: 12px;
}

footer ul li {
  margin: 0px 0px 5px;
}

footer ul li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #B79148;
  top: -1px;
  bottom: 0;
  margin: auto;
  left: 0;
}

footer .copy ul li a::before {
  display: none;
}

footer ul li a {
  color: rgb(255, 255, 255);
  font-size: 13px;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}

footer [class*="col"]:first-child li a::before {
  display: none;
}

footer [class*="col"]:first-child li a {
  padding-left: 0;
}

.copy {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  padding: 6px 0px;
  margin-top: 70px;
}

.copy p {
  font-size: 13px;
  color: #000;
  margin: 0px;
  width: 100%;
}

.copy ul li a {
  color: #000;
  margin-left: 9px;
  font-size: 14px;
}

.copy .social li a {
  display: block;
  height: 26px;
  width: 26px;
  border: 2px solid #000;
  color: #000;
  font-size: 13px;
  border-radius: 50%;
  line-height: 23px;
  position: relative;
  z-index: 1;
}

.copy .social li a svg {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 2px;
  width: 16px;
  height: 16px;
}

.btn-white-border:hover {
  background: rgb(255, 255, 255);
  color: #c78535;
}

.btn-green:hover {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  border-color: #c78535;
  color: #000;
}

.btn-black-border:hover {
  color: rgb(255, 255, 255);
  background: rgb(10, 12, 55);
}

.author-banner {
  background: url("../images/our-author.jpg") 0px 0px / cover no-repeat;
}

.renowned .box {
  background: rgb(237, 239, 243);
  margin-top: 40px;
  padding: 15px;
  border-radius: 14px;
  height: 90%;
}

.our-away .box,
.our-voice .box {
  background: rgb(237, 239, 243);
  border-radius: 15px;
  text-align: center;
}

.renowned .box h4 {
  font-size: 18px;
  color: rgb(36, 36, 36);
  margin: 0px 0px 7px;
  font-weight: 600;
}

.renowned .box img {
  margin-top: -36px;
  margin-bottom: 10px;
}

.editing-banner {
  background: url("../images/editing-banner.webp") 0px 0px / cover no-repeat;
}

.inner-banner {
  padding: 100px 0px;
  height: auto;
  background-position: 30% 100% !important;
}

.ebook {
  position: relative;
  padding-bottom: 0px;
}

.ebook ul li {
  width: 48%;
  display: inline-block;
  margin: 0px 0px 20px;
  background: rgb(237, 239, 243);
  padding: 14px 15px;
  color: rgb(22, 41, 92);
  font-weight: 600;
  border-radius: 12px;
  font-size: 15px;
}

.btn-blue:hover,
.compose p span a,
.contact-us .bg ul li a,
.ebook ul li span,
.popjuly .custom-pop .btn-blue:hover,
ul.social li a i {
  color: rgb(0, 0, 0);
}

.ebook ul li:nth-child(2n + 1) {
  margin-right: 20px;
}

.ebook ul li img {
  margin-right: 3px;
  vertical-align: bottom;
}

.immaculate {
  background: url("../images/immaculate.webp") 100% 100% / cover no-repeat;
  padding-bottom: 80px;
  margin-bottom: 30px;
  background-position: bottom;
  z-index: 2;
}

.immaculate::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.822);
  z-index: 0;
}

.immaculate h2 {
  color: #c78535;
  text-transform: capitalize;
  font-family: "Playfair Display", serif;
  z-index: 999;
}

.custom-pop h6,
.our-away .box h3,
.our-banner h1 p span,
.our-pricing .tab-content .pack h5,
.popup-content h2,
.popup-content h3,
a.live-chat-thank.chat {
  text-transform: uppercase;
}

.immaculate p {
  color: rgb(255, 255, 255);
  margin: 0px;
  z-index: 99;
}

.immaculateParagrapgh {
  color: rgb(255, 255, 255);
  margin: 0px;
  z-index: 99;
  text-align: center;
  margin-bottom: 50px !important;
}

.immaculate h4 {
  font-size: 20px;
  color: #eab543;
  font-weight: 600;
  text-transform: capitalize;
  font-family: "playfair display", serif;
}

.achieve .box {
  text-align: center;
  /* border-bottom: 2px solid rgb(224, 181, 28); */
  padding-bottom: 20px;
  margin-top: 20px;
}

.achieve .box h6 {
  font-size: 22px;
  color: #eab543;
  font-weight: 100;
  font-family: "playfair display", serif;
}

.markeing-banner {
  background: url("../images/markeing-banner.webp") 0px 0px / cover no-repeat;
}

.our-away .box {
  padding: 90px 10px 20px;
  height: 100%;
}

.our-away .box h4 {
  font-size: 20px;
  color: rgb(36, 36, 36);
  font-weight: 600;
}

.our-away .box p,
.our-banner h1 p,
.our-book figure p {
  margin: 0px;
}

.our-away .brdr.row {
  margin-bottom: 100px;
  position: relative;
  border-bottom: 6px solid rgb(237, 239, 243);
  padding-bottom: 100px;
}

.our-away .box h3 {
  font-size: 25px;
  font-weight: 300;
  background: rgb(255, 255, 255);
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin: 0px auto;
  padding: 18px 0px 0px;
  display: table;
  position: absolute;
  box-shadow: rgb(221, 221, 221) 0px 0px 5px;
  left: 0px;
  right: 0px;
  top: -30px;
}

.our-away .box h3 span {
  display: block;
  font-weight: 600;
  font-size: 34px;
}

.our-away .row.brdr .box h3 {
  bottom: -38px;
  top: inherit;
}

.our-away .row.brdr .box {
  padding: 20px 10px 80px;
}

.our-away .row.brdr .box::after {
  content: "";
  background: url("../images/away-after.webp") no-repeat;
  height: 123px;
  width: 31px;
  bottom: -168px;
}

.ghost-banner {
  background: url("../images/ghost-banner.webp") 0px 0px / cover no-repeat;
}

.our-voice .box {
  padding: 25px 15px;
}

.our-voice .box h4 {
  font-size: 20px;
  color: rgb(22, 41, 92);
  font-weight: 600;
  margin: 0px 0px 20px;
}

.our-voice .box p {
  margin: 20px 0px 0px;
  font-weight: 500;
  color: rgb(36, 36, 36);
}

.achieve ul {
  margin-top: 30px;
}

.achieve ul li {
  color: rgb(255, 255, 255);
  display: inline-block;
  width: 49%;
  margin: 0px 0px 12px;
}

.achieve .btn-block {
  text-align: center;
  margin-top: 50px;
}

.our-bringing ul li {
  width: 32%;
  display: inline-block;
  margin: 0px 0px 20px;
  vertical-align: text-top;
}

.our-bringing ul li h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0px 0px 9px;
  background: linear-gradient(90deg,
      rgb(250, 234, 162) 0px,
      rgba(250, 234, 162, 0.08) 100%);
  padding: 6px 10px;
  border-radius: 7px;
}

.our-bringing ul li p {
  margin: 0px;
  font-size: 15px;
  width: 90%;
}

.compose {
  background: rgb(225, 180, 51);
  padding: 30px 0px;
}

.compose p {
  margin: 0px;
  font-size: 17px;
  font-weight: 500;
}

.compose p span {
  padding: 1px 5px;
  font-weight: 900;
}

.publishing {
  background: url("../images/mark-publishing-bg.webp") 0px 0px / cover no-repeat;
  position: relative;
}

.publishing .nav-tabs {
  background: rgb(22, 41, 92);
  border: none;
}

#faq .card,
.process-banner .btn-block .btn.btn-white::after {
  background: rgb(255, 255, 255);
}

.publishing .nav-tabs .nav-item {
  margin: 0px 0px 5px;
  display: block;
  width: 100%;
}

.publishing .nav-tabs .nav-item a {
  display: block;
  width: 100%;
  border: none;
  color: rgb(255, 255, 255);
  border-radius: 0px;
  font-weight: 500;
  font-size: 15px;
  padding: 8px 15px;
}

.publishing .nav-tabs .nav-item a.active,
.publishing .nav-tabs .nav-item a.show {
  background: rgb(96, 121, 189);
}

.btn-blue {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  color: #000;
  border-color: linear-gradient(43deg, #eab543 0%, #c78535 99%);
}

.publishing .tab-content {
  padding-left: 30px;
}

.publishing .tab-content h6 {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  color: rgb(255, 255, 255);
}

.publishing .tab-content p {
  width: 60%;
}

.our-guranteed,
.testimonial {
  padding-bottom: 0px;
}

.cover-banner {
  background: url("../images/cover-banner.webp") 0px 0px / cover no-repeat;
}

.printing-banner {
  background: url("../images/printing-banner.webp") 0px 0px / cover no-repeat;
}

.furition .col-md-6 {
  margin: 0px 0px 40px;
}

.we-print h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 12px 0px;
}

.publishing-banner {
  background: url("../images/publishing-background.webp") 0px 0px / cover no-repeat;
}

.upfront {
  background: url("../images/up-front.webp") 0px 0px / cover no-repeat;
}

.upfront h6 {
  background: #000;
  color: rgb(255, 255, 255);
}

.pricing-banner {
  background: url("../images/pricing-banner.jpg") 0px 0px / cover no-repeat;
}

.our-pricing {
  background: url("../images/our-pricing.png") 0px 0px / cover no-repeat;
  position: relative;
  z-index: 1;
  padding: 50px 0px;
}

#faq .card .collapse,
.our-pricing .nav-tabs {
  border: 0px;
}

.our-pricing .nav-tabs li {
  width: 100%;
  margin: 0px 0px 10px;
}

.our-pricing .nav-tabs li a {
  color: rgb(255, 255, 255);
  padding: 6px 10px;
  border: none;
  font-weight: 500;
  font-size: 15px;
}

.our-pricing .nav-tabs li a.active,
.our-pricing .nav-tabs li a.show {
  background: rgb(32, 54, 99);
  color: rgb(255, 255, 255);
}

.our-pricing .tab-content {
  background: rgb(255, 255, 255);
  padding: 40px;
}

.our-pricing .tab-content h4 {
  font-size: 26px;
  font-weight: 700;
  margin: 0px 0px 10px;
}

.our-pricing .tab-content p {
  color: rgb(85, 85, 85);
  font-size: 14px;
  margin: 0px 0px 30px;
}

.our-pricing .tab-content .pack {
  background: rgb(243, 245, 249);
  border: 1px solid rgb(187, 195, 210);
  padding: 20px;
  height: 100%;
}

.our-pricing .tab-content .pack h5 {
  font-size: 18px;
  color: rgb(40, 40, 40);
  font-weight: 600;
  margin: 0px 0px 15px;
}

.our-pricing .tab-content .pack ul li {
  font-size: 13px;
  margin: 0px 0px 10px;
  position: relative;
  padding-left: 18px;
}

.our-pricing .tab-content .pack h3 {
  font-size: 30px;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin: 30px 0px 20px;
}

.our-pricing .tab-content .pack ul li::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 6px;
  background: rgb(98, 227, 137);
  height: 8px;
  width: 8px;
}

.our-pricing .tab-content .pack .btn {
  text-transform: uppercase;
  width: 100%;
  font-weight: 600;
}

.contact-banner {
  background: url("../images/contact-banner.webp") 0px 0px / cover no-repeat;
}

.contact-us {
  padding-bottom: 60px;
}

.contact-us .form-control {
  font-size: 14px;
  border-radius: 0px;
  height: 64px;
  margin: 0px 0px 12px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid rgb(204, 204, 204);
  padding-left: 17px;
}

.contact-us textarea.form-control,
.custom-pop textarea.form-control {
  resize: none;
  height: 100px;
}

.contact-us ul,
.top ul.top-social li {
  margin-left: 20px;
  display: block;
}

.top ul.top-social li {
  display: inline-flex;
  align-items: center;
}

.top .social li a svg {
  top: 2px;
  position: relative;
  width: 14px;
}

.top ul.top-social li svg {
  color: #000;
  margin-right: 5px;
}

.contact-us ul li {
  margin: 0px 0px 16px;
  border-bottom: 1px solid rgb(204, 204, 204);
  padding: 0px 0px 11px;
}

.contact-us ul li i {
  color: rgb(61, 138, 128);
  margin-right: 5px;
}

.contact-us ul.social {
  margin-top: 20px;
  text-align: center;
}

.contact-us ul.social li {
  display: inline-block;
  margin: 0px 17px 0px 0px;
  padding: 0px;
  text-align: center;
  border: none;
}

.contact-us ul.social li i {
  margin: 0px;
  color: rgb(255, 255, 255);
}

.contact-us .bg ul.social li a,
.faq-accordion .accordion li.current p,
.video-pro a,
header ul li span.process-head,
li:hover ul.submenu {
  display: block;
}

.genre-banner {
  background: url("../images/genre-banner.webp") 0px 0px / cover no-repeat;
}

.genre-banner h1,
.testimonial .heading {
  margin: 0px 0px 30px;
}

.us-apart .nav-tabs {
  border: 0px;
  align-items: center;
  justify-content: center;
  margin: 0px 0px 50px;
}

.us-apart .nav-tabs li {
  width: 24%;
  margin-right: 12px;
  margin-bottom: 9px;
}

.us-apart .nav-tabs li a {
  border: 2px solid #c78535;
  padding: 9px 15px;
  background: transparent;
  color: #c78535;
  font-weight: 500;
  border-radius: 7px;
}

.us-apart .nav-tabs li a.active,
.us-apart .nav-tabs li a.show {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  color: rgb(255, 255, 255);
}

.popupform {
  width: 904px;
  height: 508px;
  padding: 0px;
  overflow: visible;
  background: url("../images/ch-pop.png") no-repeat;
}

.popup-content h2 {
  font-family: Poppins;
  font-size: 34px;
  padding: 0px;
  color: rgb(57, 228, 150);
  font-weight: 700;
  margin: 0px 0px 10px;
  line-height: 34px;
}

.faq-accordion .accordion li.current>a::after,
.popup-content h2::before,
.submenu,
a.logo-thankyou::after,
header ul.submenu li:last-child a::after {
  display: none;
}

.popup-content p {
  margin: 15px 0px 25px -20px;
  color: rgb(255, 224, 180);
  font-weight: 700;
  font-size: 22px;
  background: rgb(193, 33, 38);
  width: calc(100% + 40px);
}

.custom-pop {
  padding: 0px;
  overflow: hidden;
}

.popup-content p.form_tagline {
  max-width: 100%;
  font-size: 11px;
  margin: 16px 0px;
  position: relative;
  padding-left: 15px;
  background: 0px 0px;
  text-align: left;
  color: rgb(255, 255, 255);
}

.popup-content p.form_tagline input {
  vertical-align: middle;
  height: auto;
  position: absolute;
  left: 0px;
  top: 4px;
}

.popup-content [class*="col-"] {
  padding: 0px 7px;
  margin-top: 0px;
}

.popup-content [class*="col-"] input {
  color: rgb(49, 49, 49);
  font-weight: 400;
  font-size: 13px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 0px;
}

.popup-content [class*="col-"] input::placeholder,
.popup-content [class*="col-"] textarea::placeholder {
  color: rgb(49, 49, 49);
}

.popup-content [class*="col-"] textarea {
  color: rgb(49, 49, 49);
  font-weight: 400;
  font-size: 13px;
  height: 145px;
  border-radius: 0px;
  resize: none;
}

.custom-pop h6::after,
.custom-pop h6::before {
  height: 20px;
  width: 40px;
  top: 7px;
  position: absolute;
  content: "";
}

.popup-content [class*="col-"] input.btn {
  background: rgb(255, 127, 35);
  color: rgb(255, 255, 255);
  margin: auto;
  padding: 0px 30px;
  letter-spacing: 1px;
  font-weight: 600;
  border-radius: 4px;
}

.pop-txt {
  left: -34px;
}

.popup-content [class*="col-"] input:focus {
  box-shadow: none;
  outline: 0px;
}

.popup-bann {
  overflow: hidden;
  margin-left: -5px;
}

.popup-bann img {
  max-width: 90%;
}

.popup-content {
  width: 85%;
  text-align: center;
  padding-top: 68px;
  margin-left: 50px;
}

.custom-pop h6 {
  position: relative;
  font-size: 26px;
  color: rgb(255, 255, 255);
  font-weight: 800;
  letter-spacing: 1px;
  display: inline-block;
  margin: 0px;
}

.custom-pop h6::before {
  background: rgb(245, 50, 48);
  left: -60px;
}

.custom-pop h6::after {
  background: rgb(245, 50, 48);
  right: -60px;
}

.popup-content h3 {
  font-size: 22px;
  color: rgb(255, 255, 255);
  border-radius: 6px;
  padding: 4px 0px;
  margin: 0px 0px 25px;
}

.popupform button.fancybox-button {
  background: rgb(255, 127, 35);
  height: 30px;
  width: 30px;
  padding: 0px;
  border-radius: 4px;
  opacity: 1;
  top: -10px;
  right: -10px;
}

.popupform button.fancybox-button svg path {
  fill: rgb(255, 255, 255);
}

.popupform button.fancybox-button svg {
  height: 26px;
}

.popup-content h3 span,
h4.Unravel,
h2.Legacy,
span.red {
  font-weight: 700;
}

.our-banner h1 p span {
  color: rgb(224, 181, 28);
  font-size: 52px;
  font-weight: 600;
}

.our-banner img {
  height: 415px;
}

.our-process .box p span {
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  margin-top: 7px;
}

.our-banner .item img {
  max-width: 80%;
  float: right;
}

.content-page li,
.content-page p {
  font-size: 17px;
  margin-bottom: 17px;
}

.content-page p a {
  font-weight: 700;
  color: rgb(0, 0, 0);
}

section.content-page {
  padding: 4em 0px;
  width: 100%;
  clear: both;
}

section.content-page h5.sub-heading {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
}

.content-page li {
  list-style: inside square;
}

.inner-banner p {
  font-weight: 400;
  font-size: 16px;
  max-width: 79%;
}

.our-pricing .tab-content .pack p {
  font-size: 13px;
  text-align: center;
}

.thankyou-banner h1 {
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 22px;
  line-height: 58px;
}

.thankyou-banner h1 span {
  display: block;
  font-family: georgia;
  font-style: italic;
}

.total_amount {
  font-size: 29px;
  margin: 30px 0px 0px;
}

.total_amount span {
  font-weight: 700;
  color: rgb(247, 206, 15);
}

.thankyou-banner {
  text-align: center;
  background: url("../images/thanks-banner.jpg") 0px 0px / cover;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  font-size: 16px;
  color: rgb(255, 255, 255);
  line-height: 21px;
}

a.live-chat-thank.chat {
  background: rgb(238, 44, 94);
  display: inline-block;
  border-radius: 50px;
  padding: 14px 70px;
  color: rgb(255, 255, 255);
  letter-spacing: 1px;
  margin: 40px 0px;
}

.thankyou-banner a {
  color: rgb(37, 117, 188);
  font-weight: 700;
}

a.logo-thankyou {
  margin-bottom: 24px;
  display: inline-block;
}

img.excep-book {
  left: 30px;
}

/* Book Fair Gallery - Modern Mosaic Layout */
.book-fair-gallery-container {
  padding: 10px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 200px 200px;
  gap: 5px;
  position: relative;
  left: 23px;
  z-index: 2;
}

/* Asymmetric Layout Logic */
.hero-card {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  /* Spans full height on left */
}

.sub-card-1 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.sub-card-2 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

/* Book Fair Gallery - Modern Mosaic Layout */
.book-fair-gallery-container {
  padding: 10px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 240px 240px;
  gap: 5px;
  position: relative;
  margin-bottom: 30px;
  z-index: 2;
}

.gallery-card {
  /* border-radius: 24px; */
  overflow: hidden;
  position: relative;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 1;
}

.gallery-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  transform: skewX(-25deg);
  transition: none;
  z-index: 2;
}

.gallery-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  filter: brightness(0.9) grayscale(20%);
}

/* Asymmetric Layout Logic */
.hero-card {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.sub-card-1 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.sub-card-2 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

/* Responsive adjustment for mobile */
@media (max-width: 767px) {
  .gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    left: 0px !important;
    margin-top: 25px;
  }

  .hero-card,
  .sub-card-1,
  .sub-card-2 {
    grid-column: auto !important;
    grid-row: auto !important;
    height: 280px !important;
    margin-bottom: 15px;
    display: block !important;
  }
}

.gallery-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

footer img {
  max-width: 70%;
}

.us-apart .tab-pane p {
  padding-right: 93px;
}

.excep-service {
  background: url("../images/excep-service-bg.jpg") 0px 0px / cover no-repeat;
  width: 100%;
  padding: 30px 0px;
}

.excep-service h5 {
  margin: 8px 0px 10px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Playfair Display", serif;
}

.excep-service p {
  margin: 0px;
  font-size: 14px;
}

.excep-service h4 {
  margin: 0px;
  font-weight: 600;
  font-family: "Playfair Display", serif;
  font-size: 24px;
}

.btn::after {
  content: "";
  color: rgb(11, 36, 63);
  height: 100%;
  width: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  transition: all 0.5s ease 0s;
  z-index: -1;
}

.btn:hover::after,
.video-pro img {
  width: 100%;
}

.btn-black-border::after {
  background: rgb(22, 41, 92);
}

.btn-green-border:hover {
  color: #000;
}

.our-process .box:hover .img {
  background: rgb(229, 206, 78);
  transform: scale(1.1);
}

.our-process .box:hover .img img {
  filter: brightness(0.1);
}

.our-process .box:hover {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  border-color: rgb(255, 255, 255);
}

.top ul.top-social li i {
  color: rgb(255, 255, 255);
  margin-right: 3px;
}

.our-book figure p i {
  color: rgb(255, 164, 28);
  font-size: 12px;
}

section.pursuit .col-md-5 img {
  border-radius: 20px;
}

* {}

.immaculate img {
  border-radius: 12px;
}

.wwbox {
  background-color: rgb(237, 239, 243);
  padding: 100px 30px 10px;
  text-align: center;
  margin-top: 184px;
  position: relative;
  border-radius: 5px;
  margin-bottom: 50px;
}

.rclient-item a.rc_play .play_btn,
.rclient-item a.rc_play .play_btn::before,
.wwthumb {
  position: absolute;
  margin: auto;
  right: 0px;
  left: 0px;
  top: 17px;
}

.wwcontent h4 {
  color: rgb(25, 26, 29);
  font-size: 22px;
  font-weight: 700;
}

.wwcontent p {
  font-size: 14px;
  min-height: 65px;
}

section.types-cd::before,
section.work-with::before {
  content: "";
  background: url("../images/pattern-2.png") no-repeat;
  height: 645px;
  width: 913px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
}

.tcdbox {
  position: relative;
  display: block;
  margin-top: 30px;
}

.tcdbox h4 {
  font-weight: 600;
  margin-top: 10px;
  color: rgb(25, 26, 29);
  font-size: 20px;
}

section.types-cd::before {
  top: -70px;
  z-index: -1;
}

ul.inline-sticker li {
  display: inline-block;
  min-height: 90px;
  margin: 0px 1%;
}

ul.inline-sticker li:last-child {
  margin-right: 0px;
}

ul.inline-sticker li a {
  margin-top: 0px;
  display: block;
}

ul.inline-sticker {
  margin-top: 35px;
  display: flex;
}

.us-apart .col-md-5 img {
  max-width: unset;
  float: right;
}

section.video-test {
  padding: 0px;
  margin-top: -60px;
}

.row.video_row {
  margin-top: 0px;
  margin-bottom: 4em;
}

.rclient-item {
  overflow: hidden;
}

.rclient-item a.rc_play {
  position: relative;
  display: block;
}

.rclient-item a.rc_play .play_btn {
  width: 64px;
  height: 64px;
  background: url("../images/css_sprites.png") -10px -89px;
  z-index: 1;
  bottom: 30px;
}

.rclient-item a.rc_play .play_btn::before {
  content: "";
  width: 64px;
  height: 64px;
  background: url("../images/aplay1.png") center top no-repeat;
  z-index: 1;
  bottom: 0px;
}

.op-text h3,
.our-voice.article-writing-boxes .box,
.seo-writing-inner .box {
  margin-bottom: 20px;
}

.rclient-item p {
  font-weight: 600;
  color: rgb(0, 0, 0);
  padding: 0px 20px;
  font-size: 18px;
  letter-spacing: 0px;
}

.rclient-item:hover a.rc_play img {
  transform: scale(1.1);
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
}

.rclient-item a.rc_play:hover .play_btn::before {
  animation-name: spin;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.rclient-item a.rc_play img {
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
  transform: scale(1);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.our-voice.article-writing-boxes .box img {
  display: table;
  margin-left: auto;
  margin-right: 25px;
}

.our-voice.article-writing-boxes .box h4 {
  text-align: left;
  margin-left: 30px;
  font-size: 22px;
  position: relative;
  padding-top: 20px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.our-voice.article-writing-boxes .box h4::before {
  content: "";
  width: 60px;
  height: 7px;
  background-color: rgb(98, 227, 137);
  position: absolute;
  left: 0px;
  top: 0px;
}

.press-rel-inner .row>div {
  margin-top: unset;
  margin-bottom: unset;
  display: table;
}

.seo-writing-inner .box h4 {
  margin-top: 20px;
  position: relative;
  padding-top: 20px;
}

.seo-writing-inner .box h4::before {
  content: "";
  width: 50px;
  height: 5px;
  background-color: rgb(98, 227, 137);
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  margin: auto;
}

.web-copy-inner .exceptional-list {
  text-align: left;
  width: 900px;
  position: relative;
  background-color: #000;
  margin-top: unset !important;
}

.web-copy-inner .exceptional-list ul {
  width: 100%;
  margin-top: 70px;
}

.web-copy-inner .exceptional-list::before {
  content: "";
  width: 370px;
  position: absolute;
  right: 100%;
  background-color: #000;
  height: 100%;
  top: 0px;
}

section.exceptional.web-copy-inner::before {
  z-index: -1;
}

.web-copy-inner img.excep-book {
  max-width: unset;
}

.web-copy-inner .exceptional-list ul li {
  font-size: 16px;
  margin-bottom: 25px;
  letter-spacing: -1px;
}

.web-copy-inner .exceptional-list::after {
  content: "";
  width: 120px;
  height: 200px;
  position: absolute;
  bottom: 80%;
  z-index: -2;
  right: 0px;
  background-image: url("../images/dotted-web-copy.png");
  background-position: center bottom;
}

.script-writing-inner h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

ul.submenu {
  width: 112%;
  background-color: rgb(43, 36, 96);
  position: absolute;
  z-index: 9;
  /* left: -147px; */
  top: 70px;
  text-align: left;
  padding: 0px;
}

.op-text h4,
ul.submenu li a {
  position: relative;
  text-align: center;
}

header ul.submenu li {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  margin-right: 0px;
  width: calc(14.2857% - 0px);
  float: left;
  margin-left: 0px !important;
}

ul.submenu li a {
  color: rgb(255, 255, 255);
  padding: 24px 20.7px;
  display: block;
  font-weight: 400;
  height: 100%;
  font-size: 13px;
}

li.has-child>a::after {
  content: "";
  background: url("../images/arrow-down.png") 0px 0px / 100%;
  max-width: 100%;
  position: absolute;
  width: 11px;
  height: 10px;
  right: -13px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}

ul.inline-sticker li:last-child img {
  max-width: 80px;
}

.process-banner.inner-banner p {
  max-width: 100%;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 30px;
}

.our_process .row.align-items-center {
  margin-top: 60px;
}

.op-thumb img {
  width: 80%;
}

.col-md-6.op-text {
  padding: 0px 10px;
}

.op-thumb.order-1 img {
  border-radius: 0px 0px 0px 100px;
}

.op-text h3 {
  font-size: 29px;
  font-weight: 500;
  display: inline-block;
  margin: 0px 0px 0px 5px;
}

.op-text h4 {
  color: rgb(255, 255, 255);
  margin: 0px;
  line-height: 40px;
  z-index: 1;
  width: 40px;
  display: inline-block;
}

.op-text p {
  color: rgb(97, 99, 104);
  font-size: 15px;
  margin-top: 20px;
}

.faq-accordion .accordion p,
.faq-container h3 {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: rgb(51, 51, 51);
}

.op-thumb.order-1+.col-md-6.op-text {
  padding-left: 0px;
}

.process-banner {
  background: url("../images/our-process-banner.jpg") center top / cover no-repeat;
  padding: 160px 0px;
  text-align: center;
}

.faqs-banner,
section.faq_section,
section.our_process {
  background-repeat: no-repeat;
}

.our-banner.process-banner h1 {
  text-transform: capitalize;
  font-size: 72px;
  line-height: 62px;
  margin-bottom: 30px;
}

.our-banner.process-banner h1 span {
  display: block;
  font-size: 35px;
  text-transform: none;
  color: inherit;
}

section.our_process {
  padding-bottom: 100px;
  background-image: url("../images/MaskGroup1.png");
  background-position: left top;
}

.process-banner .btn-block .btn.btn-white {
  border-color: rgb(215, 3, 3);
  color: rgb(255, 255, 255);
  font-size: 16px;
  padding: 12px 40px;
  font-weight: 400;
  background: rgb(215, 3, 3);
}

.process-banner .btn-block .btn.btn-white:hover {
  color: rgb(0, 0, 0);
  border-color: rgb(255, 255, 255);
}

.faq-container {
  max-width: 800px;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  position: relative;
  z-index: 999;
  width: 100%;
  padding: 65px 60px 60px;
  display: block;
  margin: -120px auto 10px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 30px;
}

.faq-accordion {
  display: block;
  width: 100%;
  clear: both;
  margin-bottom: 60px;
}

.faq-container h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
  margin-top: 0px;
  margin-bottom: 25px;
}

.faq-accordion .accordion {
  margin: 0px auto;
  padding: 0px;
  list-style: none;
}

.faq-accordion .accordion :is(li, .schema-faq-section) {
  position: relative;
  padding: 13px 10px;
  margin-bottom: 10px;
  background: rgb(241, 241, 241);
}

.faq-accordion .accordion li>a {
  font-weight: 400;
  font-size: 18px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question) {
  width: 100%;
  display: block;
  cursor: pointer;
  user-select: none;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: rgb(48, 48, 48);
  padding-left: 35px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::after,
.faq-accordion .accordion :is(li > a, .schema-faq-question)::before {
  content: "";
  position: absolute;
  transition: all 0.2s ease-in-out 0s;
  background-color: rgb(11, 36, 63);
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::before {
  width: 14px;
  height: 2px;
  left: 15px;
  top: 23.5px;
}

.faq-accordion .accordion :is(li > a, .schema-faq-question)::after {
  width: 2px;
  height: 14px;
  left: 21.5px;
  top: 18px;
}

.faq-accordion .accordion p {
  display: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  padding: 10px 10px 0px 25px;
}

section.faq_section {
  background-color: rgb(230, 232, 234);
  background-image: url("../images/faq-shd.png");
  background-position: left top;
}

.faq-accordion:last-child,
.testimonial .heading p {
  margin-bottom: 0px;
}

.faqs-banner {
  background-image: url("../images/faq-banner.jpg");
  min-height: 410px;
  background-position: center top !important;
}

.faq_section .heading h2 {
  font-size: 44px;
}

.faq_section .heading {
  margin-bottom: 30px;
}

footer ul li i {
  color: #000;
  display: none;
}

section.faqs {
  background: rgb(245, 245, 245);
}

button.btn.btn-link.collapsed {
  background: 0px 0px;
  border: none;
  color: rgb(0, 0, 0);
}

.faqs-wrapper {
  overflow: hidden;
  padding: 0px;
}

.faqs-wrapper::after {
  background: url("../images/faq-after.html") no-repeat;
  height: 943px;
  width: 540px;
  position: absolute;
  right: -20px;
  top: -250px;
  opacity: 0.4;
}

#faq .card {
  border: 0px;
  box-shadow: none;
  border-radius: 0px;
  margin: 0px 0px 12px;
}

#faq .card .card-header {
  border: 0px;
  padding: 0px;
  background: 0px 0px;
}

#faq .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  color: rgb(34, 34, 35);
  padding: 14px 20px;
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
}

#faq .card .card-header .btn-header-link::after {
  content: "";
  background: url("../images/arrow-down.png") 0px 0px / 100%;
  max-width: 100%;
  position: absolute;
  transform: rotate(180deg);
  width: 15px;
  height: 15px;
  right: 20px;
  top: 18px;
  color: rgb(46, 61, 144);
}

#faq .card .card-header .btn-header-link.collapsed {
  color: rgb(0, 0, 0);
  font-weight: 500;
  text-decoration: none;
}

#faq .card .card-header .btn-header-link.collapsed::after {
  transform: rotate(0deg);
}

#faq .card .card-body {
  padding-top: 0px;
}

#faq .card .collapse.show {
  line-height: 30px;
  color: rgb(34, 34, 34);
}

#faq .card .card-body p {
  line-height: 24px;
  margin: 0px;
}

section.headercontactform {
  width: 100%;
  text-align: center;
  background: url("../images/contactformbg.jpg") 0px 0px / cover no-repeat;
  height: 394px;
  position: relative;
  padding: 31px;
}

.headercontactform span.Yellow {
  color: #eab543;
  display: block;
}

section.headercontactform .form-control {
  font-size: 14px;
  border: none;
  margin: 0px 0px 15px;
  height: 38px;
}

section.headercontactform textarea.form-control {
  height: 100px;
}

section.headercontactform .btn {
  width: 29%;
  border-radius: 30px;
  font-size: 18px;
  margin-top: 6px;
  font-weight: 700;
}

section.headercontactform::before {
  content: "";
  background: url("../images/contactformbg1.webp") no-repeat;
  height: 418px;
  width: 346px;
  position: absolute;
  left: 0px;
  top: 0px;
}

section.headercontactform::after {
  content: "";
  background: url("../images/contactformbg2.webp") no-repeat;
  height: 418px;
  width: 360px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.contact-us .wrapper {
  background: rgb(255, 255, 255);
  padding: 85px 36px 36px;
  position: relative;
}

.contact-us .bg {
  background: #c7853529;
  padding: 30px 20px;
  border-radius: 15px;
}

.contact-us .bg ul li a i {
  color: rgb(12, 142, 27);
  margin-right: 9px;
  font-size: 20px;
}

.contact-us .bg ul.social li a i {
  color: rgb(0, 0, 0);
  margin: 0px;
  font-size: 32px;
}

.contact-us ul.social h6 {
  margin: 0px 0px 16px;
}

.contact-us .btn {
  width: 100%;
  font-size: 17px;
  margin-top: 19px;
}

.contact-us .bg h2 {
  text-align: center;
  margin: 0px 0px 14px;
  font-size: 38px;
  font-weight: 700;
  color: rgb(0, 0, 0);
}

.testimonial .center .item {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  transform: scale(1.3);
  position: relative;
  z-index: 99;
  min-height: auto;
  height: fit-content;
  margin-top: 50px;
  left: 0px;
  opacity: 1;
}

.testimonial .center .item * {
  color: rgb(255, 255, 255);
  width: 100%;
}

.testimonial .item i {
  font-size: 65px;
  margin-bottom: 11px;
}

.testimonial .center {
  position: relative;
  z-index: 99;
}

ul.submenu svg {
  height: 40px;
  width: 40px;
  text-align: center;
  display: table;
  margin: 0px auto 10px;
}

ul.submenu li a::after {
  content: "";
  height: 99%;
  width: 1px;
  background: rgb(120, 120, 120);
  position: absolute;
  top: 1px;
  right: 0px;
}

ul.submenu li a:hover {
  color: rgb(97, 227, 137);
  background: 0px 0px;
}

ul.submenu li a:hover svg {
  filter: invert(0.4) sepia(1) saturate(5) hue-rotate(422deg);
}

section.blog img {
  height: 236px;
  object-fit: cover;
}

h3.green {
  font-size: 38px;
  color: #c78535;
  font-family: "Playfair Display", serif;
  font-weight: 600;
}

.headercontactform h2 {
  font-family: "Playfair Display", serif;
  color: rgb(255, 255, 255);
  margin: 0px 0px 14px;
  font-size: 28px;
  font-weight: 600;
}

img.header-img::after {
  top: -103px;
  left: -13px;
  width: 100%;
  margin: 15px;
  content: "";
}

.btn-green-border {
  border-color: #000;
  color: rgb(0, 0, 0);
  background: #ffffff;
}

.recent-text a.btn.btn-green {
  color: rgb(255, 255, 255);
  background: rgb(2, 99, 22);
}

.recent-blog-line.row figcaption {
  background: rgb(255, 255, 255);
  text-align: left;
  padding: 18px 18px 22px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 18px;
  height: 18px;
  margin: 0px 4px;
  background: rgb(190, 190, 190);
  display: block;
  backface-visibility: visible;
  transition: opacity 0.2s ease 0s;
  border-radius: 30px;
}

.contact-us .bg ul.social li a i:hover {
  color: rgb(23, 116, 46);
}

.rclient-item h3 {
  margin-top: 0px;
  font-size: 22px;
  clear: both;
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  padding: 7px 0px;
}

.contact-us .wrapper img.header-img {
  position: absolute;
  top: -30px;
  left: -30px;
  max-width: 105%;
}

section.blog span {
  color: rgb(0, 0, 0);
  font-weight: 600;
}

section.blog a span:hover {
  color: rgb(98, 227, 137);
}

.author-tag {
  padding: 0px;
  text-align: left;
  margin: 10px 0px 9px;
}

ul.submenu::after {
  content: "";
  width: 0px;
  height: 0px;
  border-width: 0px 14px 14px;
  border-color: transparent transparent #c7a25f;
  border-style: solid;
  position: absolute;
  right: 51% !important;
  top: -14px;
  right: 0px;
  margin: auto;
  z-index: 9;
}

.owl-testimonial .owl-dots {
  margin-top: 0px;
  position: absolute;
  bottom: 100px;
  left: 0px;
  right: 0px;
}

h4.Unravel,
h4.exclusive,
h2.Legacy,
h2.limited,
h3.Craft {
  position: relative;
}

.testimonial .center .item i {
  margin: 0px 0px 2px;
}

section.blog .heading h2 {
  font-size: 34px;
  font-weight: 600;
  margin: 4px;
  text-transform: capitalize;
}

.contact-us .btn:hover {
  color: rgb(255, 255, 255);
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  border-color: linear-gradient(43deg, #eab543 0%, #c78535 99%);
}

i.fa-solid.fa-angle-right {
  text-align: center;
  padding: 3px;
  margin-top: -2px;
}

div#owl-carousel {
  margin-top: -18px;
}

section.blog a.ccc {
  color: #c78535;
  float: right;
  font-weight: 600;
}

section.blog a span {
  color: rgb(0, 0, 0);
  font-weight: 600;
  font-size: 20px;
}

.popupform.popjuly {
  width: 956px;
  height: 508px;
  background: url("../images/bg2.png") center top no-repeat !important;
}

.popjuly .row {
  justify-content: center;
}

.popjuly .popup-content {
  background: url("../images/barnettbg.png") center top no-repeat;
  width: 410px;
  height: 465px;
  float: initial;
  margin-right: 81px;
  margin-top: 18px;
  padding: 30px 20px;
  border-radius: 10px;
  margin-left: 271px !important;
}

.custom-pop .btn-blue,
.popjuly .custom-pop .btn-blue,
h4.exclusive {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  box-shadow: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  font-family: Poppins !important;
}

.custom-pop .btn-blue,
.popjuly .custom-pop .btn-blue {
  padding-bottom: 32px;
  font-weight: bolder;
  width: 319.96px;
  padding-top: 9px;
  position: relative;
}

.custom-pop .form-control {
  height: 40px;
  color: rgb(0, 0, 0);
  font-size: 14px;
  margin: 0px 0px 10px;
  border-radius: 12px;
}

.popup-content h2 span {
  color: rgb(254, 20, 20);
}

.custom-pop .btn-blue {
  font-size: 16px;
  color: rgb(255, 255, 255);
  border-radius: 9px;
  border: 1px;
  margin-top: -29px;
  top: -12px;
  height: 41.26px;
}

.col-md-4.logo {
  position: absolute;
  left: 35px;
  top: 16px;
}

.popjuly .custom-pop .btn-blue,
h4.exclusive {
  color: rgb(255, 255, 255);
}

.btn-blue::after {
  background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
  color: rgb(0, 0, 0);
  text-decoration: none;
  border-radius: inherit;
}

.popjuly .popup-content p {
  width: auto;
  margin: 0px 0px 10px;
  background: no-repeat;
  font-size: 25px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}

.popjuly .popup-content h3 span {
  color: rgb(211, 0, 0);
  font-weight: 700;
}

.popjuly .popup-content form {
  padding: 0px 20px;
  margin-top: -70px;
}

.popjuly .custom-pop .form-control {
  height: 44px;
  font-size: 14px;
  margin: 0px 0px 10px;
}

.popjuly .custom-pop textarea.form-control {
  height: 80px;
}

.popjuly .custom-pop .btn-blue {
  font-size: 16px;
  border-radius: 9px;
  border: 1px;
  margin-top: -29px;
  top: 31px;
  height: 41.26px;
}

h4.exclusive,
h2.limited {
  font-weight: 700;
  border-radius: 3px;
}

.fancybox-close-small,
.popupform button.carousel__button.is-close {
  background: rgb(2, 212, 59);
  height: 30px;
  width: 30px;
  padding: 0px;
  border-radius: 4px;
  opacity: 1;
  top: -13px !important;
  right: 16px !important;
  position: absolute !important;
}

h4.exclusive {
  font-size: 13px;
  width: 44%;
  top: -24px;
  left: 101px;
  padding-bottom: 9px;
  padding-top: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: -25px;
  text-align: center;
}

h2.limited,
h3.Craft {
  font-family: Poppins;
  text-transform: uppercase;
}

h2.limited {
  font-size: 18px;
  color: rgb(8, 138, 100);
  left: 1px;
  top: -52px;
  padding-bottom: 12px;
  padding-top: 12px;
  margin-top: 25px;
}

.video-text h3+p,
h3.Craft {
  font-size: 16px;
}

h3.Craft {
  color: rgb(35, 35, 35);
  font-weight: 600;
  width: 98%;
  margin-top: -14px;
  top: -60px;
  letter-spacing: 0px;
  padding: 4px 4px 1px;
  line-height: 20px;
}

span.red {
  color: red;
}

h2.Legacy {
  left: -540px;
  top: -125px;
  font-size: 23px;
  color: rgb(0, 0, 0);
  margin-left: 129px;
  margin-top: 38px;
  line-height: 35px;
  letter-spacing: 1px;
  width: 90%;
  padding: 4px;
  background: rgb(254, 206, 20);
  border-radius: 42px;
  margin-bottom: 5px;
  font-family: Poppins !important;
}

h4.Unravel {
  left: -515px;
  top: -120px;
  color: rgb(255, 255, 255);
  font-family: Poppins;
  margin-left: 50px;
  letter-spacing: -1px;
  width: 433px;
  font-size: 34px;
  margin-bottom: 64px;
  line-height: 42px;
  text-transform: uppercase !important;
}

.wwthumb {
  position: absolute;
  bottom: 8%;
  top: -150px;
}

.home .romance-image h2:not(.mimic-h1),
.home h2:not(.mimic-h1) {
  color: rgb(0, 0, 0) !important;
}

.cta .home h2:not(.mimic-h1) {
  color: rgb(255, 255, 255) !important;
}

.contact-us .bg ul li a {
  text-transform: lowercase !important;
  display: inline-flex;
  align-items: center;
}

.op-thumb {
  display: flex;
  justify-content: center;
}

.op-text h4::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  background: linear-gradient(90deg,
      rgb(10, 38, 66) 0px,
      rgb(67, 157, 113) 100%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: -1;
}

.top ul.social li a i {
  font-size: 12px;
  line-height: 12px;
}

.video-text h3 {
  color: rgb(0, 152, 35);
  font-weight: 600;
  font-size: 32px;
  margin-left: 0px !important;
}

header ul li span.process-head a {
  padding: 5px 0px;
}

header ul li span.process-head i {
  color: #c78535;
}

header ul li:last-child span.process-head:last-child a {
  letter-spacing: 0.65px;
}

section.testimonial {
  display: revert !important;
}

.we-print h4+p {
  margin-bottom: 30px;
}

.immaculate .heading p {
  margin-bottom: 30px;
}

.excep-service img {
  height: 90px;
}

.excep-service .row .row {
  align-items: baseline;
}

.recent-blog.csp-blog h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.75rem;
}

.recent-blog.csp-blog p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}

.our-process .img::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.5s all;
  width: 59px;
  height: 59px;
  background: url("../images/css_sprites.png") -10px -10px;
}

.our-process [class*="col"]:nth-child(2) .img::before {
  width: 62px;
  height: 56px;
  background: url("../images/css_sprites.png") -89px -10px;
}

.our-process [class*="col"]:nth-child(3) .img::before {
  width: 57px;
  height: 57px;
  background: url("../images/css_sprites.png") -88px -89px;
}

.our-process [class*="col"]:nth-child(4) .img::before {
  width: 59px;
  height: 55px;
  background: url("../images/css_sprites.png") -171px -10px;
}

.our-process .box:hover .img::before {
  filter: brightness(0);
}

.our-process .box img {
  display: none;
}

.contact-us .bg ul li a svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

@media (max-width: 850px) and (min-width: 320px) {

  .popjuly .popup-content .h1 .exclusive,
  .popup-content h2.Craft,
  h3.Craft {
    font-size: 15px;
    font-family: Poppins;
    position: relative;
    text-transform: uppercase;
  }

  .popjuly .popup-content .h1 .exclusive {
    color: rgb(255, 255, 255);
    background: rgb(5, 146, 71);
    width: 44%;
    top: -14px;
    left: 101px;
    font-weight: 700;
    padding-bottom: 3px;
    border-radius: 3px;
    padding-top: 0px;
    box-shadow: rgb(29, 29, 29) 2px 5px 9px;
    letter-spacing: 1px;
    text-align: center;
  }

  .popup-content h2.Craft,
  h3.Craft {
    color: rgb(35, 35, 35);
    font-weight: 600;
    width: 98%;
    margin-top: -14px;
    top: -60px;
    letter-spacing: 0px;
    padding: 4px 4px 1px;
    line-height: 20px;
  }

  .popupform.popjuly .popup-content {
    left: 0px;
    max-width: 100%;
  }

  .popjuly .popup-content br {
    display: none;
  }

  .popjuly .popup-content h3 {
    font-size: 14px;
  }

  .popupform .popupjuly {
    width: 100%;
    height: fit-content;
    background: rgb(94, 132, 255);
    padding: 50px 20px;
  }

  .popupform.popjuly {
    border: 3px solid rgb(255, 255, 255);
    background: url("_d1e5.html?php%20echo%20$siteurl%20?>assets/images/bg2.png") center top no-repeat;
    width: 956px;
    height: 666px;
  }

  .popjuly .row {
    justify-content: center;
  }

  .popjuly .popup-content {
    background: url("_e261.html?phpecho$siteurl?>assets/images/barnettbg.png") center top no-repeat;
    width: 410px;
    height: 485px;
    float: initial;
    margin-right: 84px;
    margin-top: 9px;
    padding: 30px 20px;
    border-radius: 10px;
    margin-left: 249px !important;
  }

  .custom-pop .btn-blue,
  .popjuly .custom-pop .btn-blue,
  h1.exclusive {
    background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
    box-shadow: linear-gradient(43deg, #eab543 0%, #c78535 99%);
    font-family: Poppins !important;
  }

  .custom-pop .btn-blue,
  .popjuly .custom-pop .btn-blue {
    padding-bottom: 32px;
    font-weight: bolder;
    width: 319.96px;
    padding-top: 9px;
  }

  .custom-pop .form-control {
    height: 40px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    margin: 0px 0px 10px;
    border-radius: 12px;
  }

  .popup-content h2 span {
    color: rgb(254, 20, 20);
  }

  .custom-pop .btn-blue {
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-radius: 9px;
    border: 1px;
    margin-top: -29px;
    position: relative;
    top: -12px;
    height: 41.26px;
  }

  .col-md-4.logo {
    position: absolute;
    left: 35px;
    top: 16px;
  }

  .popjuly .custom-pop .btn-blue,
  h1.exclusive {
    color: rgb(255, 255, 255);
  }

  .btn-blue::after {
    background: linear-gradient(43deg, #eab543 0%, #c78535 99%);
    color: rgb(0, 0, 0);
    text-decoration: none;
    border-radius: 50px;
  }

  .popjuly .popup-content p {
    width: auto;
    margin: 0px 0px 10px;
    background: no-repeat;
    font-size: 25px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
  }

  .popjuly .popup-content h3 span {
    color: rgb(211, 0, 0);
    font-weight: 700;
  }

  .popjuly .popup-content form {
    padding: 0px 20px;
    margin-top: -70px;
  }

  .popjuly .custom-pop .form-control {
    height: 44px;
    font-size: 14px;
    margin: 0px 0px 10px;
  }

  .popjuly .custom-pop textarea.form-control {
    height: 80px;
  }

  .popjuly .custom-pop .btn-blue {
    font-size: 16px;
    border-radius: 9px;
    border: 1px;
    margin-top: -29px;
    position: relative;
    top: 31px;
    height: 41.26px;
  }

  h1.exclusive,
  h2.limited {
    text-transform: uppercase;
    border-radius: 3px;
    position: relative;
    font-weight: 700;
  }

  h1.exclusive {
    font-size: 13px;
    width: 44%;
    top: -24px;
    left: 101px;
    padding-bottom: 9px;
    padding-top: 18px;
    letter-spacing: 1px;
    margin-top: -25px;
    text-align: center;
  }

  h2.limited {
    font-size: 18px;
    font-family: Poppins;
    color: rgb(8, 138, 100);
    left: 1px;
    top: -52px;
    padding-bottom: 15px;
    padding-top: 10px;
    margin-top: 25px;
  }

  span.red {
    font-weight: 700;
    color: red;
  }

  h2.Legacy {
    position: relative;
    left: -509px;
    top: -136px;
    font-size: 23px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    margin-left: 129px;
    margin-top: 38px;
    line-height: 35px;
    letter-spacing: 1px;
    width: 79%;
    background: rgb(254, 206, 20);
    border-radius: 42px;
    font-family: Poppins !important;
  }

  h1.Unravel {
    position: relative;
    left: -500px;
    top: -135px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-family: Poppins;
    margin-left: 50px;
    letter-spacing: -1px;
    width: 433px;
    font-size: 37px;
    text-transform: inherit;
    margin-bottom: 64px;
    line-height: 42px;
  }

  .fancybox-close-small,
  .popupform button.carousel__button.is-close {
    background: rgb(2, 212, 59);
    height: 30px;
    width: 30px;
    padding: 0px;
    border-radius: 4px;
    opacity: 1;
    top: -13px !important;
    right: 16px !important;
    position: absolute !important;
  }

  .popupform.popjuly button.carousel__button.is-close {
    top: 53px !important;
    right: 273px !important;
  }
}

user-select .indent_inn {
  width: 100%;
  max-width: 1170px;
}

.indent_inn h2 {
  /* font-weight: 700; */
  font-size: 44px;
  text-align: center;
}

.indent_inn h2 b {
  vertical-align: baseline;
  color: #c78535;
}

.indent_inn {
  padding: 0 20px;
  width: 100%;
  max-width: 1170px;
}

.ddexitForm {
  margin-top: 30px;
  width: 100%;
}

.indent-pop ul {
  margin: 0;
  width: 100%;
  float: left;
}

.indent-pop ul li.ind-line {
  width: 26.2%;
  float: left;
  padding: 0 5px;
}

.indent-pop ul li.ind-line input {
  height: 60px;
  display: block;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 17px 10px 16px 20px;
  width: 100%;
}

.indent-pop ul li.ind-line i.fa {
  display: none;
}

.indent-pop ul li.ind-line input[type="submit"] {
  font-size: 17px;
  background-color: #000;
  border-color: #000;
  color: #000;
  padding: 15px 25px;
  cursor: pointer;
}

.indent-pop ul li.ind-line.last {
  width: 21%;
}

#ddexitpopwrapper {
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  pointer-events: none;
  align-items: center;
  justify-content: center;
}

#ddexitpopwrapper .veil {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  z-index: 1;
  display: none;
  cursor: default;
}

.ddexitpop {
  width: 100%;
  padding: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: white;
  left: 0;
  top: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  visibility: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ddexitpop .calltoaction {
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
  padding: 15px;
  background: #15c5ff;
  display: block;
  width: 80%;
  margin: 10px auto;
  text-align: center;
  color: white !important;
}

div.closeexitpop {
  background: url("../images/xclose.png") no-repeat scroll center center;
  width: 70px;
  height: 70px;
  overflow: hidden;
  display: none;
  position: fixed;
  cursor: pointer;
  text-indent: -1000px;
  z-index: 3;
  top: 10px;
  right: 10px;
  background-size: 20px;
  opacity: 0.7;
}

#ddexitpopwrapper.open {
  pointer-events: auto;
}

#ddexitpopwrapper.open .veil {
  display: block;
}

#ddexitpopwrapper.open div.closeexitpop {
  display: block;
}

#ddexitpopwrapper.open .ddexitpop {
  visibility: visible;
}

@media screen and (max-width: 850px) {
  .ddexitpop {
    /* top: 0; */
  }

  .indent-pop ul li.ind-line {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .indent-pop ul li.ind-line input[type="submit"] {
    width: auto;
  }

  .indent_inn h2 {
    font-size: 30px;
  }

  .indent_inn h2 br {
    display: none;
  }
}

.heading1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.heading3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 9999;
}

.heading2 {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  position: relative;
}

.immaculate h6 {
  color: #000;
  z-index: 9999;
}

/* Get Started Page Styles */
.get-started-banner {
  padding: 120px 0 80px;
  background-size: cover;
  background-position: center;
}

.get-started-content {
  background: #f8f9fa;
  padding: 80px 0;
}

.form-container {
  background: #ffffff;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
}

.modern-form .form-group {
  position: relative;
}

.floating-label {
  position: relative;
}

.floating-label label {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 10px 0;
  font-size: 16px;
  color: #666;
  pointer-events: none;
  transition: 0.3s ease all;
}

.floating-label .form-control {
  border: none;
  border-bottom: 2px solid #ddd;
  border-radius: 0;
  background: transparent;
  padding: 10px 15px;
  box-shadow: none !important;
}

.floating-label .form-control:focus {
  border-bottom-color: #c78535;
}

.floating-label .form-control:focus~label,
.floating-label .form-control:not(:placeholder-shown)~label {
  top: -20px;
  font-size: 13px;
  color: #c78535;
  font-weight: 600;
}

.btn-blue {
  background: linear-gradient(43deg, #c78535 0%, #eab543 99%);
  border: none;
  color: #fff !important;
  font-weight: 600;
  border-radius: 50px;
  transition: 0.3s;
  box-shadow: 0 5px 15px rgba(199, 133, 53, 0.4);
}

.btn-blue:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(199, 133, 53, 0.6);
}

/* Hero Banner Section Styles - Matching Image Design */
.hero-banner-section {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: 80px 0 60px;
  overflow: hidden;
}

.hero-banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/BnnrImg1.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.hero-banner-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000a6;
  z-index: 1;
}

.hero-banner-content {
  position: relative;
  z-index: 2;
  align-items: center;
}

/* Left Content Styles */
.hero-left-content {
  padding: 30px 25px 30px 15px;
}

.hero-main-headline {
  font-size: 37px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 15px;
  font-family: "Bai Jamjuree", sans-serif;
}

.hero-main-headline .highlight {
  font-size: 46px;
  font-weight: 800;
}

.hero-subheadline {
  font-size: 17px;
  color: #ffffff;
  line-height: 1.4;
  margin-bottom: 8px;
  font-weight: 400;
  width: 65%;
  font-family: "Bai Jamjuree", sans-serif;
}

.hero-description {
  font-size: 15px;
  color: #ffffff;
  line-height: 1.4;
  margin-bottom: 25px;
  font-weight: 300;
  font-family: "Bai Jamjuree", sans-serif;
}

.hero-btn-block {
  display: flex;
  gap: 12px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}

.btn-orange-hero {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #000 !important;
  border: none;
  padding: 12px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
  text-decoration: none;
  display: inline-block;
  font-family: "Bai Jamjuree", sans-serif;
}

.btn-orange-hero:hover {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6);
  color: #000 !important;
}

.btn-white-border-hero {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  padding: 10px 32px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  font-family: "Bai Jamjuree", sans-serif;
}

.btn-white-border-hero:hover {
  background: #ffffff;
  color: #000000 !important;
  transform: translateY(-2px);
}

.hero-review-badges {
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.hero-review-badges li {
  margin: 0;
}

.review-badge-img {
  height: auto;
  max-width: 140px;
  width: auto;
  display: block;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  border-radius: 8px;
}

.review-badge-img:hover {
  transform: translateY(-3px) scale(1.05);
  opacity: 0.9;
}

/* Right Contact Form Styles */
.hero-right-content {
  padding: 15px 15px 15px 25px;
}

.hero-contact-form-wrapper {
  background: #ffffff;
  border-radius: 20px;
  padding: 22px 24px;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4);
  position: relative;
  border: 2px solid #c7a25f;
}

.form-title {
  font-size: 20px;
  font-weight: 700;
  color: #c7a25f;
  margin-bottom: 5px;
  text-align: center;
  font-family: "Bai Jamjuree", sans-serif;
  line-height: 1.2;
}

.form-subtitle {
  font-size: 12px;
  color: #666666;
  margin-bottom: 18px;
  text-align: center;
  font-family: "Bai Jamjuree", sans-serif;
}

.hero-contact-form .form-group {
  margin-bottom: 12px;
}

.input-icon-wrapper {
  position: relative;
}

.input-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999999;
  font-size: 14px;
  z-index: 1;
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.phone-prefix {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  color: #333333;
  font-weight: 600;
  font-size: 13px;
  z-index: 1;
  pointer-events: none;
}

.phone-input {
  padding-left: 58px !important;
}

.flag-icon {
  left: 12px !important;
}

.hero-contact-form .form-control {
  width: 100%;
  padding: 9px 12px 9px 38px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 13px;
  transition: all 0.3s ease;
  background: #f9f9f9;
  font-family: "Bai Jamjuree", sans-serif;
}

.hero-contact-form .form-control:focus {
  outline: none;
  border-color: #c7a25f;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(199, 162, 95, 0.1);
}

.hero-contact-form textarea.form-control {
  padding-top: 10px;
  padding-left: 38px;
  resize: vertical;
  min-height: 70px;
  line-height: 1.4;
}

.hero-contact-form .btn-submit {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 50px;
}

/* Enquiry Tab */
.enquiry-tab {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  background: #1a5f5f;
  color: #ffffff;
  padding: 14px 35px;
  border-radius: 10px 10px 0 0;
  font-weight: 600;
  font-size: 16px;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: -3px 0 12px rgba(0, 0, 0, 0.3);
  font-family: "Bai Jamjuree", sans-serif;
}

.enquiry-tab:hover {
  background: #0f4a4a;
  padding-right: 40px;
  box-shadow: -4px 0 15px rgba(0, 0, 0, 0.4);
}

.enquiry-tab span {
  display: inline-block;
  transform: rotate(90deg);
  white-space: nowrap;
}

/* Responsive Styles */
@media (max-width: 1199px) {
  .hero-main-headline {
    font-size: 36px;
  }

  .hero-main-headline .highlight {
    font-size: 40px;
  }
}

@media (max-width: 991px) {
  .hero-banner-section {
    min-height: auto;
    padding: 60px 0 50px;
  }

  .hero-main-headline {
    font-size: 32px;
  }

  .hero-main-headline .highlight {
    font-size: 36px;
  }

  .hero-subheadline {
    font-size: 15px;
  }

  .hero-description {
    font-size: 14px;
  }

  .hero-left-content,
  .hero-right-content {
    padding: 20px 15px;
  }

  .hero-contact-form-wrapper {
    padding: 20px 22px;
  }

  .form-title {
    font-size: 18px;
  }

  .form-subtitle {
    font-size: 11px;
    margin-bottom: 15px;
  }

  .hero-contact-form .form-group {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .hero-banner-section {
    padding: 50px 0 35px;
  }

  .hero-main-headline {
    font-size: 24px;
    text-align: center;
    line-height: 1.15;
  }

  .hero-main-headline .highlight {
    font-size: 30px;
  }

  .hero-subheadline,
  .hero-description {
    font-size: 14px;
    text-align: center;
    width: 100%;
  }

  .hero-btn-block {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
  }

  .btn-orange-hero,
  .btn-white-border-hero {
    width: 100%;
    max-width: 280px;
    text-align: center;
    padding: 11px 28px;
    font-size: 14px;
  }

  .hero-review-badges {
    justify-content: center;
    gap: 10px;
  }

  .enquiry-tab {
    display: none;
  }

  .hero-contact-form-wrapper {
    padding: 18px 18px;
  }

  .form-title {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .form-subtitle {
    font-size: 11px;
    margin-bottom: 14px;
  }

  .hero-contact-form .form-group {
    margin-bottom: 10px;
  }

  .hero-contact-form .form-control {
    padding: 8px 10px 8px 35px;
    font-size: 12px;
  }

  .hero-contact-form textarea.form-control {
    min-height: 60px;
    padding-left: 35px;
  }

  .hero-contact-form .btn-submit {
    padding: 9px;
    font-size: 13px;
    margin-top: 5px;
  }
}

/* Partners Ticker Section */
.partners-ticker-section {
  background: #ffffff;
  border-top: 2px solid #1a5f5f;
  border-bottom: 2px solid #1a5f5f;
  padding: 25px 0;
  overflow: hidden;
}

.partners-ticker-wrap {
  overflow: hidden;
  width: 100%;
}

.partners-ticker-track {
  display: flex;
  align-items: center;
  gap: 60px;
  width: max-content;
  animation: partners-ticker-scroll 40s linear infinite;
  padding: 0 20px;
}

.partners-ticker-track:hover {
  animation-play-state: paused;
}

.partners-ticker-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.partners-ticker-item img {
  height: 100%;
  width: auto;
  max-height: 50px;
  object-fit: contain;
  filter: grayscale(20%);
  transition: filter 0.3s ease;
}

.partners-ticker-item:hover img {
  filter: grayscale(0%);
}

@keyframes partners-ticker-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Self-Publishing Section */
.self-publishing-section {
  background: #fcefbf33;
  padding: 70px 0 60px;
}

.self-pub-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 36px;
  font-weight: 500;
  color: #000;
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.3;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.self-pub-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.self-pub-visual {
  position: relative;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 400px;
  padding-right: 0;
}

.self-pub-devices-img {
  max-width: 72%;
  width: auto;
  height: auto;
  max-height: 490px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  margin-right: -4%;
}

.self-pub-orange-box {
  position: absolute;
  right: 13%;
  top: 50%;
  transform: translateY(-50%);
  width: 66%;
  max-width: 560px;
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  padding: 28px 28px 50px 28px;
  border-radius: 12px;
  z-index: 1;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

.self-pub-orange-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #000;
  margin: 0;
}

.self-pub-orange-deco {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1a5f5f 0%, #0f3d32 100%);
  opacity: 0.9;
}

.self-pub-bottom-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #000;
  text-align: center;
  margin: 0;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .self-pub-heading {
    font-size: 28px;
    margin-bottom: 35px;
  }

  .self-pub-visual {
    flex-direction: column;
    min-height: auto;
  }

  .self-pub-orange-box {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    margin-top: -40px;
    z-index: 2;
  }

  .self-pub-orange-text {
    font-size: 14px;
  }

  .self-pub-bottom-text {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .self-publishing-section {
    padding: 50px 0 40px;
  }

  .self-pub-heading {
    font-size: 22px;
    margin-bottom: 28px;
  }

  .self-pub-orange-box {
    padding: 22px 20px 45px 20px;
    margin-top: -25px;
  }

  .self-pub-orange-text {
    font-size: 13px;
  }

  .self-pub-orange-deco {
    width: 45px;
    height: 45px;
    bottom: 10px;
    right: 10px;
  }

  .self-pub-bottom-text {
    font-size: 14px;
  }
}

/* Book Covers Showcase Section */
.book-showcase-section {
  background: #fff;
  padding: 70px 0 80px;
  overflow: hidden;
}

.book-showcase-wrap {
  position: relative;
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 480px;
}

.book-showcase-left {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 1;
}

.book-showcase-left .book-showcase-cluster {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.book-showcase-phone {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  width: 344px;
  max-width: 32%;
  margin-left: 5%;
}

.book-showcase-phone-img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(8px 8px 20px rgba(0, 0, 0, 0.2));
}

.book-showcase-right {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 1;
}

.book-showcase-right .book-showcase-cluster {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

@media (max-width: 991px) {
  .book-showcase-section {
    padding: 50px 0 60px;
    min-height: auto;
  }

  .book-showcase-wrap {
    flex-direction: column;
    min-height: 400px;
    gap: 30px;
  }

  .book-showcase-left,
  .book-showcase-right {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
    width: 85%;
    max-width: 400px;
  }

  .book-showcase-phone {
    width: 220px;
    max-width: 60%;
    order: 0;
  }

  .book-showcase-left {
    order: 1;
  }

  .book-showcase-right {
    order: 2;
  }
}

@media (max-width: 767px) {
  .book-showcase-section {
    padding: 40px 0 50px;
  }

  .book-showcase-wrap {
    min-height: auto;
    gap: 20px;
  }

  .book-showcase-phone {
    width: 200px;
  }

  .book-showcase-left,
  .book-showcase-right {
    width: 90%;
  }
}

/* Writing Services CTA Section */
.writing-services-cta-section {
  background: #f8f8f8;
  padding: 70px 0 80px;
  position: relative;
}

.writing-services-cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.04) 0%,
      transparent 100%);
  pointer-events: none;
}

.writing-services-cta-content {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
}

.writing-services-cta-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
}

.writing-services-cta-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: #555555;
  margin-bottom: 35px;
}

.writing-services-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.writing-services-btn {
  padding: 14px 38px;
  border-radius: 50px;
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.writing-services-btn-orange {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #ffffff !important;
  border: none;
  box-shadow: 0 4px 14px rgba(255, 111, 0, 0.35);
}

.writing-services-btn-orange:hover {
  background: #fcefbf;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255, 111, 0, 0.45);
  color: #ffffff !important;
}

.writing-services-btn-outline {
  background: transparent;
  color: #000 !important;
  border: 2px solid #000;
}

.writing-services-btn-outline:hover {
  background: #3f7a6f;
  color: #ffffff !important;
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .writing-services-cta-section {
    padding: 50px 0 60px;
  }

  .writing-services-cta-heading {
    font-size: 26px;
    margin-bottom: 18px;
  }

  .writing-services-cta-text {
    font-size: 15px;
    margin-bottom: 28px;
  }

  .writing-services-cta-buttons {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }

  .writing-services-btn {
    width: 100%;
    max-width: 280px;
    text-align: center;
  }
}

/* Publishing Success Section */
.publishing-success-section {
  display: flex;
  min-height: 100vh;
}

.pub-success-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.pub-success-left {
  flex: 0 0 50%;
  background: #fff;
  padding: 60px 50px 60px 50px;
}

.pub-success-left-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 38px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
  line-height: 1.25;
}

.pub-success-left-intro {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #ffffff;
  margin-bottom: 35px;
  max-width: 520px;
}

.pub-success-cards {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.pub-success-card {
  flex: 1;
  min-width: 160px;
  background: #ffffff;
  border-radius: 16px 16px 0 0;
  padding: 28px 20px 24px;
  position: relative;
  overflow: hidden;
}

.pub-success-card-number {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  background: #c7a25f;
  border-radius: 0 0 0 100%;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 6px 10px;
}

.pub-success-card-icon {
  width: 56px;
  height: 56px;
  object-fit: contain;
  margin-bottom: 14px;
  display: block;
}

.pub-success-card-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #2c3e50;
  margin: 0;
  font-weight: 500;
}

.pub-success-books {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.pub-success-book {
  flex: 1;
  min-width: 100px;
  max-width: 560px;
}

.pub-success-book img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.pub-success-right {
  flex: 0 0 50%;
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  padding: 60px 50px 50px;
  position: relative;
}

.pub-success-right-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 38px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
  line-height: 1.25;
}

.pub-success-right-intro {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #000;
  margin-bottom: 35px;
}

.pub-success-services {
  display: flex;
  gap: 40px;
  margin-bottom: 35px;
  flex-wrap: wrap;
}

.pub-success-services-col {
  flex: 1;
  min-width: 220px;
}

.pub-success-service-title {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #000;
  margin-bottom: 8px;
  margin-top: 0;
}

.pub-success-service-title:first-child {
  margin-top: 0;
}

.pub-success-service-title+.pub-success-service-text {
  margin-top: 0;
}

.pub-success-service-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: #000;
  margin-bottom: 22px;
  margin-top: 0;
}

.pub-success-right-buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.pub-success-btn {
  padding: 14px 36px;
  border-radius: 50px;
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.pub-success-btn-orange {
  background: transparent;
  color: #000 !important;
  border: 2px solid #000;
}

.pub-success-btn-orange:hover {
  background: #ffffff;
  color: #c7a25f !important;
  transform: translateY(-2px);
}

.pub-success-btn-white {
  background: #ffffff;
  color: #c7a25f !important;
  border: 2px solid #c7a25f;
}

.pub-success-btn-white:hover {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #ffffff !important;
  transform: translateY(-2px);
}

.pub-success-right-visual {
  text-align: right;
}

.pub-success-laptop-img {
  max-width: 85%;
  width: auto;
  height: auto;
  max-height: 280px;
  object-fit: contain;
  margin-left: auto;
  display: block;
}

@media (max-width: 1199px) {

  .pub-success-left,
  .pub-success-right {
    padding: 50px 35px 50px;
  }

  .pub-success-left-heading,
  .pub-success-right-heading {
    font-size: 32px;
  }
}

@media (max-width: 991px) {
  .publishing-success-section {
    min-height: auto;
  }

  .pub-success-left,
  .pub-success-right {
    flex: 0 0 100%;
    padding: 50px 30px 45px;
  }

  .pub-success-cards {
    flex-direction: column;
  }

  .pub-success-card {
    min-width: 100%;
  }

  .pub-success-services {
    flex-direction: column;
    gap: 0;
  }

  .pub-success-right-buttons {
    margin-bottom: 25px;
  }

  .pub-success-laptop-img {
    max-width: 70%;
    max-height: 240px;
  }
}

@media (max-width: 767px) {

  .pub-success-left,
  .pub-success-right {
    padding: 40px 20px 35px;
  }

  .pub-success-left-heading,
  .pub-success-right-heading {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .pub-success-left-intro,
  .pub-success-right-intro {
    font-size: 15px;
    margin-bottom: 28px;
  }

  .pub-success-books {
    justify-content: center;
  }

  .pub-success-book {
    max-width: 120px;
  }

  .pub-success-right-buttons {
    flex-direction: column;
  }

  .pub-success-btn {
    width: 100%;
    max-width: 260px;
    text-align: center;
  }
}

/* Authors Vision Section */
.global-book-press-section {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  padding: 70px 0 80px;
}

.global-book-press-row {
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}

.global-book-press-left {
  flex: 1;
  min-width: 280px;
}

.global-book-press-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 38px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  line-height: 1.25;
  text-align: left;
}

.global-book-press-intro {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #000;
  margin-bottom: 35px;
  text-align: left;
}

.global-book-press-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.global-book-press-box {
  background: #fafafa;
  border: 1px solid #000;
  border-radius: 12px;
  padding: 28px 24px;
  transition: box-shadow 0.3s ease;
}

.global-book-press-box:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.global-book-press-icon {
  margin-bottom: 16px;
}

.global-book-press-icon svg {
  display: block;
  width: 48px;
  height: 48px;
}

.global-book-press-box-title {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
  margin-top: 0;
}

.global-book-press-box-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #333333;
  margin: 0;
}

.global-book-press-right {
  flex-shrink: 0;
  max-width: 420px;
}

.global-book-press-visual-img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  display: block;
}

@media (max-width: 1199px) {
  .global-book-press-row {
    gap: 40px;
  }

  .global-book-press-heading {
    font-size: 32px;
  }
}

@media (max-width: 991px) {
  .global-book-press-section {
    padding: 50px 0 60px;
  }

  .global-book-press-row {
    flex-direction: column;
    align-items: stretch;
  }

  .global-book-press-right {
    max-width: 100%;
    order: -1;
    text-align: center;
  }

  .global-book-press-visual-img {
    max-height: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .global-book-press-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .global-book-press-heading {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .global-book-press-intro {
    font-size: 15px;
    margin-bottom: 28px;
  }

  .global-book-press-box {
    padding: 22px 20px;
  }

  .global-book-press-box-title {
    font-size: 16px;
  }

  .global-book-press-box-text {
    font-size: 13px;
  }
}

/* Overview of Our Services Section */
.services-overview-section {
  background: #f5f5f5;
  padding: 70px 0 60px;
}

.services-overview-section .container {
  max-width: 1400px;
}

.services-overview-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 38px;
  font-weight: 700;
  color: #2c3e50;
  text-align: center;
  margin-bottom: 45px;
}

.services-carousel-outer {
  position: relative;
  margin-bottom: 30px;
}

.services-carousel-wrap {
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.services-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  transition: transform 0.5s ease;
  width: 125%;
}

.services-overview-card {
  flex: 0 0 20%;
  min-width: 0;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.services-overview-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.services-card-image-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 65%;
  overflow: hidden;
  background: #eee;
}

.services-card-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-card-number {
  position: absolute;
  top: 16px;
  left: 16px;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #c7a25f;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  line-height: 1;
}

.services-card-title {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #2c3e50;
  margin: 20px 20px 10px;
}

.services-card-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin: 0 20px 20px;
}

.services-carousel-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}

.services-carousel-prev,
.services-carousel-next {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #ffffff;
  color: #555;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition: all 0.3s ease;
}

.services-carousel-prev:hover,
.services-carousel-next:hover {
  border-color: #c7a25f;
  color: #c7a25f;
  background: #fff;
}

.services-overview-cta {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin: 0;
}

.services-cta-link {
  color: #9b59b6;
  font-weight: 700;
  text-decoration: none;
}

.services-cta-link:hover {
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .services-carousel-track {
    width: 250%;
  }

  .services-overview-card {
    flex: 0 0 20%;
  }
}

@media (max-width: 767px) {
  .services-overview-section {
    padding: 50px 0 45px;
  }

  .services-overview-heading {
    font-size: 28px;
    margin-bottom: 35px;
  }

  .services-carousel-track {
    width: 500%;
  }

  .services-overview-card {
    flex: 0 0 20%;
  }

  .services-carousel-nav {
    margin-top: 22px;
  }
}

/* Literary Brilliance Section */
.literary-brilliance-section {
  background: #f0f0f0;
  padding: 70px 0 60px;
}

.literary-brilliance-section .container {
  max-width: 1400px;
}

.literary-brilliance-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 36px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
}

.literary-brilliance-intro {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  text-align: center;
  max-width: 720px;
  margin: 0 auto 45px;
}

.literary-carousel-outer {
  position: relative;
}

.literary-carousel-wrap {
  overflow: hidden;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.literary-carousel-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  transition: transform 0.6s ease;
  width: 125%;
}

.literary-book-cover {
  flex: 0 0 20%;
  min-width: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.literary-book-cover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2/3;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .literary-carousel-track {
    width: 250%;
  }

  .literary-book-cover {
    flex: 0 0 20%;
  }
}

@media (max-width: 767px) {
  .literary-brilliance-section {
    padding: 50px 0 45px;
  }

  .literary-brilliance-heading {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .literary-brilliance-intro {
    font-size: 15px;
    margin-bottom: 35px;
  }

  .literary-carousel-track {
    width: 500%;
  }

  .literary-book-cover {
    flex: 0 0 20%;
  }
}

/* Home Testimonials Section */
.home-testimonials-section {
  background: #ffffff;
  padding: 80px 0 90px;
  position: relative;
  border-top: 1px solid rgba(199, 162, 95, 0.15);
}

.home-testimonials-section::before {
  display: none;
}

.home-testimonials-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 35px;
  letter-spacing: -0.02em;
}

.home-testimonials-nav {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 35px;
}

.home-testimonial-dot {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 2px solid #C7A25F;
  background: #fff;
  color: #8B6914;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(199, 162, 95, 0.15);
}

.home-testimonial-dot:hover {
  background: #fdf8f0;
  border-color: #8B6914;
}

.home-testimonial-dot.active {
  background: linear-gradient(135deg, #8B6914, #C7A25F);
  color: #000;
  border-color: #8B6914;
  box-shadow: 0 4px 14px rgba(199, 162, 95, 0.4);
}

.home-testimonials-content {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
  background: #fdf8f0;
  border-radius: 16px;
  padding: 40px 48px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(199, 162, 95, 0.12);
}

.home-testimonial-panel {
  display: none;
  text-align: center;
}

.home-testimonial-panel.active {
  display: block;
}

.home-testimonial-quote {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #444;
  font-style: italic;
  margin: 0 0 20px;
}

.home-testimonial-stars {
  font-size: 22px;
  letter-spacing: 4px;
  color: #C7A25F;
  margin-bottom: 16px;
}

.home-testimonial-name {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 6px;
}

.home-testimonial-location {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  color: #8B6914;
  margin: 0;
}

@media (max-width: 767px) {
  .home-testimonials-section {
    padding: 50px 0 60px;
  }

  .home-testimonials-heading {
    font-size: 28px;
    margin-bottom: 28px;
  }

  .home-testimonial-dot {
    width: 46px;
    height: 46px;
    font-size: 13px;
  }

  .home-testimonial-quote {
    font-size: 16px;
  }

  .home-testimonials-content {
    padding: 28px 24px;
  }
}

/* Foot Form Section (From Idea to Published Masterpiece) */
.foot-form-section {
  position: relative;
  background-image: url('../images/footer-form-bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 70px 0 80px;
  overflow: hidden;
}

.foot-form-pattern {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% 50%,
      rgba(255, 255, 255, 0.06) 0%,
      transparent 50%),
    radial-gradient(ellipse 60% 40% at 20% 80%,
      rgba(255, 255, 255, 0.04) 0%,
      transparent 45%),
    radial-gradient(ellipse 50% 30% at 80% 20%,
      rgba(255, 255, 255, 0.04) 0%,
      transparent 40%);
  pointer-events: none;
}

.foot-form-section .container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
}

.foot-form-row {
  gap: 40px 0;
}

.foot-form-left {
  padding-right: 30px;
}

.foot-form-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 36px;
  font-weight: 500;
  color: #C7A25F;
  margin-bottom: 20px;
  line-height: 1.2;
}

.foot-form-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 28px;
  max-width: 480px;
}

.foot-form-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.foot-btn-orange {
  display: inline-block;
  padding: 12px 28px;
  background: transparent;
  color: #C7A25F !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #C7A25F;
  text-decoration: none;
  transition: all 0.3s ease;
}

.foot-btn-orange:hover {
  background: linear-gradient(135deg, #8B6914, #C7A25F);
  color: #fff !important;
  border-color: transparent;
  box-shadow: 0 4px 15px rgba(199, 162, 95, 0.4);
}

.foot-btn-white {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(135deg, #8B6914, #C7A25F);
  color: #fff !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(199, 162, 95, 0.35);
}

.foot-btn-white:hover {
  box-shadow: 0 6px 20px rgba(199, 162, 95, 0.55);
  color: #fff !important;
  transform: translateY(-2px);
}

.foot-form-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.foot-form-wrapper {
  background: transparent;
  border-radius: 16px;
  border: 2px solid rgba(199, 162, 95, 0.4);
  padding: 28px 26px;
  width: 100%;
  max-width: 460px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(199, 162, 95, 0.15);
}

.foot-form .form-group {
  margin-bottom: 16px;
}

.foot-form-fields .form-group {
  margin-bottom: 16px;
}

.foot-form .form-control {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  font-family: "Bai Jamjuree", sans-serif;
  background: #fff;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.foot-form .form-control:focus {
  outline: none;
  border-color: #c7a25f;
  box-shadow: 0 0 0 3px rgba(199, 162, 95, 0.15);
}

.foot-form .form-control::placeholder {
  color: #999;
}

.foot-phone-wrapper {
  position: relative;
}

.foot-phone-prefix {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  font-weight: 600;
  font-size: 14px;
  z-index: 1;
  pointer-events: none;
}

.foot-form .foot-phone-wrapper .form-control {
  padding-left: 44px;
}

.foot-form textarea.form-control {
  resize: vertical;
  min-height: 100px;
  padding: 12px 14px;
}

.foot-btn-submit {
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(135deg, #C7A25F 0%, #b08a3e 100%);
  color: #fff !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 16px rgba(199, 162, 95, 0.3);
}

.foot-btn-submit:hover {
  box-shadow: 0 6px 20px rgba(199, 162, 95, 0.5);
  transform: translateY(-1px);
  color: #fff !important;
}

@media (max-width: 991px) {
  .foot-form-left {
    padding-right: 0;
    text-align: center;
  }

  .foot-form-text {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .foot-form-buttons {
    justify-content: center;
  }

  .foot-form-wrapper {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .foot-form-section {
    padding: 50px 0 60px;
  }

  .foot-form-heading {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .foot-form-text {
    font-size: 15px;
    margin-bottom: 22px;
  }

  .foot-form-wrapper {
    padding: 22px 20px;
  }

  .foot-form-fields .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* Home FAQs Section */
.home-faqs-section {
  background: #fdf8f0;
  padding: 80px 0 80px;
  position: relative;
}

.home-faqs-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: -0.02em;
}

.home-faqs-list {
  max-width: 720px;
  margin: 0 auto 40px;
}

.home-faq-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.home-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 0;
  background: none;
  border: none;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease;
}

.home-faq-question:hover {
  color: #8B6914;
}

.home-faq-icon {
  flex-shrink: 0;
  margin-left: 12px;
  font-size: 12px;
  color: #C7A25F;
  transition: transform 0.3s ease;
}

.home-faq-item.open .home-faq-icon {
  transform: rotate(180deg);
  color: #8B6914;
}

.home-faq-item.open .home-faq-question {
  color: #8B6914;
}

.home-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.home-faq-answer p {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #555;
  margin: 0 0 18px;
  padding: 0 0 4px;
}

.home-faqs-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.home-faq-btn-orange {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(135deg, #C7A25F 0%, #b08a3e 100%);
  color: #fff !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 16px rgba(199, 162, 95, 0.3);
}

.home-faq-btn-orange:hover {
  box-shadow: 0 6px 20px rgba(199, 162, 95, 0.55);
  transform: translateY(-2px);
  color: #fff !important;
}

.home-faq-btn-outline {
  display: inline-block;
  padding: 12px 28px;
  background: transparent;
  color: #1a1a1a !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #C7A25F;
  text-decoration: none;
  transition: all 0.3s ease;
}

.home-faq-btn-outline:hover {
  background: linear-gradient(135deg, #8B6914, #C7A25F);
  color: #fff !important;
  border-color: transparent;
}

@media (max-width: 767px) {
  .home-faqs-section {
    padding: 50px 0 60px;
  }

  .home-faqs-heading {
    font-size: 28px;
    margin-bottom: 32px;
  }

  .home-faq-question {
    font-size: 15px;
    padding: 14px 0;
  }
}

/* Publishing Journey Section */
.publishing-journey-section {
  background: #fff;
  padding: 70px 0 80px;
}

.publishing-journey-section .container {
  max-width: 1200px;
}

.publishing-journey-row {
  gap: 40px 0;
}

.publishing-journey-left {
  padding-right: 40px;
}

.publishing-journey-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #000;
  margin-bottom: 12px;
  line-height: 1.25;
}

.publishing-journey-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #666;
  margin-bottom: 18px;
}

.publishing-journey-text:last-of-type {
  margin-bottom: 28px;
}

.publishing-journey-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.publishing-journey-btn-orange {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #000 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
  transition: all 0.3s ease;
}

.publishing-journey-btn-orange:hover {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #000 !important;
  box-shadow: 0 6px 18px rgba(255, 107, 53, 0.4);
}

.publishing-journey-btn-outline {
  display: inline-block;
  padding: 12px 28px;
  background: #fff;
  color: #2c3e50 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #1a4d5c;
  text-decoration: none;
  transition: all 0.3s ease;
}

.publishing-journey-btn-outline:hover {
  background: #f0f7f8;
  color: #2c3e50 !important;
}

.publishing-journey-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.publishing-journey-image-wrap {
  width: 100%;
}

.publishing-journey-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .publishing-journey-left {
    padding-right: 0;
    text-align: center;
  }

  .publishing-journey-text {
    text-align: center;
  }

  .publishing-journey-buttons {
    justify-content: center;
  }

  .publishing-journey-image-wrap {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .publishing-journey-section {
    padding: 50px 0 60px;
  }

  .publishing-journey-heading {
    font-size: 28px;
    margin-bottom: 18px;
  }

  .publishing-journey-text {
    font-size: 15px;
  }
}

/* Imagination to Reality Section */
.imagination-reality-section {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  padding: 70px 0 80px;
}

.imagination-reality-section .container {
  max-width: 900px;
  text-align: center;
}

.imagination-reality-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #000;
  margin-bottom: 16px;
  line-height: 1.3;
}

.imagination-reality-heading br {
  display: block;
}

.imagination-reality-subheading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #000;
  margin-bottom: 38px;
  line-height: 1.5;
}

.imagination-reality-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 16px;
  margin-bottom: 38px;
}

.imagination-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  background: #ffffff;
  color: #000;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.imagination-tag-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #c7a25f;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  border-radius: 50%;
}

.imagination-reality-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.imagination-btn-orange {
  display: inline-block;
  padding: 12px 28px;
  background: transparent;
  color: #000 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #000;
  text-decoration: none;
  transition: background 0.3s ease;
}

.imagination-btn-orange:hover {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #fff !important;
}

.imagination-btn-outline {
  display: inline-block;
  padding: 12px 28px;
  background: #fff;
  color: #2f634a !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #2f634a;
  text-decoration: none;
  transition: all 0.3s ease;
}

.imagination-btn-outline:hover {
  background: #e8f0ed;
  color: #2f634a !important;
}

@media (max-width: 767px) {
  .imagination-reality-section {
    padding: 50px 0 60px;
  }

  .imagination-reality-heading {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .imagination-reality-subheading {
    font-size: 15px;
    margin-bottom: 28px;
  }

  .imagination-reality-tags {
    gap: 10px 12px;
    margin-bottom: 28px;
  }

  .imagination-tag {
    padding: 10px 14px;
    font-size: 14px;
  }
}

/* Affordable Publishing Services Section */
.affordable-publishing-section {
  background: #fff;
  padding: 70px 0 80px;
}

.affordable-publishing-section .container {
  max-width: 1200px;
}

.affordable-publishing-row {
  gap: 40px 0;
}

.affordable-publishing-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.affordable-publishing-image-wrap {
  width: 100%;
  max-width: 480px;
}

.affordable-publishing-image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.12));
}

.affordable-publishing-right {
  padding-left: 30px;
}

.affordable-publishing-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 34px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 20px;
  line-height: 1.25;
}

.affordable-publishing-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #666;
  margin-bottom: 24px;
}

.affordable-publishing-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}

.affordable-publishing-list1 {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  gap: 12px 24px !important;
}

.affordable-publishing-list1 li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  color: #2c3e50;
  font-weight: 500;
}

.affordable-publishing-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  color: #2c3e50;
  font-weight: 500;
}

.affordable-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  border-radius: 50%;
  flex-shrink: 0;
}

.affordable-publishing-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.affordable-pub-btn-orange {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #000 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  transition: background 0.3s ease;
}

.affordable-pub-btn-orange:hover {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #fff !important;
}

.affordable-pub-btn-outline {
  display: inline-block;
  padding: 12px 28px;
  background: #fff;
  color: #2c3e50 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #2c3e50;
  text-decoration: none;
  transition: all 0.3s ease;
}

.affordable-pub-btn-outline:hover {
  background: #f5f5f5;
  color: #2c3e50 !important;
}

@media (max-width: 991px) {
  .affordable-publishing-right {
    padding-left: 0;
    text-align: center;
  }

  .affordable-publishing-text {
    text-align: center;
  }

  .affordable-publishing-list {
    justify-content: center;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .affordable-publishing-buttons {
    justify-content: center;
  }

  .affordable-publishing-image-wrap {
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .affordable-publishing-section {
    padding: 50px 0 60px;
  }

  .affordable-publishing-heading {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .affordable-publishing-text {
    font-size: 15px;
  }

  .affordable-publishing-list {
    grid-template-columns: 1fr;
    max-width: none;
  }
}

/* Right Publishing Path for Your Book Section */
.publishing-path-section {
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  padding: 70px 0 80px;
}

.publishing-path-section .container {
  max-width: 1100px;
}

.publishing-path-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 36px;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin-bottom: 16px;
  line-height: 1.25;
}

.publishing-path-intro {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #000;
  text-align: center;
  max-width: 680px;
  margin: 0 auto 48px;
}

.publishing-path-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.publishing-path-card {
  background: transparent;
  border-radius: 12px;
  padding: 28px 26px;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}

.publishing-path-icon {
  width: 44px;
  height: 44px;
  background: #000;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.publishing-path-icon .icon-dash {
  display: block;
  width: 18px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}

.publishing-path-card-title {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0 0 12px;
  line-height: 1.3;
}

.publishing-path-card-text {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #000;
  margin: 0;
}

@media (max-width: 991px) {
  .publishing-path-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .publishing-path-section {
    padding: 50px 0 60px;
  }

  .publishing-path-heading {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .publishing-path-intro {
    font-size: 15px;
    margin-bottom: 36px;
  }

  .publishing-path-card {
    padding: 24px 22px;
  }
}

/* Publish Process / Procedure to Publish Your Book Section */
.publish-process-section {
  background: #c7a25f1f;
  padding: 70px 0 80px;
}

.publish-process-section .container {
  max-width: 1000px;
}

.publish-process-header {
  text-align: center;
}

.publish-process-tag {
  display: inline-block;
  background: #c7a25f;
  color: #000;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 8px 18px;
  border-radius: 20px;
  margin-bottom: 16px;
}

.publish-process-heading {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 36px;
  font-weight: 500;
  color: #2c3e50;
  margin-bottom: 50px;
  line-height: 1.25;
}

.publish-process-timeline {
  position: relative;
}

.process-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 2px dotted #c7a25f;
  transform: translateX(-50%);
  z-index: 0;
}

.publish-process-step {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
  gap: 24px;
}

.publish-process-step:last-child {
  margin-bottom: 0;
}

.step-content-box {
  flex: 1;
  max-width: 42%;
  background: #fff;
  padding: 24px 26px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.step-title {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #c7a25f;
  margin: 0 0 10px;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

.step-desc {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
  margin: 0;
}

.step-image {
  flex: 1;
  max-width: 42%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.step-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
}

.publish-process-step:hover .step-image img {
  transform: scale(1.05);
}

.step-marker {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  width: 70px;
}

.step-num {
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #c7a25f;
  line-height: 1;
}

.step-arrow {
  width: 0;
  height: 0;
  border-style: solid;
}

.step-arrow-left {
  border-width: 8px 12px 8px 0;
  border-color: transparent #c7a25f transparent transparent;
}

.step-arrow-right {
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #c7a25f;
}

/* Sticky Timeline Stacking Effect */
@media (min-width: 992px) {
  .publish-process-step {
    position: sticky;
    top: 120px;
    min-height: 250px;
  }

  /* Create solid white background halves that leave an 80px gap in the center */
  .publish-process-step::before,
  .publish-process-step::after {
    content: '';
    position: absolute;
    top: -20px;
    bottom: -60px;
    /* Covers slight height differences */
    background: transparent;
    z-index: -1;
  }

  .publish-process-step::before {
    left: 0;
    right: calc(50% + 40px);
  }

  .publish-process-step::after {
    right: 0;
    left: calc(50% + 40px);
  }

  /* Give marker a solid background to cover the previous marker */
  .step-marker {
    background: #fff;
    justify-content: center;
    padding: 10px 0;
  }
}

@media (max-width: 991px) {
  .process-line {
    left: 32px;
    transform: none;
  }

  .publish-process-step {
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 28px;
  }

  .step-content-box,
  .step-image {
    max-width: 100%;
  }

  .step-left .step-content-box,
  .step-right .step-content-box {
    order: 3;
    width: 100%;
    margin-left: 0;
    margin-top: 12px;
    padding-left: 60px;
  }

  .step-left .step-marker,
  .step-right .step-marker {
    order: 1;
    flex-direction: row;
    width: auto;
    margin-right: auto;
  }

  .step-image {
    width: 100%;
    margin-top: 20px;
    order: 4;
  }

  .step-arrow-left {
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #C7A25F;
  }
}

@media (max-width: 767px) {
  .publish-process-section {
    padding: 50px 0 60px;
  }

  .publish-process-heading {
    font-size: 28px;
    margin-bottom: 36px;
  }

  .step-content-box {
    padding: 20px 20px;
  }

  .step-left .step-content-box,
  .step-right .step-content-box {
    padding-left: 20px;
  }

  .process-line {
    left: 20px;
  }

  .step-marker {
    width: 50px;
  }

  .step-num {
    font-size: 18px;
  }
}

.address {
  color: #fff;
}

/* New Hero Section */
.new-hero-section {
  position: relative;
  padding: 60px 0 0 0;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* This keeps the ::before element from spilling out horizontally and vertically */
}

.new-hero-section::before {
  content: "";
  opacity: 1;
  background: url(../images/herobg.webp) right center no-repeat;
  background-size: cover;
  width: 60%;
  max-width: 1400px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  /* Ensures the background stays behind the content */
}

.new-hero-title {
  font-size: 3rem;
  color: #333;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: serif;
}

.text-orange {
  color: #C7A25F;
}

.new-hero-subtitle {
  font-size: 1.1rem;
  color: #555;
  margin-bottom: 40px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.new-hero-form-wrapper {
  background: transparent;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  width: 100%;
}

.new-hero-form {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 6px;
  width: 100%;
  max-width: 950px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.new-hero-input-group {
  position: relative;
  flex: 1;
  background: #fff;
  border-right: 1px solid #e5e5e5;
}

.new-hero-input-group:nth-child(3) {
  border-right: none;
}

.input-icon-wrapper-new {
  position: relative;
  display: flex;
  align-items: center;
}

.input-icon-new {
  position: absolute;
  left: 20px;
  z-index: 10;
}

.new-hero-input {
  width: 100%;
  padding: 12px 15px 12px 45px !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  height: 48px;
  color: #555;
  font-size: 0.95rem;
}

.new-hero-input::placeholder {
  color: #999;
}

.new-hero-submit {
  background: linear-gradient(90deg, #8B6914, #C7A25F);
  color: #000;
  border: none;
  padding: 0 35px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  height: 48px;
  margin-left: 5px;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  white-space: nowrap;
}

.new-hero-submit:hover {
  background: linear-gradient(90deg, #7a5c10, #b8913f);
  box-shadow: 0 4px 15px rgba(199, 162, 95, 0.4);
}

@media (max-width: 991px) {
  .new-hero-form {
    flex-direction: column;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    gap: 15px;
  }

  .new-hero-input-group {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
  }

  .new-hero-input-group:nth-child(3) {
    border-right: 1px solid #e5e5e5;
  }

  .new-hero-submit {
    width: 100%;
    margin-left: 0;
  }
}

.new-hero-image-wrapper {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.new-hero-laptop-img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Break Into Market Section */
.break-into-market-section {
  background: linear-gradient(135deg, #fdf8f0 0%, #f5e8d0 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.break-into-market-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.break-into-market-left {
  flex: 1;
  min-width: 300px;
  padding-right: 40px;
}

.break-into-market-right {
  flex: 1;
  min-width: 300px;
  text-align: right;
  position: relative;
}

.bim-subtitle-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.bim-pen-icon {
  width: 24px;
  margin-right: 10px;
}

.bim-subtitle-wrap p {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: #8B6914;
  font-family: 'Poppins', sans-serif;
}

.bim-heading {
  font-size: 26px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  line-height: 1.3;
}

.bim-highlight {
  color: #C7A25F;
}

.bim-text {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
}

.bim-text strong {
  font-weight: 700;
}

.bim-cta-row {
  display: flex;
  align-items: center;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 20px;
}

.btn-bim-quote {
  background: linear-gradient(90deg, #8B6914, #C7A25F);
  color: #000;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  border: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-bim-quote:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(199, 162, 95, 0.5);
  color: #000;
}

.btn-bim-quote i {
  margin-left: 8px;
  font-size: 0.9em;
}

.bim-contact-info {
  display: flex;
  align-items: center;
}

.bim-phone-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 1.2rem;
  color: #000;
}

.bim-contact-details {
  display: flex;
  flex-direction: column;
}

.bim-live-chat {
  font-weight: 700;
  font-size: 0.9rem;
  color: #000;
  margin: 0;
  display: flex;
  align-items: center;
}

.bim-live-chat::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #C7A25F;
  border-radius: 50%;
  margin-right: 5px;
}

.bim-call-now {
  font-weight: 700;
  font-size: 1rem;
  color: #000;
  margin: 0;
}

.break-into-market-right img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .break-into-market-content {
    flex-direction: column;
  }

  .break-into-market-left {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .break-into-market-right {
    text-align: center;
  }
}

/* =============================================
   About Company EBook Publishing Section
   ============================================= */

.about-ebookpub-section {
  background: #fff;
  padding: 80px 0;
  overflow: hidden;
}

.about-ebookpub-wrap {
  display: flex;
  align-items: center;
  gap: 60px;
}

/* --- Left: Book Covers --- */
.about-ebookpub-books {
  position: relative;
  flex: 0 0 auto;
  width: 420px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-ebookpub-circle {
  position: absolute;
  width: 320px;
  height: 320px;
  background: linear-gradient(135deg, #8B6914, #C7A25F);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.about-book-back {
  position: absolute;
  width: 170px;
  height: auto;
  left: 20px;
  bottom: 20px;
  border-radius: 4px;
  box-shadow: -6px 10px 30px rgba(0, 0, 0, 0.25);
  z-index: 1;
  transform: rotate(-6deg);
  object-fit: cover;
}

.about-book-front {
  position: absolute;
  width: 195px;
  height: auto;
  right: 30px;
  top: 20px;
  border-radius: 4px;
  box-shadow: 6px 12px 35px rgba(0, 0, 0, 0.35);
  z-index: 2;
  transform: rotate(3deg);
  object-fit: cover;
}

/* --- Right: Content --- */
.about-ebookpub-content {
  flex: 1;
  min-width: 0;
}

.about-ebookpub-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.about-ebookpub-label span {
  font-size: 0.95rem;
  font-weight: 600;
  color: #8B6914;
  font-family: 'Poppins', sans-serif;
  border-bottom: 2px solid #C7A25F;
  padding-bottom: 2px;
}

.about-ebookpub-heading {
  font-size: 26px;
  font-weight: 800;
  color: #111;
  line-height: 1.35;
  margin-bottom: 18px;
}

.about-ebookpub-highlight {
  color: #C7A25F;
}

.about-ebookpub-text {
  font-size: 14px;
  color: #444;
  line-height: 1.7;
  margin-bottom: 16px;
}

.about-ebookpub-text strong {
  font-weight: 700;
  color: #222;
}

.about-ebookpub-cta-row {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.btn-ebookpub-quote {
  background: linear-gradient(90deg, #8B6914, #C7A25F);
  color: #000;
  padding: 13px 32px;
  border-radius: 30px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  white-space: nowrap;
}

.btn-ebookpub-quote:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(199, 162, 95, 0.5);
  color: #000;
}

.about-ebookpub-contact {
  display: flex;
  align-items: center;
  gap: 14px;
}

.about-ebookpub-phone-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #111;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #111;
  flex-shrink: 0;
}

.about-ebookpub-contact-details {
  display: flex;
  flex-direction: column;
}

.about-ebookpub-live-chat {
  font-size: 0.85rem;
  font-weight: 600;
  color: #333;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.about-ebookpub-live-chat::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #C7A25F;
  border-radius: 50%;
}

.about-ebookpub-call-now {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  margin: 0;
}

/* Responsive */
@media (max-width: 1100px) {
  .about-ebookpub-books {
    width: 360px;
    height: 360px;
  }
}

@media (max-width: 991px) {
  .about-ebookpub-wrap {
    flex-direction: column;
    gap: 40px;
  }

  .about-ebookpub-books {
    width: 340px;
    height: 340px;
  }
}

@media (max-width: 576px) {
  .about-ebookpub-section {
    padding: 60px 0;
  }

  .about-ebookpub-books {
    width: 280px;
    height: 280px;
  }

  .about-ebookpub-circle {
    width: 240px;
    height: 240px;
  }

  .about-book-back {
    width: 130px;
    left: 10px;
  }

  .about-book-front {
    width: 150px;
    right: 10px;
  }

  .about-ebookpub-heading {
    font-size: 22px;
  }

  .about-ebookpub-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* =============================================
   Services Offered By Authors Vision
   ============================================= */

.services-offered-section {
  background: url('../images/ServicesBg.webp') center center no-repeat;
  background-size: cover;
  padding: 70px 0 80px;
}

.services-offered-header {
  text-align: center;
  margin-bottom: 50px;
}

.services-offered-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  margin: 0;
}

.services-offered-highlight {
  color: #fff;
  display: block;
}

/* Slider Wrapper */
.services-slider-wrapper {
  overflow: hidden;
  width: 100%;
}

.services-slider-track {
  display: flex;
  gap: 24px;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

/* Card */
.service-card {
  flex: 0 0 calc(25% - 18px);
  min-width: 0;
  background: #c7a25fb8;
  border-radius: 16px;
  border: 1px solid #000;
  padding: 30px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  position: relative;
}

.service-card:hover {
  box-shadow: 0 8px 32px rgba(199, 162, 95, 0.2);
  transform: translateY(-4px);
}

/* Left teal accent bar on hover */
.service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #8B6914, #C7A25F);
  border-radius: 16px 0 0 16px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.service-card:hover::before {
  opacity: 1;
}

/* Icon */
.service-card-icon-wrap {
  margin-bottom: 20px;
}

.service-card-icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1.5px solid #C7A25F;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fdf8f0;
}

/* Number */
.service-card-number {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  margin-bottom: 12px;
  font-family: 'Poppins', sans-serif;
}

/* Title */
.service-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-bottom: 12px;
  line-height: 1.3;
}

/* Description */
.service-card-desc {
  font-size: 13px;
  color: #555;
  line-height: 1.7;
  flex: 1;
  margin-bottom: 24px;
}

.service-card-desc strong {
  color: #111;
  font-weight: 600;
}

/* Learn More button */
.service-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #000;
  border: 1.5px solid #ccc;
  border-radius: 30px;
  padding: 9px 22px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
  cursor: pointer;
  margin-top: auto;
}

.service-card-btn:hover {
  border-color: #C7A25F;
  color: #8B6914;
  background: #fdf8f0;
  text-decoration: none;
}

.service-card-btn-plus {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid #ccc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  transition: border-color 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.service-card-btn:hover .service-card-btn-plus {
  border-color: #C7A25F;
  background: linear-gradient(135deg, #8B6914, #C7A25F);
  color: #000;
}

/* Dots */
.services-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}

.services-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background 0.3s ease, transform 0.3s ease;
}

.services-dot.active {
  background: #000;
  transform: scale(1.2);
}

/* Responsive */
@media (max-width: 1199px) {
  .service-card {
    flex: 0 0 calc(33.333% - 16px);
  }
}

@media (max-width: 767px) {
  .service-card {
    flex: 0 0 calc(50% - 12px);
  }

  .services-offered-title {
    font-size: 26px;
  }
}

@media (max-width: 480px) {
  .service-card {
    flex: 0 0 calc(100% - 0px);
  }
}

/* =============================================
   Genre Tabs Section
   ============================================= */

.genre-tabs-section {
  background: #ffffff;
  padding: 80px 0;
}

.genre-tabs-card {
  background: linear-gradient(135deg, #ffffff 0%, #fdf8f0 100%);
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(199, 162, 95, 0.25);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.04), 0 10px 25px rgba(199, 162, 95, 0.03);
}

/* ── Upper panel ── */
.genre-tabs-panel {
  padding: 60px 80px 50px;
  text-align: center;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.genre-tab-content {
  display: none;
  animation: genreFadeIn 0.35s ease;
}

.genre-tab-content.active {
  display: block;
}

@keyframes genreFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.genre-tab-title {
  font-size: 32px;
  font-weight: 700;
  color: #C7A25F;
  margin-bottom: 20px;
  font-family: 'Poppins', sans-serif;
}

.genre-tab-desc {
  font-size: 16px;
  color: #444;
  line-height: 1.9;
  max-width: 800px;
  margin: 0 auto;
}

/* ── Lower bar ── */
.genre-tabs-bar {
  background: #ffffff;
  border-top: 1px solid rgba(199, 162, 95, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 28px 40px;
  flex-wrap: wrap;
  gap: 12px;
}

.genre-tab-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 4px 12px;
  transition: opacity 0.25s ease;
  opacity: 0.7;
}

.genre-tab-btn:hover {
  opacity: 1;
}

.genre-tab-btn.active {
  opacity: 1;
}

.genre-tab-icon {
  width: 62px;
  height: 62px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.genre-tab-btn.active .genre-tab-icon {
  border-color: rgba(199, 162, 95, 0.5);
  background: linear-gradient(135deg, rgba(199, 162, 95, 0.12) 0%, rgba(199, 162, 95, 0.03) 100%);
  box-shadow: 0 8px 24px rgba(199, 162, 95, 0.15);
  transform: translateY(-2px);
}

.genre-tab-label {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
}

/* Responsive */
@media (max-width: 991px) {
  .genre-tabs-panel {
    padding: 50px 40px 40px;
  }

  .genre-tab-title {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .genre-tabs-panel {
    padding: 40px 24px 32px;
    min-height: auto;
  }

  .genre-tabs-bar {
    padding: 20px 16px;
    gap: 8px;
  }

  .genre-tab-icon {
    width: 50px;
    height: 50px;
  }

  .genre-tab-label {
    font-size: 11px;
  }

  .genre-tab-title {
    font-size: 22px;
  }

  .genre-tab-desc {
    font-size: 13px;
  }
}

/* =============================================
   Literary Brilliance Section
   ============================================= */

.literary-brilliance-section {
  background: #ffffff;
  padding: 90px 0 80px;
  overflow: hidden;
  position: relative;
  border-top: 1px solid rgba(199, 162, 95, 0.15);
}

/* subtle dot pattern overlay for texture */
.literary-brilliance-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(199, 162, 95, 0.06) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
  pointer-events: none;
}

/* ── Header ── */
.literary-brilliance-header {
  text-align: center;
  margin-bottom: 52px;
  position: relative;
  z-index: 1;
}

.literary-brilliance-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(199, 162, 95, 0.12);
  border: 1px solid rgba(199, 162, 95, 0.4);
  color: #C7A25F;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 30px;
  margin: 0 auto 18px;
  font-family: 'Poppins', sans-serif;
}

.literary-brilliance-heading {
  font-size: 38px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 18px;
  position: relative;
  display: inline-block;
  letter-spacing: -0.02em;
}

.literary-brilliance-accent {
  color: #C7A25F;
  position: relative;
}

.literary-brilliance-accent::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #8B6914, #C7A25F, transparent);
  border-radius: 2px;
}

.literary-brilliance-intro {
  font-size: 16px;
  color: #555;
  line-height: 1.85;
  max-width: 660px;
  margin: 0 auto;
  letter-spacing: 0.01em;
}

/* ── Ticker ── */
.literary-ticker-outer {
  position: relative;
  overflow: hidden;
  margin: 0 -15px;
}

/* Edge fade masks */
.literary-ticker-fade {
  position: absolute;
  top: 0;
  width: 160px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.literary-ticker-fade--left {
  left: 0;
  background: linear-gradient(to right, #ffffff, transparent);
}

.literary-ticker-fade--right {
  right: 0;
  background: linear-gradient(to left, #ffffff, transparent);
}

/* Scrolling track — pure CSS animation */
.literary-ticker-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: literaryScroll 38s linear infinite;
  will-change: transform;
  padding: 12px 0 20px;
}

.literary-ticker-track:hover {
  animation-play-state: paused;
}

@keyframes literaryScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Book item */
.literary-book-item {
  flex: 0 0 auto;
  width: 140px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.08),
    0 12px 28px rgba(0, 0, 0, 0.12),
    4px 0 6px -2px rgba(0, 0, 0, 0.06);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
  cursor: pointer;
}

.literary-book-item:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(199, 162, 95, 0.3);
}

.literary-book-item img {
  display: block;
  width: 140px;
  height: 200px;
  object-fit: cover;
  object-position: center top;
}

/* ── CTA ── */
.literary-brilliance-cta {
  text-align: center;
  margin-top: 48px;
  position: relative;
  z-index: 1;
}

.btn-literary-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #C7A25F 0%, #b08a3e 100%);
  color: #fff;
  padding: 14px 38px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 4px 16px rgba(199, 162, 95, 0.3);
}

.btn-literary-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(199, 162, 95, 0.4);
  color: #fff;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 767px) {
  .literary-brilliance-heading {
    font-size: 26px;
  }

  .literary-book-item {
    width: 110px;
  }

  .literary-book-item img {
    width: 110px;
    height: 158px;
  }

  .literary-ticker-fade {
    width: 60px;
  }
}



/* =============================================
   CTA Banner Section
   ============================================= */
.cta-banner-section {
  background: url('../images/innerSec2.webp') center center / contain no-repeat, linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.cta-banner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.cta-badge {
  background: transparent;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  flex-shrink: 0;
  position: relative;
}

/* .cta-badge::after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 50%;
  background: rgba(17, 17, 17, 0.15);
  z-index: -1;
} */

.badge-up-to {
  background: #ffc107;
  color: #000;
  font-weight: 800;
  font-size: 13px;
  padding: 3px 8px;
  border-radius: 3px;
  text-transform: uppercase;
  margin-bottom: -8px;
  z-index: 2;
}

.badge-discount {
  font-size: 56px;
  font-weight: 900;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
  letter-spacing: -2px;
  display: flex;
  align-items: flex-start;
  margin-top: 5px;
}

.badge-discount .percent {
  font-size: 24px;
  margin-top: 8px;
  margin-left: 2px;
}

.badge-off {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: -2px;
}

.cta-banner-content h2 {
  font-size: 32px;
  font-weight: 800;
  color: #000;
  line-height: 1.2;
  margin-bottom: 15px;
  font-family: 'Poppins', sans-serif;
}

.cta-banner-content p {
  font-size: 15px;
  color: #414141;
  line-height: 1.6;
  margin-bottom: 12px;
}

.cta-banner-buttons {
  display: flex;
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.cta-btn-black2 {
  display: inline-block;
  padding: 12px 28px;
  background: transparent;
  color: #000 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #000;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cta-btn-black2:hover {
  background: black;
  border: 2px solid #000;
  color: #fff !important;

}

.cta-btn-black {
  display: inline-block;
  padding: 12px 28px;
  background: #000;
  color: #fff !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #000;
  text-decoration: none;
  transition: all 0.3s ease;
}

.cta-btn-black:hover {
  background: #000000;
  border: 2px solid #000000;
  color: #fff !important;

}

.cta-btn-gold {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(43deg, #c7a25f 0%, #fcefbf 99%);
  color: #000 !important;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
  transition: all 0.3s ease;
}

.cta-btn-gold:hover {
  background: #d35400;
}

@media (max-width: 991px) {
  .cta-banner-wrapper {
    flex-direction: column;
    text-align: center;
  }

  .cta-banner-buttons {
    justify-content: center;
  }
}

/* =============================================
   Updated Hero Section (InnerHeroBg)
   ============================================= */
.hero-banner-section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.hero-banner-bg::before {
  /* Remove the dark overlay if the new image is light */
  background: transparent !important;
}

.hero-tagline {
  display: block;
  font-family: 'Poppins', sans-serif;
  color: #C7A25F;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.hero-main-headline {
  font-family: 'Poppins', sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: #000;
  line-height: 1.2;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.hero-subheadline {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

/* Ghostwriting page specific - white text */
body.page-ghostwriting .hero-tagline,
body.page-ghostwriting .hero-main-headline,
body.page-ghostwriting .hero-subheadline {
  color: #ffffff;
}

/* Publishing page specific - white text */
body.page-publishing .hero-tagline,
body.page-publishing .hero-main-headline,
body.page-publishing .hero-subheadline {
  color: #ffffff;
}

/* Formatting page specific - white text */
body.page-formatting .hero-tagline,
body.page-formatting .hero-main-headline,
body.page-formatting .hero-subheadline {
  color: #ffffff;
}

/* Book Marketing page specific - white text */
body.page-book-marketing .hero-tagline,
body.page-book-marketing .hero-main-headline,
body.page-book-marketing .hero-subheadline {
  color: #ffffff;
}

/* Authors Website page specific - white text */
body.page-authors-website .hero-tagline,
body.page-authors-website .hero-main-headline,
body.page-authors-website .hero-subheadline {
  color: #ffffff;
}

/* Proofreading page specific - white text */
body.page-proofreading .hero-tagline,
body.page-proofreading .hero-main-headline,
body.page-proofreading .hero-subheadline {
  color: #ffffff;
}

/* Book Cover page specific - white text */
body.page-book-cover .hero-tagline,
body.page-book-cover .hero-main-headline,
body.page-book-cover .hero-subheadline {
  color: #ffffff;
}

/* Audio Book Production page specific - white text */
body.page-audio-book-production .hero-tagline,
body.page-audio-book-production .hero-main-headline,
body.page-audio-book-production .hero-subheadline {
  color: #ffffff;
}

/* Audio Book Publishing page specific - white text */
body.page-audio-book-publishing .hero-tagline,
body.page-audio-book-publishing .hero-main-headline,
body.page-audio-book-publishing .hero-subheadline {
  color: #ffffff;
}

/* Illustration Design page specific - white text */
body.page-illustration-design .hero-tagline,
body.page-illustration-design .hero-main-headline,
body.page-illustration-design .hero-subheadline {
  color: #ffffff;
}

.hero-btn-block {
  display: flex;
  gap: 15px;
  margin-bottom: 40px;
}

.btn-gold-hero {
  background: #C7A25F;
  color: #fff !important;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 30px;
  text-transform: uppercase;
  border: 2px solid #C7A25F;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-gold-hero:hover {
  background: transparent;
  color: #C7A25F !important;
}

.btn-black-hero {
  background: #333;
  color: #fff !important;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 30px;
  text-transform: uppercase;
  border: 2px solid #333;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-black-hero:hover {
  background: transparent;
  color: #333 !important;
}

.hero-review-badges {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px;
  align-items: center;
}

.hero-review-badges img {
  height: 40px;
  width: auto;
}

/* Form Styles */
.expert-form {
  border-radius: 20px;
  padding: 40px 30px;
  position: relative;
  z-index: 2;
  background: #ffffff38;
  backdrop-filter: blur(10px);
}

/* A glowing border effect */
.expert-form::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: transparent;
  z-index: -1;
  border-radius: 22px;
  opacity: 0.7;
}

.expert-form .form-title {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #333;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.expert-form .form-title span {
  color: #C7A25F;
}

.expert-form .form-control {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 12px 20px;
  font-size: 14px;
  margin-bottom: 15px;
  background: #fff;
  width: 100%;
}

.expert-form select.form-control {
  appearance: auto;
}

.expert-form textarea.form-control {
  border-radius: 5px;
}

.expert-form .btn-submit {
  border-radius: 30px;
  padding: 14px;
  font-size: 16px;
  margin-top: 10px;
}

@media (max-width: 991px) {
  .hero-main-headline {
    font-size: 32px;
  }

  .hero-btn-block {
    flex-wrap: wrap;
  }

  .expert-form {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .hero-main-headline {
    font-size: 28px;
  }

  .hero-btn-block {
    justify-content: center;
  }

  .hero-left-content {
    text-align: center;
  }

  .hero-review-badges {
    justify-content: center;
    margin-bottom: 40px;
  }
}


/* =============================================
   Premium FAQ Section Redesign
   ============================================= */
.home-faqs-section {
  background: linear-gradient(135deg, #fef8f0 0%, #fff 100%);
  padding: 100px 0;
  position: relative;
}

.faqs-header {
  margin-bottom: 50px;
}

.faqs-tagline {
  display: block;
  font-family: 'Poppins', sans-serif;
  color: #C7A25F;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.home-faqs-heading {
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  font-weight: 800;
  color: #000;
  margin-bottom: 15px;
}

.faqs-subheading {
  color: #666;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto;
}

.home-faqs-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  max-width: 1100px !important;
  margin: 0 auto 50px;
}

.home-faq-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.03);
  padding: 25px 30px;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}

.home-faq-item:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

.home-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 !important;
  background: none;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #111;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease;
}

.home-faq-question:hover {
  color: #C7A25F;
}

/* Plus/Minus Icon using CSS */
.home-faq-icon {
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin-left: 20px;
  background: #f5f5f5;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
}

.home-faq-icon::before,
.home-faq-icon::after {
  content: '';
  position: absolute;
  background-color: #333;
  transition: all 0.3s ease;
}

/* Horizontal line of plus */
.home-faq-icon::before {
  width: 12px;
  height: 2px;
}

/* Vertical line of plus */
.home-faq-icon::after {
  width: 2px;
  height: 12px;
}

.home-faq-question:hover .home-faq-icon {
  background: #C7A25F;
  border-color: #C7A25F;
}

.home-faq-question:hover .home-faq-icon::before,
.home-faq-question:hover .home-faq-icon::after {
  background-color: #fff;
}

/* Active State */
.home-faq-item.open {
  border: 1px solid rgba(199, 162, 95, 0.5) !important;
  box-shadow: 0 15px 40px rgba(199, 162, 95, 0.1);
}

.home-faq-item.open .home-faq-question {
  color: #C7A25F;
}

.home-faq-item.open .home-faq-icon {
  background: #C7A25F;
  border-color: #C7A25F;
}

.home-faq-item.open .home-faq-icon::before {
  background-color: #fff;
}

.home-faq-item.open .home-faq-icon::after {
  background-color: #fff;
  transform: rotate(90deg);
  opacity: 0;
}

.home-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.home-faq-answer p {
  padding-top: 15px;
  color: #666;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991px) {
  .home-faqs-list {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

@media (max-width: 767px) {
  .home-faqs-section {
    padding: 60px 0;
  }

  .home-faqs-heading {
    font-size: 28px;
  }

  .home-faq-question {
    font-size: 15px;
  }

  .home-faq-item {
    padding: 20px 20px;
  }
}



/* =============================================
   3D Book Section — Realistic Open Book
   ============================================= */
.book-section {
  padding: 74px 0 81px;
  position: relative;
  overflow: hidden;
  min-height: 68vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #100a0438 0%, #301c0c21 45%, #160e0763 100%), url(../images/GenreTabsSectionBg.webp) center / cover no-repeat;
}

/* Ambient light glow behind the book */
.book-section::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 500px;
  background: radial-gradient(ellipse, rgba(199, 162, 95, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

/* Wood-grain pattern on the dark background */
.book-section::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(90deg,
      transparent,
      transparent 60px,
      rgba(255, 255, 255, 0.015) 60px,
      rgba(255, 255, 255, 0.015) 61px);
  pointer-events: none;
}

.book-container {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Book Section Header */
.book-section-header {
  text-align: center;
  margin-bottom: 60px;
  animation: fadeInUp 0.8s ease;
}

.book-section-title {
  font-family: 'Poppins', sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: #fdf8ef;
  margin: 0 0 20px;
  letter-spacing: -0.5px;
}

.book-section-highlight {
  color: #C7A25F;
}

.book-section-description {
  font-family: 'Georgia', serif;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(253, 248, 239, 0.9);
  margin: 0;
  max-width: 600px;
  margin: 0 auto;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Wrapper for the shadow — separate from the 3D container so filter doesn't break preserve-3d */
.book-shadow-wrap {
  position: relative;
  margin-bottom: 40px;
}

/* The actual shadow lives here, isolated from 3D children */
.book-shadow-wrap::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 5%;
  right: 5%;
  height: 60px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}

/* Top Navigation */
.book-controls-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 36px;
}

.book-btn-nav {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(199, 162, 95, 0.35);
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C7A25F;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
}

.book-btn-nav:hover {
  background: #C7A25F;
  color: #fff;
  border-color: #C7A25F;
  transform: scale(1.1);
}

.book-btn-nav:focus {
  outline: 2px solid #C7A25F;
  outline-offset: 3px;
}

.book-counter {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: rgba(199, 162, 95, 0.7);
  letter-spacing: 2px;
}

.book-counter span {
  color: #C7A25F;
  font-size: 22px;
  font-weight: 700;
}

/* ——— The Open Book Shell ——— */
.book-pages-wrapper {
  position: relative;
  width: 100%;
  height: 450px;
  /* perspective MUST be on the direct parent of the 3D elements */
  perspective: 2200px;
  transform-style: preserve-3d;
  transform: rotateX(3deg);
  /* NOTE: NO filter here — filter breaks preserve-3d on children! */
}

/* Persistent book cover/frame — the gold/bronze leather binding */
.book-pages-wrapper::before {
  content: '';
  position: absolute;
  inset: -16px -14px -20px -14px;
  border-radius: 8px 18px 18px 8px;
  z-index: -1;
  background-image:
    repeating-linear-gradient(90deg,
      transparent,
      transparent 3px,
      rgba(0, 0, 0, 0.03) 3px,
      rgba(0, 0, 0, 0.03) 5px),
    linear-gradient(135deg,
      #D4A84B 0%,
      #C7A25F 15%,
      #B8943F 30%,
      #A67C2E 50%,
      #B8943F 70%,
      #C7A25F 85%,
      #D4A84B 100%);
  box-shadow:
    0 30px 80px rgba(0, 0, 0, 0.6),
    0 15px 40px rgba(0, 0, 0, 0.4),
    inset 0 2px 0 rgba(255, 255, 255, 0.15),
    inset 0 -2px 0 rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* Page stack depth illusion on the right edge */
.book-pages-wrapper::after {
  content: '';
  position: absolute;
  top: 12px;
  right: -18px;
  bottom: 12px;
  width: 20px;
  background: repeating-linear-gradient(to bottom,
      #faf8f3 0px,
      #faf8f3 1px,
      #f5f0e8 1px,
      #f5f0e8 2px,
      #e8e2d5 2px,
      #e8e2d5 3px);
  border-radius: 0 6px 6px 0;
  box-shadow:
    inset -3px 0 6px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

/* Left page stack */
.book-shadow-wrap {
  position: relative;
}

.book-shadow-wrap::before {
  content: '';
  position: absolute;
  top: 12px;
  left: -18px;
  bottom: 12px;
  width: 20px;
  background: repeating-linear-gradient(to bottom,
      #faf8f3 0px,
      #faf8f3 1px,
      #f5f0e8 1px,
      #f5f0e8 2px,
      #e8e2d5 2px,
      #e8e2d5 3px);
  border-radius: 6px 0 0 6px;
  box-shadow:
    inset 3px 0 6px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: -1;
}

/* Gold Bookmark Ribbon */
.book-bookmark {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  pointer-events: none;
}

.bookmark-ribbon {
  width: 12px;
  height: 80px;
  background: linear-gradient(180deg,
      #D4A84B 0%,
      #C7A25F 30%,
      #B8943F 70%,
      #A67C2E 100%);
  position: relative;
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.bookmark-ribbon::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 6px 0 6px;
  border-color: #A67C2E transparent transparent transparent;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

/* Individual Pages */
.book-page {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transition: transform 0.9s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform-origin: 50% 50%;
  will-change: transform;
}

/* Faces */
.book-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.book-face.front {
  /* Cream-colored aged paper — left and right pages */
  background: linear-gradient(135deg, #faf8f3 0%, #f5f0e8 50%, #faf8f3 100%);
  display: flex;
  align-items: stretch;
  overflow: hidden;

  /* Book-open inner shadow: dark spine shadow in the center, page curl shadows on edges */
  box-shadow:
    inset -60px 0 100px -40px rgba(0, 0, 0, 0.1),
    /* right edge curl */
    inset 60px 0 100px -40px rgba(0, 0, 0, 0.1),
    /* left edge curl */
    inset 0 0 120px -50px rgba(180, 140, 80, 0.12),
    /* top shadow */
    inset 0 20px 40px -20px rgba(0, 0, 0, 0.06),
    /* bottom shadow */
    inset 0 -20px 40px -20px rgba(0, 0, 0, 0.06);
  /* warm tint */
}

/* Spine shadow — the dark groove where pages meet */
.book-face.front::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  width: 36px;
  background: linear-gradient(to right,
      transparent 0%,
      rgba(0, 0, 0, 0.12) 15%,
      rgba(0, 0, 0, 0.28) 40%,
      rgba(0, 0, 0, 0.32) 50%,
      rgba(0, 0, 0, 0.28) 60%,
      rgba(0, 0, 0, 0.12) 85%,
      transparent 100%);
  z-index: 10;
  pointer-events: none;
}

/* Page corner fold on bottom-right */
.book-face.front::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 45px 45px;
  border-color: transparent transparent rgba(199, 162, 95, 0.2) transparent;
  z-index: 10;
  filter: drop-shadow(-4px -4px 5px rgba(0, 0, 0, 0.15));
}

/* Page fan effect at top and bottom */
.book-page-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.08) 0%,
      transparent 100%);
  z-index: 5;
  pointer-events: none;
}

.book-page-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.08) 0%,
      transparent 100%);
  z-index: 5;
  pointer-events: none;
}

/* Back Face: blank textured parchment */
.book-face.back {
  background: linear-gradient(135deg, #f0e8d6 0%, #e8e0cc 100%);
  transform: rotateY(180deg);
  background-image:
    repeating-linear-gradient(0deg,
      transparent,
      transparent 26px,
      rgba(180, 150, 100, 0.15) 26px,
      rgba(180, 150, 100, 0.15) 27px);
  box-shadow:
    inset 0 0 80px rgba(0, 0, 0, 0.08),
    inset -20px 0 40px rgba(0, 0, 0, 0.05);
}

/* ── Inner Content Layout ── */
.book-page-content {
  display: flex;
  width: 100%;
  height: 100%;
}

.book-half {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* LEFT PAGE — Icon + Title */
.book-half.left-half {
  align-items: center;
  text-align: center;
  padding: 40px 50px;
  background: linear-gradient(160deg, #faf8f3 0%, #f5f0e8 100%);
  position: relative;
  overflow: hidden;

  /* Ruled lines on left page */
  background-image:
    linear-gradient(160deg, #faf8f3 0%, #f5f0e8 100%),
    repeating-linear-gradient(transparent,
      transparent 28px,
      rgba(199, 162, 95, 0.06) 28px,
      rgba(199, 162, 95, 0.06) 29px);
  background-blend-mode: normal;

  /* Paper texture overlay */
  box-shadow:
    inset 0 0 30px rgba(180, 140, 80, 0.05),
    inset 0 0 0 1px rgba(199, 162, 95, 0.03);
}

/* Small decorative line above icon */
.book-half.left-half::before {
  content: '';
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: #C7A25F;
  border-radius: 2px;
  opacity: 0.5;
}

/* Page number decoration on bottom left */
.book-half.left-half::after {
  content: attr(data-page);
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Georgia', serif;
  font-size: 11px;
  color: rgba(150, 110, 60, 0.5);
  letter-spacing: 1px;
}

.book-icon {
  margin-bottom: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  background: linear-gradient(135deg, #fef3d8 0%, #fde9b5 100%);
  border-radius: 50%;
  border: 1px solid rgba(199, 162, 95, 0.25);
  box-shadow:
    0 8px 24px rgba(199, 162, 95, 0.2),
    inset 0 2px 4px rgba(255, 255, 255, 0.6);
}

.book-title {
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #8B5E1A;
  margin: 0;
  letter-spacing: -0.5px;
}

/* RIGHT PAGE — Description */
.book-half.right-half {
  padding: 50px 50px 50px 40px;
  background: linear-gradient(160deg, #fdf6e8 0%, #fef9f0 100%);

  /* Ruled lines on right page */
  background-image:
    repeating-linear-gradient(transparent,
      transparent 28px,
      rgba(199, 162, 95, 0.07) 28px,
      rgba(199, 162, 95, 0.07) 29px);
}

/* Chapter label at top of right page */
.book-half.right-half::before {
  content: 'About this Genre';
  position: absolute;
  top: 20px;
  left: 40px;
  font-family: 'Georgia', serif;
  font-style: italic;
  font-size: 11px;
  color: rgba(150, 110, 60, 0.5);
  letter-spacing: 0.5px;
}

.book-desc {
  font-family: 'Georgia', serif;
  font-size: 15px;
  line-height: 1.95;
  color: #4a3520;
  margin: 0;
  text-align: justify;
  hyphens: auto;
}

/* Bottom TOC Icons */
.book-toc {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 10px;
}

.book-toc-btn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(199, 162, 95, 0.25);
  padding: 8px 16px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(199, 162, 95, 0.7);
  cursor: pointer;
  transition: all 0.3s ease;
}

.book-toc-btn svg {
  stroke: rgba(199, 162, 95, 0.7);
  width: 16px;
  height: 16px;
  transition: all 0.3s ease;
}

.book-toc-btn:hover {
  background: rgba(199, 162, 95, 0.15);
  color: #C7A25F;
  border-color: rgba(199, 162, 95, 0.5);
}

.book-toc-btn:hover svg {
  stroke: #C7A25F;
}

.book-toc-btn.active {
  background: #C7A25F;
  color: #fff;
  border-color: #C7A25F;
}

.book-toc-btn.active svg {
  stroke: #fff;
}

.book-toc-btn:focus {
  outline: 2px solid #C7A25F;
  outline-offset: 2px;
}

/* ── Responsive ── */
@media (max-width: 991px) {
  .book-container {
    max-width: 680px;
  }

  .book-pages-wrapper {
    height: auto;
  }

  .book-page-content {
    flex-direction: column;
  }

  .book-face.front::before {
    display: none;
    /* hide spine on mobile stack */
  }

  .book-half.left-half {
    padding: 40px 30px 30px;
    border-bottom: 1px solid rgba(199, 162, 95, 0.15);
  }

  .book-half.right-half {
    padding: 30px 30px 50px;
  }

  .book-half.right-half::before {
    left: 30px;
  }

  .book-title {
    font-size: 24px;
  }

  .book-icon {
    width: 75px;
    height: 75px;
  }

  .book-icon svg {
    width: 36px;
    height: 36px;
  }

  .book-desc {
    font-size: 14px;
  }

  .book-section-title {
    font-size: 32px;
  }

  .book-section-description {
    font-size: 15px;
  }

  .book-section-header {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .book-section {
    padding: 60px 0 80px;
    min-height: auto;
  }

  .book-section-title {
    font-size: 28px;
  }

  .book-section-description {
    font-size: 14px;
  }

  .book-section-header {
    margin-bottom: 30px;
  }

  .book-toc-btn span {
    display: none;
  }

  .book-toc-btn {
    padding: 10px;
    border-radius: 50%;
    gap: 0;
  }

  .book-pages-wrapper::after {
    display: none;
  }
}