.sanchez-regular {
    font-family: "Sanchez", serif;
    font-weight: 400;
    font-style: normal;
  }

  .sanchez-regular-italic {
    font-family: "Sanchez", serif;
    font-weight: 400;
    font-style: italic;
  }
  .instrument-sans {
    font-family: "Instrument Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }

  p {
    font-family: "Instrument Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  }



  h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea {
    margin: 0;
    padding: 0;
  }
  * {
    margin: 0;
    padding: 0;
  }
  a{
    text-decoration: none;
  }
  a:hover {
    text-decoration: none;
  }
  a:focus {
    text-decoration: none;
  }
  ul {
    list-style: none;
    padding: 0;
  }
  body{
    font-family: "Instrument Sans", sans-serif !important;
    /* overflow: hidden; */
  }


  /* ************************************ */
  /*RESPONSIVE NAVIGATION*/
  .mobile-menu{
      display: none;
    }
    .mobile-menu .circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    background: #005879;
    margin: 0 auto;
    font-size: 16px;
    position: fixed;
    right: 40px;
    top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }
  .mobile-menu .mobile-cross {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    background: #005879;
    margin: 0 auto;
    font-size: 16px;
    position: fixed;
    right: 0px;
    top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
  }
  .mobile-menu .nveMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 280px;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transform: translateX(-320px);
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    padding: 40px 20px;
  }
  .mobile-menu .nveMenu.is-opened {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  /*.mobile-menu .nveMenu h1 {
    color: #000;
    font-weight: 700;
    }*/
    .mobile-menu .overlay {
      position: fixed;
      top: 0;
      right: 0;
      width: calc(100% - 280px);
      height: 100%;
      background: rgba(0, 0, 0, 0.71);
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    }
    .mobile-menu .overlay.is-on {
      opacity: 1;
      visibility: visible;
      z-index: 999;
    }
    .mobile-menu .navlinks li {
      display: block;
      padding: 12px 0;
    }
    .mobile-menu .navlinks li a {
      text-transform: uppercase;
      color: #666;
      font-weight: 700;
    }
    .mobile-menu .navlinks li a:hover {
      text-decoration: none;
    }

  /*RESPONSIVE NAVIGATION*/

  .Instrument ul {
    display: flex;
    flex-direction: column;
  }



  /* shash kay  */

  /* button {
      background: linear-gradient(to left,#AD1115 50%, #fff 50%);
      background-position: left bottom;
      transition: all .6s ease-out;
      background-size: 200% 100%;
  }
  button:hover{
    background-position: right bottom;
  } */










  /* inner scroll side bar  */


  /* className::-webkit-scrollbar {
    width: 4px;
  } */
  /* Track */

  /* className::-webkit-scrollbar-track {
    background: #d4d4d4 ;
  } */
  /* Handle */

  /* className::-webkit-scrollbar-thumb {
    background: #790101 ;
  } */
  /* Handle on hover */

  /* className::-webkit-scrollbar-thumb:hover {
    background: #8b8b8b;
  }  */


  /* header */


  .main-header{
  position:sticky;
  top:0;
  z-index:999;
  background:#101010;
  box-shadow:0 5px 20px rgba(0,0,0,0.05);
  padding: 15px 0;
  }

span.clr {
    color: #8c6a14;
}


  .logo img{
  height:45px;
  }

  .navbar-nav .nav-link{
  font-size:16px;
  font-weight:500;
  color:#222;
  position:relative;
  transition:0.3s;
  }

  .navbar-nav .nav-link:after{
  content:"";
  position:relative;
  left:0;
  bottom:-2px;
  width:0%;
  height:2px;
  transition:0.3s;
  }

  .navbar-nav .nav-link:hover:after{
  width:0%;
  }

  .nav-btn {
    background: transparent;
    color: goldenrod !important;
    padding: 10px 20px;
    border-radius: 5px;
    margin-left: 21px;
    border: 1px solid goldenrod;
    text-transform: uppercase;
}

  .nav-btn:hover{
  background:#000;
  }
  .dropdown-menu{
  border-radius:10px;
  border:none;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  padding:10px 0;
  }

  .dropdown-item{
  padding:10px 20px;
  font-size:15px;
  transition:0.3s;
  }

  .dropdown-item:hover{
  background:#ff4d4d;
  color:#fff;
  }

  @media (min-width:992px){

  .nav-item.dropdown:hover .dropdown-menu{
  display:block;
  margin-top:0;
  }

  }




  .headlogo span {
      color: #fff;
      font-size: 37px;
      text-transform: uppercase;
      font-weight: 800;
  }

  .headlogo p {
      color: #FFF;
      font-size: 12px;
  }


  .navbar-light .navbar-nav .nav-link {
    color: #FFF;
}


/*  */


ul.top-menu {
    display: flex;
    justify-content: center;
}

.dekstop-header {
    background: #111010;
    padding: 20px 0;
}

.dekstop-header .row {
    align-items: center;
}

ul.top-menu li {
    padding: 0 10px;
}

ul.top-menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

ul.top-menu li a:hover {
    color: #8c6a14;
    transition: ease 0.4s;
}

.dekstop-header button.btn.btn-learn-more {
    color: antiquewhite;
}


/* Banner  */

section.banner {
    position: relative;
    background: url(../images/banner.png) no-repeat;
    background-size: cover;
    background-position: 100% 20%;
    min-height: 628px;
    padding: 145px 0 125px;
    overflow: hidden;
    padding-block: 10%;
}

section.banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, rgb(163 124 55) -32%, rgba(0, 0, 0, 0.75) 38%, rgba(0, 0, 0, 0.35) 61%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.clr{
    color:#D4AF37;
    position:relative;
}

.clr::after{
    content:"";
    display:inline-block;
    width:2px;
    height:1em;
    background:#D4AF37;
    margin-left:3px;
    animation:blink .8s infinite;
    vertical-align:middle;
}

@keyframes blink{
    50%{
        opacity:0;
    }
}

section.banner .container {
    position: relative;
    z-index: 2;
}

p.last-p {width: 65%;}

.banner-text p {
    color: #ffffff;
    font-size: 16px;
}

.banner-text h2 {
    font-size: 56px;
    color: #fff;
    font-weight: 400;
    line-height: 1.05;
    margin: 0;
}


h2.hd-1 {
    font-size: 56px;
    padding-top: 38px;
    white-space: nowrap;
}

h2.hd2 {
    font-size: 38px;
    padding: 10px 0 20px;
    font-weight: 700;
    white-space: nowrap;
}

.banner-btn {
    margin-top: 40px;
}

.banner-btn a.btn {
    color: #fff;
    border: 1px solid #8c6a14;
    border-radius: 5px;
    padding: 10px 30px;
    margin-right: 20px;
}

.b1 {
    background: #8c6a14;
}

.banner-text {
    padding: 0 60px;
    font-family: 'Sanchez', Georgia, serif;
}

.highlight-gold,
.hd2 .clr {
    color: #a77d0a;
}

.highlight-rest {
    color: #fff;
}

.banner-text .last-p {
    font-family: 'Instrument Sans', Arial, sans-serif;
    line-height: 1.45;
    margin: 0;
    width: 65%;
}




/* section-2 */


section.sec-2 {
    background: #272727;
    border-top: 1px solid #8c6a14;
    padding: 30px 60px;
    border-bottom: 1px solid #8c6a14;
}

.icon-bx {
    width: 50%;
}

.icon-bx img {
    width: 100%;
}

.box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #8c6a14;
    padding-right: 30px;
}
.icon-txt {
    padding-left: 20px;
}

