html {
  font-size: 62.5%;
}
@media(min-width: 768px){
    html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
html {
  overflow: hidden;
}

}
html {
  overflow-x: hidden;
}

@font-face {
  font-family: lavish;
  src: url(../font/Lavish.ttf);
}

@font-face {
  font-family: salmondfont;
  src: url(../font/salmond-l.ttf);
}

@font-face {
  font-family: salmondfont;
  src: url(../font/salmond-m.ttf);
}

/* @font-face {
  font-family: salmondfont;
  src: url(../font/Salmond-sb.ttf);
} */

@font-face {
  font-family: aloevera;
  src: url(../font/Aloevera-Light.otf);
}

@font-face {
  font-family: aloevera2;
  src: url(../font/Aloevera-Bold.otf);
}

@font-face {
  font-family: aloevera3;
  src: url(../font/Aloevera-Medium.otf);
}

body {
  /* background-color: #f9f3ee; */
  overflow: hidden;
  overflow-y: scroll;
  background:#21345D;
  /*background-image: url(../images/cloud.png);*/
  /*background-attachment: fixed;*/
  /*background-size: cover;*/
}

.inner-body {
  background: rgb(249, 243, 238);
  background: linear-gradient(0deg,
      rgba(249, 243, 238, 0.09567577030812324) 0%,
      rgba(140, 68, 72, 0.12) 30%,
      rgba(140, 68, 72, 0.12368697478991597) 70%,
      rgba(249, 243, 238, 0.16290266106442575) 100%);
}



ul {
  margin-bottom: 0;
}

:root {
  /*--theme-color: #8c4448;*/
  --theme-color: #E85F26;
  /*--secondary-color: #8c4448;*/
    --secondary-color: #E85F26;
  --lavish-font: lavish;
  --salmond-font: salmondfont;
  --aloevera-font: aloevera;
  --aloevera-font-2: aloevera2;
  --aloevera-font-3: aloevera3;
}

.header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #E85F26;
  width: 100%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #fff;
  padding: 1rem 0;
}

.container {
  position: relative;
  z-index: 1;
}