.icon-txt h3 {
    color: #fff;
    font-size: 22px;
    padding-bottom: 5px;
}

.icon-txt p {
    color: #fff;
}

.last {
    border: none;
}





/* About-sec */





.about-cont {
    position: relative;
    padding: 70px 70px;
    background: url(../images/book-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    height: 100%;
}

.about-cont::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* shadow kitni door tak jaye */
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.6) 30%,
        rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
}

.about-cont > * {
    position: relative;
    z-index: 1;
}

.abt-box {
    display: flex;
        align-items: center;
}

.abt-box img {
    width: 90px;
    background: black;
    padding: 20px 10px;
    border-radius: 60px;
}

section.about-sec .col-lg-8.col-md-6.col-sm-12.col-12 {
    padding: 0 0;
}

section.about-sec .col-lg-4.col-md-6.col-sm-12.col-12 {
    padding: 0 0;
}


.about-cont-2 {
    background: #181818;
    padding: 40px 0 0px 70px;
    border-left: 1px solid #8c6a14;
    height: 100%;
}

.abt-box {
    padding-bottom: 40px;
}

.abt-box-cont {
    padding-left: 20px;
    padding-right: 100px;
}

.abt-box-cont h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 6px;
}

.abt-box-cont p {
    color: #fff;
    font-size: 14px;
}