.logo>a {
  text-decoration: none;
  font-family: var(--lavish-font);
  font-size: 7.2rem;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.links-1>ul>li {
  list-style: none;
  display: inline-block;
  padding: 0px 2rem;
}

.links-2>ul>li {
  list-style: none;
  display: inline-block;
  padding: 1rem 2rem;
}

.links-1>ul>li>a,
.links-2>ul>li>a {
  font-family: var(--salmond-font);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.background-image-area {
  background-position: center;
  background-size: cover;
}

.banner-sub-heading {
  font-family: var(--salmond-font);
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
  color:#E85F26;
}

.banner {
  padding: 5rem 0;
}

.bnner-img {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.main-heading {
  font-family: var(--lavish-font);
  font-size: 9rem;
  font-weight: 400;
  margin-top: 2rem;
  color:#fff;
}

.banner-para {
  font-family: var(--salmond-font);
  font-size: 1.6rem;
  font-weight: 400;
  color:#fff;
}

.bnner-para-area {
  margin: 2.5rem 0;
}

.btns-bnner {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 2rem;
}

.btns-bnner>a {
  text-decoration: none;
  font-family: var(--salmond-font);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  text-transform: uppercase;
}

.left-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.right-col {
  padding-left: 1rem;
}

.sub-heading-area {
  margin-top: 1rem;
}

.bnner-btn-1 span,
.book-btn-2 span {
  border: 1px solid #8c4448;
  background: var(--secondary-color);
  position: relative;
  padding: 1.2rem 4rem 0.8rem !important;
  border-radius: 30px;
  display: block;
}

.bnner-btn-2 span,
.book-btn-1 span {
  display: block;
  border-radius: 30px;
  padding: 1.2rem 4rem 0.8rem !important;
  border: 1px solid #8c4448;
  color: var(--secondary-color);
}

.bnner-btn-1,
.book-btn-1,
.bnner-btn-2,
.bnner-btn-2 {
  padding: 0;
  border-radius: 0;
  display: block;
  width: max-content;
}

.bnner-btn-1,
.bnner-btn-2,
.book-btn-1,
.book-btn-2 {
  background-image: url(../images/button-glow.png);
  background-size: cover;
  padding: 0.3rem;
  border-radius: 99px;
  background-size: cover;
}

.bnner-btn-2,
.book-btn-1 {
  background-image: unset;
}

.bnner-btn-1:hover span,
.book-btn-2:hover span {
  background-color: transparent;
  color: var(--secondary-color);
}

.bnner-btn-1:hover,
.book-btn-2:hover {
  background-image: unset;
}

.bnner-btn-2:hover,
.book-btn-1:hover {
  background-image: url(../images/button-glow.png);
}
.read-btn {
    font-size: 23px;
    font-weight: 500;
    color: var(--theme-color);
}
.bnner-btn-2:hover span,
.book-btn-1:hover span {
  background-color: var(--secondary-color);
  color: #fff;
}

/* .right-img-area {
  position: relative;
} */
.pen-img-area {
  position: absolute;
  bottom: 0;
  right: 5%;
  z-index: 3;
}

.pen-img-anim {
  width: 210px;
  position: relative;
}

.pen-img {
  height: 360px;
  width: 376px;
}

.particle-smoke {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0.7;
}

/* story-section */

.story-section {
  background-image: url(../images/—Pngtree—white\ particle\ style\ smoke\ border_5436357\ 2.png);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 5rem 0;
}

.story-sec-head {
  font-family: var(--lavish-font);
  font-size: 15rem;
  font-weight: 400;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--secondary-color);
}

.client-img-sec {
  width: 100%;
}

.library-img-area {
  position: relative;
}

.layer-img-1 {
  position: absolute;
  top: 0;
  left: 0;
}

.layer-img-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bottom-box-story {
  background: linear-gradient(180deg, #e5d4d5 0%, #8a4349 100%);
  margin-top: 2rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
}

.pen-img-2 {
  height: 360px;
  width: 376px;
}

.pen-img-2 {
  position: absolute;
  bottom: 70px;
  left: -150px;
  transform: rotate(-60deg);
}

.story-sub-heading {
  font-family: var(--lavish-font);
  font-size: 8.2rem;
  font-weight: 400;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color:#fff;
}

.text-story-sec {
  font-family: var(--salmond-font);
  font-size: 1.6rem;
  font-weight: 400;
   color:#fff;
}

.story-column {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ring-img {
  position: absolute;
  bottom: 0;
}

/* end */

/* trailer section */
.trailer-section {
  /* background-image: url(../images/smoke-particle-2.png); */
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 6rem 0;
}

.trailer-section i{
    color:#E85F26;
}

.shade-circle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -10%);
  background: #8c444841;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  display: flex;
  align-items: start;
  padding: 3rem;
  justify-content: center;
  color: #8c4448;
  font-size: 3rem;
}

.ring-img-2 {
  position: absolute;
  top: -20%;
  left: -20%;
  height: 600px;
  z-index: 2;
}

.video-area {
  position: relative;
  border-radius: 20px;
}

.video-area>video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.play-btn {
  background: linear-gradient(38.23deg,
      rgba(140, 68, 72, 0.5) 15.58%,
      rgba(216, 176, 178, 0.5) 83%);
  width: 67.5px;
  height: 67.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 2rem;
  transition: display 0.3s ease-in-out;
}

.video-area:hover .play-btn {
  display: block !important;
}

/* end */

/* my-books section */
.my-books-sect {
  /* background: #e5dad5a0; */
  /* background-image: url(../images/—Pngtree—white\ particle\ style\ smoke\ border_5436357\ 2.png); */
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 10rem 0;
}

.mybooks-sec-head {
  font-family: var(--lavish-font);
  font-size: 10.6rem;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--secondary-color);
}

.my-books-text,
.my-books-text-2 {
  font-family: var(--lavish-font);
  font-size: 7rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
  color:#fff;
}

.my-books-text-2::before {
  content: "02";
  position: absolute;
  left: -27%;
  font-family: var(--lavish-font);
  font-size: 12.6rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--secondary-color);
}

.book-content-area {
  position: relative;
  z-index: 1;
}

.my-books-sect {
  position: relative;
  z-index: 3;
}