.about-cont h3 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
}

.about-cont h2 {
    line-height: 54px;
    padding: 20px 0 35px 0;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 50px;
    margin: 0;
    color: #000000;
    width: 80%;
}

.about-cont p {
    color: black;
    font-size: 17px;
    width: 60%;
    padding-bottom: 30px;
}



/* Featured section */


  .featured-section {
    padding: 60px 0;
  }
  .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }
.section-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 38px;
    margin: 0;
    color: #000000;
}
  .view-all-link {
    text-decoration: none;
    font-size: 0.85rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6b6b6b;
    font-weight: 600;
  }
  .view-all-link:hover {
    color: #a02c2c;
  }
  .book-card {
    text-align: center;
    margin-bottom: 30px;
  }
  .book-cover {
    width: 100%;
    aspect-ratio: 3 / 4.3;
    border-radius: 4px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
  }
  .book-cover .cover-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.2;
    text-transform: uppercase;
    z-index: 2;
  }
  .book-cover .cover-author {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 1px;
    z-index: 2;
  }
.book-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 24px;
    color: #2b2b2b;
    text-transform: uppercase;
    margin-bottom: 30px;
    min-height: 48px;
    line-height: 30px;
    padding-top: 24px;
}
  .book-desc {
    font-size: 0.85rem;
    color: #6b6b6b;
    margin-bottom: 18px;
    min-height: 40px;
    padding-bottom: 10px;
  }
  .btn-learn-more {
    border: 1px solid #8c6a14;
    background: transparent;
    color: #4a4a4a;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 24px;
    border-radius: 2px;
  }
  .btn-learn-more:hover {
    background: #8c6a14;
    color: #fff;
  }

  .book-cover.cover-1 img {
    width: 100%;
}

  /* Cover 1 - Furies' Daughters */
  .cover-1 {
    background: #e6e6e6;
    align-items: center;
    text-align: center;
  }
  .cover-1 .cover-title { color: #b5322e; }
  .cover-1 .silhouettes {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 55%;
    background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
  }

  /* Cover 2 - Nebraska */
  .cover-2 {
    background: linear-gradient(180deg, #6f8a6a 0%, #8fae7c 45%, #b7c98f 70%, #cdd6a3 100%);
    align-items: center;
    text-align: center;
  }
  .cover-2 .cover-title { color: #eef1e4; text-shadow: 0 2px 6px rgba(0,0,0,0.4); }
  .cover-2 .cover-author { color: #eef1e4; }

  /* Cover 3 - Screenwriting */
  .cover-3 {
    background: linear-gradient(180deg, #2b2b2b 0%, #171717 60%, #0d0d0d 100%);
    align-items: flex-start;
    text-align: left;
  }
  .cover-3 .cover-title { color: #ece7de; }
  .cover-3 .cover-author { color: #ece7de; }

  /* Cover 4 - God: The Early Years */
  .cover-4 {
    background: #e9dcb0;
    align-items: flex-start;
    text-align: left;
    color: #2b2b2b;
  }
  .cover-4 .cover-title { color: #2b2b2b; }
  .cover-4 .cover-author { color: #2b2b2b; }
  .cover-4 .cloud-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55%;
    background: #7fa9c7;
    border-radius: 50% 50% 0 0 / 30% 30% 0 0;
  }





  /* Plays-sec */

.plays-head h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 38px;
    margin: 0;
    color: #fff;
}



section.plays .row {
    align-items: center;
}

.plays-btn {
    float: right;
}

.plays-main-box {
    display: flex;
    align-items: center;
}
section.plays {
    background: url(../images/plays-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 70px 0;
}


section.plays a.view-all-link {
    color: #8c6a14;
}

.plays-bottom {
    padding: 80px 0;
}

.plays-main-box {
    BACKGROUND: #181818;
    border: 1px solid #c1b39e;
}

.plays-img img {
    WIDTH: 200PX;
    HEIGHT: 325PX;
    OBJECT-FIT: COVER;
}


.plays-cont {
    padding: 0 20px;
}

.plays-cont h3 {
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 15px;
}

.plays-cont p {
    color: #fff;
    font-size: 14px;
    padding-bottom: 18px;
}


/* testimonial */


.testi-head h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 38px;
    margin: 0;
    color: #000000;
    text-align: center;
}

section.testi {
    padding: 30px 0;
}

.testi-btmm {
    padding-top: 50px;
}

.testi-main {

    PADDING: 0 0px;
    border-right: 1px solid #ba8a10;
}


dv.author-nm h4 {
    font-size: 13px;
    color: gray;
}


.testi-cont {
    overflow: auto;
    height: 120px;
    margin-bottom: 15px;
    padding-right: 18px;
}

.testi-cont::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.testi-cont::-webkit-scrollbar-thumb {
    background-color: #8c6a14;
    outline: 1px solid #8c6a14;
}

.testi-cont::-webkit-scrollbar {
    width: 1px;
}

.testi-main {
    padding: 0 20px;
}


.blog-text h2 {
    color: #fff;
    font-size: 32px;
    padding-top: 30px;
}

h2.blg-head {
    color: #fff;
    text-align: center;
    padding: 70px 0;
}



.artists-cont h4 {
    color: black;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    padding-top: 20px;
    font-size: 22px;
}

.testi-cont p {color: black;font-size: 18px;padding-bottom: 20px;}

.last {
    border: none;
}


/* Event */

.Events-main-box {
    padding: 15px 15px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(172 131 41) 0%, rgb(0 0 0) 44%);
}

.Events-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

.Events-cont {
    padding: 30px 0 10px 0;
}

section.Events {
    background: #232323;
    padding: 40px 0;
}


.Events-bottom {
    padding-top: 60px;
}

.Events-cont h3 {
    color: #fff;
    font-size: 20px;
}

.Events-cont p {
    font-size: 14px;
    color: #fff;
    padding: 12px 70px 14px 0px;
}


section.Events a.view-all-link {
    color: #a88329;
}


.Events-cont h5 {
    color: #b18a2a;
    font-size: 14px;
    padding-bottom: 8px;
}


/* footer */


.footlogo h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    padding-bottom: 10px;
}
.footlogo p {
    color: #fff;
    font-size: 14px;
    padding-bottom: 16px;
    width: 50%;
}
.footer-menu h2 {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 13px;
}
.footer-menu ul li a {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.footer-menu {
    border-right: 1px solid #ffff;
}
.form-sec input {
    padding: 10px;
    font-size: 14px;
    border: 2px solid #be8841;
    text-transform: capitalize;
    background-color: #ffffff00;
    color: #fff !important;
}

.form-sec button {
    padding: 11px 22px;
    background-color: #be8943;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: -14px;
    border-radius: 10px;
}


.footer-menu-1 ul li a{
     font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.footer-menu-1 h2 {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 13px;
}
.footer-text p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding-top: 30px;
}
.footer-text {
    border-top: 1px solid #fff;
    margin-top:30px
}
footer.desktop-footer {
    padding: 50px 0 30px 0;
    background: linear-gradient(180deg, rgb(0 0 0) 80%, rgb(161 122 38) 134%);
}

.navbar>.container {
    display: block;
}


header.main-header .row {
    align-items: center;
}

a.navbar-brand.logo {
    padding: 0 0 !important;
    font-size: 12px;
}

.ms-auto {
    margin: auto !important;
}

a.headlogo {
    line-height: 24px;
}
header.main-header button.btn.btn-learn-more {
    color: #8c6a14;
}

ul.navbar-nav.ms-auto a.nav-link {
    padding-right: 26px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #8c6a14 !important;
}

.dropdown-item:hover {
    background: #7d5f13;
}

header.main-header button.btn.btn-learn-more:hover {
    background: #ffffff;
}





/* About Authour */

section.inner-breadcamp {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 130px 0;
}


.inner-heading h2 {
    font-size: 70px;
    color: #fff;
    font-weight: 700;
}


.inner-abt-img img {
   margin: 0px auto;
    display: table;
    border: 1px solid goldenrod;
    width: 80%;
    border-radius: 300px;
}

.inner-abt-cont h2 {
    font-size: 43px;
    font-weight: 700;
    color: black;
    padding-bottom: 20px;
}

.inner-abt-cont p {
    color: black;
    font-size: 16px;
    padding-right: 40px;
}

section.inner-abt-sec {
    padding: 80px 0;
}

section.inner-abt-sec .row {
    align-items: center;
}


/* blogs */

.inner {
    padding: 20px 0 80px 0 !important;
}

/* form */

.contact-cont {
    text-align: center;
    width: 60%;
    margin: 0px auto;
}

.contact-cont h2 {
    font-size: 43px;
    color: black;
    font-weight: 700;
}

.form-container {
    width: 80%;
    margin: 0px auto;
    padding-top: 40px;
}

section.contact {
    padding: 80px 0;
}

.mb-3 textarea#msg {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
}


button.btn.btn-quote.w-100.rounded-pill.py-2.fw-bold {
    background: #000000;
    color: #fff;
}

button.btn.btn-quote.w-100.rounded-pill.py-2.fw-bold:hover {
    background: #3a3939;
}


/* Blog-detail */

.blog-detail-cont {
    width: 80%;
    margin: 0px auto;
}

.blog-detail-cont img {
    width: 100%;
    height: 500px;
    border-radius: 10px;
}

.blog-detail-cont h2 {
    color: black;
    font-size: 33px;
    padding-top: 40px;
    padding-bottom: 15px;
}

.blog-detail-cont p {padding-bottom: 20px;}

section.bog-detail {
    padding: 80px 0;
}


/* my cart page start */
.section-cart {
  padding: 60px 0;
}

.section-cart .container {
  width: 1050px;
}

.section-cart .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.crt-main-head {
  font-family: var(--lato);
  font-size: 20px;
  font-weight: 900;
  color: var(--black);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--bg-carousel);
}

.my-cart {
  display: flex;
}

.my-cart-img img {
     width: 100%;
    height: 120px;
    object-fit: cover;
}

.my-cart-img {
  width: 50%;
}

.crt-qty-wrap {
  align-items: center;
  border: 1px solid #d3d3d3;
  /* display: flex;
    height: 40px; */
  padding: 8px;
  width: 100%;
  border-radius: 10px;
  display: flex;
}

.crt-qty-wrap input:focus-visible {
  outline: none;
}

.crt-qty-wrap button,
.crt-qty-wrap input {
  border: none;
  background: none;
  text-align: center;
  width: 100%;
}

.quantity-box {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.crt-price-bx {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}

.my-cart-content p a {
  font-size: 14px;
  font-weight: 400;
  font-family: var(--lato);
  color: var(--black);
}

.btn-blue {
  cursor: pointer;
  font-weight: 700;
  padding: 12px 0;
  width: 100%;
  background-color: #000000;
  color: #fff;
  border: 1px solid transparent;
  transition: box-shadow .1s ease-in-out, transform .3s ease-in-out;
  display: block;
  text-align: center;
}

.checkout-box ul li {
  font-family: var(--lato);
  font-size: 16px;
  font-weight: 700;
}

.btn-blue:hover {
  color: var(--white);
  box-shadow: 0 0 1px 1px #188bf6;
}

.my-cart-content {
    padding-left: 10px;
}

/* my cart page end */

/* Check Out Start  */


.checkout-container {
  max-width: 1200px;
  margin: auto;
  padding: 80px 15px;
}

.card {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.card-header {
  font-weight: 600;
  font-size: 18px;
  background: #fff;
  border-bottom: 1px solid #e9ecef;
}

.form-control,
.form-select {
  border-radius: 8px;
}

.order-summary {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
}

.order-summary h5 {
  font-weight: 600;
  margin-bottom: 15px;
}

.product-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.product-items img {
  width: 70px;
}

.product-items:last-child {
  margin-bottom: 0;
}

.total {
  font-size: 18px;
  font-weight: 700;
}

.btn-checkout {
  background: #000000;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px;
}

.btn-checkout:hover {
  box-shadow: 0 0 1px 1px gray;
  color: #fff;
}

/* Check Out End  */


/* product detail  */
.product-detail-sec {
  padding: 50px 0;
}
.product-img-col {
  position: sticky;
    top: 20px;
}
.product-detail-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.product-detail-img img {
  width: 80%;
}

.ec-product-label {
  font-family: var(--lato);
  background-color: #000;
  border-radius: 9999px;
  color: #fff;
  font-size: 12px;
  left: 12px;
  line-height: 18px;
  padding: 2px 8px;
  position: absolute;
  top: 12px;
}

.product-detail-content h2 {
  font-family: var(--montserrat);
  font-size: 20px;
  font-weight: 400;
}

.price p {
  font-family: var(--montserrat);
  font-size: 24px;
  font-weight: 400;
  margin-block: 15px;
}

.variants-wrapper .variant-dropdown {
  padding: 10px 15px;
  border: 1px solid #acacac;
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: var(--montserrat);
}

.qty-wrap {
  align-items: center;
  border: 1px solid #d3d3d3;
  /* display: flex;
    height: 40px; */
  padding: 8px;
  width: 37%;
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
}

.qty-wrap input {
  width: 100%;
}

.qty-wrap input:focus-visible {
  outline: none;
}

.qty-wrap button,
.qty-wrap input {
  border: none;
  background: none;
  text-align: center;
}

.primary-btn,
.secondary-btn {
  cursor: pointer;
  font-weight: 700;
  padding: 12px 0;
  width: 70%;
}

.primary-btn {
  background-color: #000000;
  color: #fff;
  border: 1px solid transparent;
  transition: box-shadow .1s ease-in-out, transform .3s ease-in-out;
  margin-top: 15px;
}

.secondary-btn {
  background-color: transparent;
  color: #000000;
  border: 1px solid #000000;
  transition: box-shadow .1s ease-in-out, transform .3s ease-in-out;
  margin-top: 10px;
}

.primary-btn:hover,
.secondary-btn:hover {
  box-shadow: 0 0 1px 1px #188bf6;
}

.product-description {
  padding: 30px 0;
}

.product-description h2 {
  font-size: 26px;
  font-weight: 600;
  font-family: var(--lato);
  margin-bottom: 10px;
}

.product-description h3 {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--lato);
}

.product-description p,
.product-description b {
  font-size: 16px;
  font-family: var(--lato);
  margin: 8px 0;
}

/* product detail end */



.banner-btn .btn-cl {
    background: #8c6a14;
    color: #fff;
    font-family: 'Instrument Sans';
}

.banner-btn button.btn.btn-learn-more {
    color: #fff;
    font-family: 'Instrument Sans';
    margin-right: 10px;
}

.footer-menu ul li a:hover {
    color: #9b7928;
    transition: ease 0.5s;
}


/* background-image */

.book-bg {
    background: url(../images/book-bg.png);
}

.blog-bg {
    background: url(../images/blog-bg.jpg);
    background-position: 90% 100% !important;
}

.cont-bg {
    background: url(../images/cont-bg.webp);
    background-position: 50% 80% !important;
}

.abt-bg {

  background: url(../images/inner-bg.png);
}


.prd-bg {

background: url(../images/inner-bg.png);
}

.cart-bg {

  background: url(../images/cont-bg.webp);
  background-position: 50% 80% !important;
}

.check-bg {

  background: url(../images/blog-bg.jpg);
  background-position: 90% 100% !important;
}

.inner-abt-sec {
    display: flex;
    align-items: center;
}

.inner-abt-cont-2 {
    background: black;
    padding: 60px 30px 60px 30px;
}

.inner-abt-cont-2 h2 {
    color: #fff;
}

.inner-abt-cont-2 p {
    color: #fff;
}

p.italic-cont {
    padding-top: 50px;
    font-size: 13px;
    font-style: italic;
}

.inner-abt-cont-2 {
    animation: floatUpDown 3s ease-in-out infinite;
    will-change: transform;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}


section.sec-2-abt {
    background:
        linear-gradient(
            rgba(250, 245, 235, 0.75),
            rgba(250, 245, 235, 0.75)
        ),
        url("../images/abt-icon-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
        background-position: 100% 70%;
        padding: 60px 0;
}

section.sec-2-abt .row {
    align-items: center;
}


section.sec-2-abt .row {
    align-items: center;
}

.abt-icon-cot h3 {
    font-size: 54px;
    color: black;
    font-weight: 800;
    padding-bottom: 20px;
}

.abt-icon-cot p {
    color: black;
    font-size: 18px;
    width: 90%;
    padding-bottom: 40px;
}

.abt2-icon-2 h4 {
    color: black;
    font-weight: 500;
}

.abt2-icon-2 p {
    color: black;
}

.abt2-icon-2 .abt-box {
    padding-bottom: 15px;
    border-bottom: 1px solid #d8aa17;
    padding-top: 15px;
}

.abt2-icon-2 .abt-box-cont {
    width: 70%;
}

.product-description {
    padding: 0 0 20px 0;
}



.book-img-1 img {
    width: 100%;
}

section.book-sec-1 {
    background: antiquewhite;
    padding: 60px 0;
}

section.book-sec-1 .row {
    align-items: center;
}

.book-cont-1 h2 {
    font-size: 54px;
    font-weight: 800;
    color: black;
    padding-bottom: 20px;
}

.book-cont-1 p {
    padding-bottom: 30px;
}


.book-img-1 {
    animation: zoomInOut 4s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
    100% {
        transform: scale(1);
    }
}






/* book */

.book-card {
    margin: 0px auto;
    display: table;
    padding: 0 20px;
    text-align: center;
}

.book p {font-size: 22px;background: black;padding: 6px 30px;color: #fff;}

.featured-section .book {
  position: relative;
  border-radius: 10px;
     width: 100%;
    height: 600px;
  background-color: whitesmoke;
  -webkit-box-shadow: 1px 1px 12px #000;
  box-shadow: 1px 1px 12px #000;
  -webkit-transform: preserve-3d;
  -ms-transform: preserve-3d;
  transform: preserve-3d;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000;
}

.featured-section .cover {
  top: 0;
  position: absolute;
  background-color: lightgray;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  -webkit-box-shadow: 1px 1px 12px #000;
  box-shadow: 1px 1px 12px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.featured-section .book:hover .cover {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotatey(-80deg);
  -ms-transform: rotatey(-80deg);
  transform: rotatey(-80deg);
}

.featured-section p{
    font-size:20px;
    font-weight:bolder;
    display:inline-block;
    transition:all .4s ease;
    transform-origin:center;
}


.featured-section p:hover{
    animation:zoomPulse 2s cubic-bezier(.4,0,.2,1) infinite;
}

@keyframes zoomPulse{
    0%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.06);
    }
    100%{
        transform:scale(1);
    }
}

a.hand {
    display:inline-block;
    animation:floatUpDown 3s ease-in-out infinite;
    will-change: transform;
}

@keyframes floatUpDown{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0);
    }

}

a.hand {
    background: black;
    color: #ffF;
    font-size: 30px;
    border-radius: 40px;
    width: 55px;
    height: 55px;
    padding: 4px 0px;
}

.bg-dt {
    background: url(../images/book-bg.png);
}



/* Plays-page */

.plays-book-1 {
    text-align: center;
}

section.play-main-sec {
    padding: 80px 0;
}

h3.plays-head {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    padding-bottom: 40px;
}
.plays-book-1 h4 {
    font-size: 30px;
    color: black;
}

.plays-book-1 p {
    padding-bottom: 30px;
}

.plays-p {
    padding-top: 30px;
    padding-bottom: 110px;
}

.plays-p p {
    padding-bottom: 0px;
}

.plays-1-book-img img {
    width: 35%;
}

.plays-1-book-img-2 img {
    width: 80%;
    margin: 0px auto;
    display: table;
    border-radius: 10px;
}


.plays-1-book h4 {
    font-size: 38px;
    font-weight: 700;
    padding-bottom: 20px;
}

ul.plays-list {
    padding-bottom: 30px;
}


ul.plays-list li a {
    color: black;
    font-size: 17px;
    text-decoration: underline;
    line-height: 36px;
}

p.plays-2-p {
    padding-bottom: 30px;
}


ul.plays-last-list li {
    color: black;
    font-size: 16px;
    line-height: 28px;
}

section.fiction-inner .row {
    align-items: center;
}

section.fiction-inner {
    padding: 80px 0;
}

section.fiction-inner h3 {
    font-size: 38px;
    font-weight: 800;
    text-transform: capitalize;
    padding-bottom: 20px;
    color: #fff;
}
section.fiction-inner p {
    font-size: 18px;
    padding-bottom: 20px;
    color: #fff;
}

a.fictions-btn {
    display: inline-block;
    background: #be8943;
    padding: 10px 30px;
    margin: 12px 0 8px;
    border-radius: 7px;
    color: #fff;
}

a.fictions-btn:hover {
    background: #be8943;
    transition: ease 0.5s;
}

.fiction-critics-heading {
    margin: 24px 0 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}


.fiction.book {
    background: #d9d9d9;
    padding: 80px 0;
    border-radius: 6px;
}

.fiction-book-1 img {
    margin: 0px auto;
    display: table;
    border-radius: 5px;
}

.fiction-book {
    background: #000000;
    padding: 60px 30px;
    border-bottom-right-radius: 140px;
}

section.fiction-inner .col-lg-6.col-md-6.col-sm-12.col-12 {
    padding: 0 0;
}

section.fiction-inner .row {
    padding-bottom: 100px;
}

.fiction.book img {
    margin: 0px auto;
    display: table;
}

.fiction-book-2 {
    background: #000000;
    padding: 90px 60px;
    border-bottom-left-radius: 110px;
}

.fiction.book-2 {
    background: #d9d9d9;
    padding: 80px 0;
    border-radius: 6px;
}

.fiction.book-2 img {
    margin: 0px auto;
    display: table;
    height: 640px;
    width: 393px;
    object-fit: cover;
}

h4.fiction-sec-head {
    font-size: 38px;
    font-weight: 800;
    text-transform: capitalize;
    padding-bottom: 20px;
    color: #fff;
    padding-top: 50px;
}

.text-scroll {
    overflow: auto;
    height: 350px;
    padding-right: 20px;
}


.text-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(107, 105, 105, 0.3);
}

.text-scroll::-webkit-scrollbar-thumb {
    background-color: #be8943;
    outline: 1px solid #be8943;
}

.text-scroll::-webkit-scrollbar {
    width: 1px;
}

/* Rich text content */
.blog-summary,
.blog-rich-content,
.fiction-rich-content {
    overflow-wrap: anywhere;
    /* overflow: scroll; */
    word-break: normal;
    line-height: 1.65;
    color: #fff;
}

.Events-cont .blog-summary {
    color: #fff;
    font-size: 14px;
    padding: 12px 70px 14px 0;
}

.blog-detail-cont .blog-rich-content {
    color: #000;
    font-size: 16px;
}

.blog-summary p,
.blog-rich-content p,
.fiction-rich-content p {
    margin: 0 0 18px;
    padding: 0;
}

.blog-summary p:last-child,
.blog-rich-content p:last-child,
.fiction-rich-content p:last-child {
    margin-bottom: 0;
}

.blog-summary h2,
.blog-summary h3,
.blog-rich-content h2,
.blog-rich-content h3,
.fiction-rich-content h2,
.fiction-rich-content h3 {
    line-height: 1.3;
    margin: 22px 0 12px;
}

.blog-summary ul,
.blog-summary ol,
.blog-rich-content ul,
.blog-rich-content ol,
.fiction-rich-content ul,
.fiction-rich-content ol {
    margin: 0 0 18px;
    padding-left: 24px;
}

.blog-summary li,
.blog-rich-content li,
.fiction-rich-content li {
    margin-bottom: 8px;
}

.fiction-rich-content.text-scroll {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.rich-editor {
    min-height: 180px;
    height: auto;
    overflow-y: auto;
    white-space: normal;
}

.mentor-inner {
    background: #ebebeb;
    padding: 50px 40px;
}

.mentor-inner p {
    color: black;
    font-size: 16px;
    padding-bottom: 20px;
}

section.mentor-main-sec {
    padding: 80px 0;
}

.mentor-inner p a {
    color: black;
}

.mentor-inner a {
    color: black;
    font-size: 22px;
    font-weight: 600;
}




/* galery */

section.gallery-main .card-image img {
    width: 100%;
    height: 430px;
    max-height: 100%;
    object-fit: cover;
}


section.gallery-main .container {
  max-width: 80rem;
  width: 100%;
  padding: 4rem 2rem;
  margin: 0 auto;
}

section.gallery-main .main {
  .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
  }


  section.gallery-main .card {
    color: black;
    border-radius: 2px;
    background: black;
    box-shadow:black;

    &-image {
      position: relative;
      display: block;
      width: 100%;
      padding-top: 70%;
      background: black;

      img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
}

@media only screen and (max-width: 600px) {
  .main {
    .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 1rem;
    }
  }
}

section.gallery-main .col-lg-3.col-md-4.col-sm-6.col-6 {
    padding: 5px 5px;
}


section.gallery-main .col-lg-5.col-md-5.col-sm-6.col-6 {
    padding: 5px 5px;
}

section.gallery-main .col-lg-7.col-md-7.col-sm-6.col-6 {
    padding: 5px 5px;
}

.artists-cont img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.artists-cont h5 {
    color: black;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    padding-top: 20px;
    text-decoration: underline;
}

.artists-cont h5:hover {
    transform: scale(01.1);
    transition: 0.5s;
}

section.main-artists h2 {
    font-size: 62px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 40px;
}

section.main-artists {
    padding: 50px 0;
}

section.main-artists .row {
    padding-bottom: 40px;
}

.fiction.book.img-3 img {height: 640px;width: 393px;}