.book-shadow {
  position: absolute;
  left: 80%;
  background-color: #000000;
  width: 0;
  height: 0;
  box-shadow: 17px 14px 35px 160px #00000038;
  bottom: 220px;
  transform: skew(-50deg, 10deg);
}

.anim-hds {
  transform: translateX(150%);
}

.anim-hds2 {
  transform: translateX(-150%);
}

.foot-middle {
  transform: scale(0.1);
  opacity: 0;
}

.audio-boxes-cont,
.audio-boxes-2,
.box-audio {
  transform: scale(0.3);
  transform-origin: top;
}

.anim-text-mod {
  opacity: 0;
}

.text-2 {
  transform: translateX(100%);
}

.text-3 {
  transform: translateY(100%);
}

.book-column-area {
  transform: scale(0.5);
}

.video {
  transform: scale(0.5);
}

.subscribe-area-anim {
  transform: scale(0.5) rotateX(30deg);
  transform-origin: bottom;
}

.subscribe{
  display: none;
}

.new-img {
  position: relative;
  z-index: 9;
  left: 39%;
  width: 64%;
}

.news-bg {
  position: absolute;
  bottom: -2px;
  left: 9%;
  width: 36%;
}

.news-letter-box {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 14px 57px 5px #00000040;
  z-index: 5;
  background: #f8f2ed;
  border: 2px solid var(--theme-color);
  padding: 53px 70px 0 0;
  border-radius: 16px;
  margin-top: 100px;
}

.news-hd-1 {
  font-size: 18px;
  margin: 0;
  line-height: 25px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--salmond-font);
}

.news-para {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  font-family: var(--salmond-font);
  color: #000000;
}

.news-hd-2 {
  margin: 0;
  line-height: 75px;
  font-size: 76px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--lavish-font);
  background: linear-gradient(to right, #d8b0b2ba, #8c4448ad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 10px 0;
}

.news-form {
  width: 100%;
  height: 50px;
  border-radius: 70px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 2px solid #B7B7B7;
}
.news-content-area {
  padding-left: 74px;
}
.news-input{
  flex: 1;
  width: 100%;
  background-color: transparent;
  border: transparent;
  height: 50px;
  padding: 0 20px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--salmond-font);
  color: #B7B7B7;
}
.news-btn{
  height: 50px;
  width: 180px;
  border-radius: 70px;
  background-color: transparent;
  border: 2px solid var(--theme-color);
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color);
  text-transform: uppercase;
  font-family: var(--salmond-font);
  justify-content: center;
  cursor: pointer;
}
.my-books-text::before {
  content: "01";
  position: absolute;
  left: -22%;
  font-family: var(--lavish-font);
  font-size: 12.6rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--secondary-color);
}

.my-book-sec {
  margin-top: 3rem;
  display: flex;
  gap: 5px;
}

.book-column-area {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.edt-book {
  width: 100%;
  transform: scale(1);
}

.texts-mybook {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 3rem 0;
}

.first-text {
  font-family: var(--lavish-font);
  font-size: 3rem;
  font-weight: 400;
  text-decoration-line: line-through;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #848484;
}

.second-text {
  font-family: var(--lavish-font);
  font-size: 4rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* .book-btn-1 {*/
/*  color: var(--secondary-color) !important;*/
/*  border: 1px solid var(--theme-color);*/
/*  padding: 1.2rem 6rem !important;*/
/*}*/

/*.book-btn-2 {*/
/*  padding: 1.2rem 6rem !important;*/
/*  background: var(--theme-color);*/
/*} */

/*.btns-book {*/
/*  margin: 2rem 0;*/
/*}*/

.my-book-para {
  font-family: var(--aloevera-font);
  font-size: 1.8rem;
  font-weight: 400;
  color:#fff;
}

.book-image-with-buy {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: flex-start;
}

.book-image-with-buy .book-column-area {
  height: auto;
  width: 100%;
}

.book-buy-under-img {
  display: flex;
  justify-content: center;
  margin-top: -3.5rem;
  position: relative;
  z-index: 2;
}

.book-buy-under-img .book-btn-2 {
  color: #fff;
  text-decoration: none;
}

.portal-img {
  position: absolute;
  bottom: -70px;
  left: 150px;
}

.anim-star {
  transform: scale(0.1);
}

/* .portal-img-2 {
  position: absolute;
  top: -60px;
  left: 150px;
} */

.portal-2 {
  left: 180px;
}

.port-images-1 {
  position: relative;
  left: 20%;
}

.edt-book-my {
  position: relative;
  top: -10px;
  left: -120px;
  visibility: hidden;
}

.abs-img {
  position: absolute;
  bottom: -65px;
  left: 23%;
}

/* end */

/* audio section */
.audio-books-sect:not(.subscribe) {
  display: none;
}

.audio-books-sect {
  /* background-image: url(../images/—Pngtree—white\ particle\ style\ smoke\ border_5436357\ 2.png); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 10rem 0;
}

.box-audio {
  width: 100%;
  background: #fff;
  border-radius: 1rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  position: relative;
  z-index: 2;
}

.box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.boxes-area {
  margin-top: 4rem;
}

.box-texts {
  font-family: var(--lavish-font);
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.play-btn-2 {
  background: linear-gradient(38.23deg,
      #8c4448 15.58%,
      rgba(140, 68, 72, 0.5) 83%);

  width: 39px;
  height: 39px;
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
}

.box-para {
  font-family: var(--lavish-font);
  font-size: 2.6rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.audio-boxes {
  width: 280px;
  height: 300px;
  border-radius: 10px;
  background: #f9f3ee;
  padding: 2.2rem;
  position: relative;
  /* z-index: ; */
}

.audio-box-abs {
  position: absolute;
  bottom: -30px;
  left: -8rem;
  width: 100%;
  transform: scale(1.4);
  z-index: 1;
}

.audio-box-abs img {
  position: relative;
  left: -80%;
  transform: scale(3) translateY(-105%);
  z-index: 1;
}

.audio-box-abs-2 {
  position: absolute;
  bottom: -8rem;
  right: 2rem;
  width: 100%;
  transform: scale(1.6);
  z-index: 1;
}

.audio-boxes-2 {
  width: 100%;
  height: 300px;
  border-radius: 10px;
  background: #f9f3ee;
  padding: 10px;
  margin-top: 2rem;
  position: relative;
}

.audio-boxes-2-abs {
  position: absolute;
  width: 355px;
  top: -3rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.first-row {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.port-images-1,
.portal-img {
  display: none;
}

.container-audio {
  margin: auto;
  padding: 0 7rem;
}

.audio-box-text {
  font-family: var(--lavish-font);
  font-size: 4.7rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.audio-box-para {
  font-family: var(--lavish-font);
  font-size: 4rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.inner-audio-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  padding: 20px;
  left: -17%;
  top: 50px;
  width: 321.41px;
  height: 190.19px;
  border-radius: 14px;
  box-shadow: 0px 11px 28px 0px #57575733;
  background: #ffffff;
  z-index: 3;
}

.img-arrow {
  position: absolute;
  top: -30px;
  left: 16%;
  height: 70px;
}

.box-num-audio {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0.74px solid #8c4448;
  padding: 0 5px;
}

.icons-audio-area {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 2rem;
}

.btn-group-audio {
  color: #d8b0b2;
  border: none;
  background: none;
  font-size: 2.5rem;
}

.pause-btn {
  width: 58px;
  height: 58px;
  font-size: 2rem;
}

.white-arrow {
  position: absolute;
  z-index: 4;
  left: 50%;
  transform: translate(-30%, -50%);
}

/* end */

/* subcribe-sect */
.toggle-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
  margin-top: 3rem;
}

.toggle-text {
  font-family: var(--aloevera-font-2);
  font-size: 2.3rem;
  font-weight: 600;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.check-box {
  display: none;
}

.toggle-btn .toggle-slider {
  height: 26px;
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #8c4448;
  position: relative;
  border-radius: 20px;
  display: block;
}

/* .toggle-btn .check-box:checked + .toggle-slider::before {
  background: #8a4349;
} */
.toggle-btn .toggle-slider::before {
  content: "";
  position: absolute;
  height: 36px;
  width: 36px;
  top: -5px;
  left: -5px;
  background: #fff;
  border: 7px solid #8c4448;
  border-radius: 50%;
  box-shadow: 0px 0px 4px 2px #8c444859;
}

.toggle-btn .check-box:checked+.toggle-slider::before {
  transform: translateX(50px);
}

.cards-subscribe {
  /* display: flex;
  justify-content: center; */
  margin-top: 5rem;
}

.card-style {
  border-radius: 20px;
  padding: 20px;
}

.card-item-1 {
  border: 3px solid #2e2e3a;
  background: #24243080;
}
.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #8c4448;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button:before {

    font-size: 19px;
    
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #8c4448;
}

.my-books-text::before, .my-books-text-2::before {
    
    content: attr(data-number);
     left: unset; 
    transform: translateX(-110%);
    
}

@media(max-width: 1024px){
  .news-content-area {
    padding-left: 0px;
}
.new-img {
  left: 29%;
  width: 65%;
}
.news-bg {
  left: 5%;
  width: 38%;
}
.news-hd-2 {
  font-size: 57px;
}
.news-para {
  font-size: 15px;
}
.news-letter-box {
  padding: 53px 46px 0 0;
}
}
@media (min-width: 992px) {
 /*.slick-current+.slick-slide {*/
 /*   border: 1px solid #8c4448;*/
 /*   box-shadow: 0px 14px 57px 5px #00000040;*/
 /*   z-index: 5;*/
 /*   background: #f8f2ed;*/
 /*   transform: scaleX(1.05);*/
 /* }*/

  .slick-current+.slick-slide .card-heading,
  .slick-current+.slick-slide .card-text-para,
  .slick-current+.slick-slide .details {
    color: #000000;
  }

  .slick-current+.slick-slide .details>li.checked::before,
  .slick-current+.slick-slide .card-heading-2 {
    color: #8a4349;
  }

  .slick-current+.slick-slide .pln-btn-1 {
    background-color: var(--secondary-color);
  }
}

.card-item-3 {
  border: 3px solid #2e2e3a;
  background: #24243080;
}

.card-heading {
  font-family: var(--aloevera-font);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.card-heading small {
  font-size: 1.5rem;
}

.card-item-1,
.card-item-3 {
  color: #fff;
}

.card-item-2 {
  color: #000000 !important;
}

.card-heading-2 {
  font-family: var(--lavish-font);
  font-size: 5rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.card-heading-2 small {
  font-size: 2rem;
}

.card-heading-2-color {
  color: var(--secondary-color);
}

.card-text-para {
  font-family: var(--aloevera-font);
  font-size: 1.7rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-top: 2rem;
}

.details {
  padding: 0;
  margin: 4rem 0;
}

.details>li {
  list-style: none;
  font-family: var(--aloevera-font);
  font-size: 1.9rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
  left: 20%;
  margin-top: 10px;
}

.details>li.checked {
  margin-left: -25px;
}

.details>li.checked::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00c";
  margin-right: 5px;
}

.details-2>li.checked::before {
  color: var(--secondary-color);
}

.plan-btns {
  width: 100%;
  height: 39px;
  border-radius: 20px;
  background: none;
  font-family: sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  border: none;
  color: #fff;
}

.pln-btn-1 {
  background: #ababab;
}

.pln-btn-2 {
  background: var(--theme-color);
}

.card-heading-color-1 {
  color: #000000;
  font-family: var(--aloevera-font-3);
}

.recomm-text {
  font-size: 1.4rem;
  font-weight: 700;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-left: 5px;
}

.year-text {
  font-family: var(--lavish-font);
  font-size: 1.4rem;
  font-weight: 400;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-left: 5px;
}

.details-2>li {
  font-weight: bold;
}

.author-section {
  min-height: 100vh;
  height: auto;
  padding: 6rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hd-large {
  font-family: var(--lavish-font);
  font-size: 24rem;
  font-weight: 400;
  text-align: center;
  color: var(--secondary-color);
  text-transform: capitalize;
}

.footer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.foot-middle {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  list-style: none;
  flex-wrap: wrap;
}

.footer-link {
  font-family: var(--salmond-font);
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  /*color: #44444;*/
  text-decoration: none;
  padding: 1.5rem;
  text-transform: uppercase;
}

.text-theme {
  color: var(--secondary-color);
}

.menu-area-btn {
  background-color: transparent;
  border: none;
  font-size: 4rem;
  color: #fff;
  position: absolute;
  top: 1rem;
  z-index: 99;
  right: 2.5rem;
  display: none;
}

.menu-area-btn .fa-times {
  display: none;
}

.menu-area {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 9;
  width: 100%;
  background-color: #000000ae;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.menu-area-inner {
  background-color: #f9f3ee;
  margin-left: auto;
  width: 70%;
  height: 100%;
  min-width: 270px;
  padding: 4rem 3rem;
  transition: all 0.4s;
  transform: translateX(100%);
}

/* .menu-area::after {
  content: "";
  position: absolute;
  right: 0;
  width: 100vw;
  height: 100%;
  top: 0;
  z-index: -1;
} */
.menu-btn-inner {
  font-size: 3rem;
  color: #8c4448;
  font-weight: 500;
  text-decoration: none;
  display: block;
  margin-bottom: 1rem;
}

.menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform-origin: left;
  transform: rotateY(0);
}

.inner-book-area {
  width: 60%;
  transform: rotate(45deg);
}

@media (min-width: 1400px) and (max-width: 1600px) {
  .book-container {
    max-width: 1180px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .book-container {
    max-width: 1050px;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .book-container {
    max-width: 800px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .book-container {
    max-width: 670px;
  }

  .btns-bnner {
    gap: 8px;
  }

  .hd-large {
    font-size: 14rem;
    line-height: 1.05;
  }

  .story-sec-head {
    font-size: 9rem;
  }

  .author-section {
    padding: 3rem 0 1rem;
  }

  .footer-links {
    gap: 2.5rem;
  }
}

@media (max-width: 1440px) {
  .audio-box-abs {
    left: -7%;
    width: 89%;
  }

  .img-arrow {
    top: -16px;
    left: 20%;
    height: 59px;
  }
}

@media (max-width: 1399px) {
  :root {
    font-size: 8.5px;
  }

  .logo>a {
    font-size: 5.2rem;
  }

  .banner {
    padding: 3rem 0;
  }

  .bnner-img {
    max-width: 360px;
  }

  .header {
    padding: 0;
  }

  .pen-img-anim {
    width: 150px;
  }

  .pen-img-area {
    right: 14%;
    bottom: -5%;
  }

  .ring-img-2 {
    width: 450px;
    height: auto;
  }

  .my-books-text::before {
    /*left: -16%;*/
    font-size: 9.6rem;
  }

  .my-books-text-2::before {
    /*left: -21%;*/
    font-size: 9.6rem;
  }

  .audio-box-abs img {
    width: 220px;
    left: -60%;
  }

  .mybooks-sec-head {
    font-size: 10.6rem;
  }

  .star-books img {
    width: 30px;
    height: auto;
  }

  .my-books-text,
  .my-books-text-2 {
    font-size: 6rem;
  }

  .audio-boxes-2-abs {
    width: 250px;
    top: -7rem;
  }

  .audio-boxes-2 {
    height: 180px;
  }

  .inner-audio-box {
    transform: scale(0.8);
    top: 30px;
  }

  .audio-box-abs-2 {
    width: 72%;
  }

  .book-shadow {
    box-shadow: -28px 18px 20px 150px #00000038;
  }
}

@media (max-width: 1199px) {
  :root {
    font-size: 7px;
  }

  .pen-img-anim {
    width: 130px;
  }

  .bnner-img {
    max-width: 320px;
  }

  .audio-box-abs {
    left: -20%;
    width: 73%;
  }

  .abs-img {
    display: none;
  }
}

@media (max-width: 991px) {
  .news-letter-box .row{
    flex-direction: column-reverse;
  }
  .new-img {
    left: 62%;
    width: 65%;
    transform: translate(-50%, 0);
}
  .news-bg {
    left: 50%;
    width: 68%;
    transform: translate(-50%, 0);
}
  .news-form{
    margin: 30px 0;
  }
  .news-letter-box {
    padding: 53px 40px 0 40px;
}
 
  :root {
    font-size: 6px;
  }

  .ring-img-2 {
    display: none;
  }

  .audio-boxes-cont,
  .audio-boxes-2,
  .box-audio {
    transform: scale(1);
    transform-origin: top;
  }

  .container-audio {
    margin: auto;
    padding: 0 1rem;
  }

  .subscribe-area-anim {
    transform: scale(1);
  }

  .anim-text-mod {
    opacity: 1;
  }

  .text-2,
  .text-3 {
    transform: none;
  }

  .author-section,
  .footer {
    min-height: unset;
  }

  .author-section {
    padding: 4rem 0 2rem;
  }

  .foot-bottom {
    margin-top: 4rem;
  }

  .main-heading,
  .story-sub-heading {
    font-size: 8rem;
  }

  .story-sec-head {
    font-size: 12rem;
  }

  .audio-box-abs img {
    width: 167px;
    left: -59%;
    transform: scale(3) translateY(-135%);
  }

  .bnner-img {
    max-width: 260px;
  }

  .pen-img-anim {
    width: 110px;
  }

  .pen-img-area {
    right: 1%;
    bottom: -5%;
  }

  .audio-boxes-2-abs {
    width: 200px;
  }

  .inner-audio-box {
    transform: scale(0.7);
  }

  .book-btn-1 span,
  .bnner-btn-1 span,
  .book-btn-2 span,
  .bnner-btn-2 span {
    padding: 1.2rem 4rem 0.8rem;
  }

  .my-books-text-2::before {
    /*left: -21%;*/
    font-size: 9.6rem;
  }

  .my-book-para {
    font-size: 2.2rem;
  }

  .hd-large {
    font-size: 18rem;
  }

  .book-shadow {
    box-shadow: 72px 43px 20px 110px #00000038;
  }

  .slick-current {
    /* border: 1px solid #8c4448; */
    box-shadow: 0px 14px 57px 5px #00000040;
    z-index: 5;
    background: #f8f2ed;
  }

  .slick-current .card-heading,
  .slick-current .card-text-para,
  .slick-current .details {
    color: #000000;
  }

  .slick-current .details>li.checked::before,
  .slick-current .card-heading-2 {
    color: #8a4349;
  }

  .slick-current .pln-btn-1 {
    background-color: var(--secondary-color);
  }

  .foot-middle {
    transform: scale(1);
    opacity: 1;
  }

  .audio-box-abs {
    left: -7%;
    width: 63%;
  }

  .card-text-para,
  .details>li {
    font-size: 2.3rem;
  }

  .card-heading-2 {
    font-size: 6rem;
  }

  .card-heading-2 small {
    font-size: 3rem;
  }

  .card-heading {
    font-size: 3.5rem;
  }

  .card-heading small {
    font-size: 2rem;
  }

  .img-arrow {
    top: -6px;
    left: 21%;
    height: 57px;
  }
}

@media (max-width: 767px) {
  header .container {
    max-width: unset;
  }

  body.active .menu-area {
    visibility: visible;
    opacity: 1;
  }

  body.active .menu-area-btn {
    color: #8c4448;
    position: fixed;
  }

  body.active .menu-area-btn .fa-times {
    display: block;
  }

  body.active .menu-area-btn .fa-bars {
    display: none;
  }

  body.active .menu-area-inner {
    transform: translateX(0);
  }

  .menu-area {
    display: block;
  }

  .menu-area-btn {
    display: block;
  }

  .banner,
  .banner-sub-heading {
    text-align: center;
  }

  .btns-bnner,
  .texts-mybook {
    justify-content: center;
  }

  .right-img-area {
    margin-top: 4rem;
  }

  .main-heading,
  .story-sub-heading,
  .mybooks-sec-head {
    font-size: 6rem;
  }

  .story-sec-head {
    font-size: 6rem;
  }

  .ring-img-2 {
    display: none;
  }

  .my-books-sect,
  .audio-books-sect,
  .trailer-section {
    padding: 4rem 0;
  }

  .story-column {
    margin-top: 3rem;
  }

  .m-text {
    text-align: center;
  }

  .star-books {
    display: flex;
    justify-content: center;
  }

  .edt-book {
    transform: scale(1);
  }

  .portal-img,
  .port-images-1,
  .abs-img,
  .audio-box-abs,
  .m-none {
    display: none;
  }

  .edt-book-my {
    visibility: visible;
    position: unset;
  }

  .book-row-2 {
    flex-direction: column-reverse;
  }

  .bnner-img {
    max-width: 190px;
  }

  .pen-img-anim {
    width: 80px;
  }

  .pen-img-area {
    right: -10%;
    bottom: -5%;
  }

  .header {
    display: block;
    padding: 0 1.5rem;
  }

  .links-1,
  .links-2,
  .white-arrow,
  .img-arrow {
    display: none;
  }

  .audio-box-abs-2 {
    bottom: 11rem;
  }

  .hd-large {
    font-size: 15rem;
  }

  .author-section,
  .footer {
    min-height: unset;
  }

  .foot-bottom {
    margin-top: 6rem;
  }

  .my-books-text::before,
  .my-books-text-2::before {
    display: none;
  }

  .foot-bottom * {
    text-align: center;
  }

  .edt-book-my {
    transform: scale(1.3);
  }

  .audio-boxes-2-abs {
    top: -2rem;
  }

  .book-shadow {
    box-shadow: 72px 113px 20px 80px #00000038;
  }

  .right-img-area {
    max-width: 250px;
    margin: 2rem auto 0;
  }

  .inner-book-area {
    margin: 0 auto;
    transform: rotate(45deg) scale(0.8);
  }
}
@media(max-width: 480px){
  .news-form {
    flex-direction: column;
    gap: 20px;
    height: auto;
    border: transparent;
    justify-content: start;
    align-items: start;
}
.news-input {
  flex: unset;
  border: 2px solid #B7B7B7;
  border-radius: 70px;
}

}
@media(max-width: 400px){
  .news-bg {
    width: 90%;
  }
  .new-img {
    width: 90%;
  }
  .news-letter-box {
    margin-top: 30px;
  }
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 20px;
}

.row {
  --bs-gutter-x: 20px;
}

/* .trailer-section{
  display: none;
} */

.featured-book-label {
  display: inline-block;
  font-family: var(--salmond-font);
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--theme-color);
  margin-bottom: 1.2rem;
}

.book-meta-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2.8rem;
  margin: 2rem 0;
}

.book-meta-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
  text-decoration: none;
  color: inherit;
}

.book-meta-icon {
  height: 34px;
  width: auto;
  flex-shrink: 0;
}

.book-meta-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.book-meta-label {
  font-family: var(--aloevera-font);
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--theme-color);
  border-bottom: 1px solid var(--theme-color);
  padding-bottom: 3px;
  width: fit-content;
}

.book-meta-value {
  font-family: var(--aloevera-font);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--theme-color);
  margin-top: 4px;
}

@media (max-width: 767px) {
      .footer-links{
        margin-bottom: 0 !important;
    }
       .story-section .row{
      justify-content: center;
    }
  .book-meta-row {
    flex-wrap: wrap;
    gap: 1.6rem 2rem;
    justify-content: center;
  }
}

.author-tags-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-top: 2.4rem;
  overflow-x: auto;
}

.author-tags-label {
  font-family: var(--salmond-font);
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--theme-color);
  white-space: nowrap;
  flex-shrink: 0;
}

.author-tag-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.6rem 1.4rem 0.6rem 0.6rem;
  border-radius: 999px;
  background: rgba(140, 68, 72, 0.12);
  border: 1px solid rgba(140, 68, 72, 0.22);
  color: var(--theme-color);
  font-family: var(--salmond-font);
  font-size: 1.3rem;
  font-weight: 500;
  text-decoration: none;
  text-transform: lowercase;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.author-tag-btn:hover {
  background: rgba(140, 68, 72, 0.2);
  border-color: rgba(140, 68, 72, 0.35);
  color: var(--theme-color);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(140, 68, 72, 0.15);
}

.author-tag-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(140, 68, 72, 0.18);
  flex-shrink: 0;
}

.author-tag-icon img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .author-tags-row {
    gap: 0.8rem;
     justify-content: center;
  }
  .book-content-area{
      text-align: center;
  }
  .author-tags-row{
      flex-wrap: wrap;
  }
}