/************ coming soon page css ***********/
.np-header {
  padding-top: 34px;
}

.np-header__inner {
  display: flex;
  justify-content: center;
}

.np-h__logo {
  max-width: 160px;
}

.np-header__inner a {
  width: 250px;
}

.np-main.comS {
  margin: 0px 0 54px 0;
}

.np-comS__inner {
  display: flex;
  align-items: center;
}
.video-thumbnail {
  transition: opacity 0.3s ease;
}

.video-thumbnail:hover {
  opacity: 0.8;
}

.main-video {
  display: none;
}

.video-play-icon {
  transition: opacity 0.3s ease;
}

.video-play-icon:hover {
  opacity: 1;
}

.np-comS__lft {
  margin-right: 30px;
}

.np-comS__lft h3 {
  font-size: 56px;
  line-height: 1.5;
  color: var(--txt-T-clr);
  margin-bottom: 25px;
  font-weight: var(--fw-regular);
}

.np-comS__lft p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  color: var(--txt-subT-clr);
}

.np-comS__lft-inputs {
  margin-top: 36px;
  max-width: 413px;
}

.np-comS__lft-input li {
  float: left;
  width: 100%;
}

.np-comS__lft-input li:not(:last-child) {
  margin-bottom: 25px;
}

.np-comS__lft-inp input {
  border-radius: 40px 44px 44px 44px;
  border: 1px solid var(--clr-primary);
  background: var(--clr-white);
  width: 100%;
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  padding: 17px 40px;
  color: var(--txt-T-clr);
}

.or-text {
  text-align: center;
  margin: 10px 0;
  font-size: 15px;
  color: #ac6d4a;
  font-weight: 700;
  letter-spacing: 2px;
}

.upload-text, .upload-text-image{
  text-align: center;
  margin: 0px;
  font-size: 16px;
  color: #ac6d4a;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.6%;
}

@media only screen and (max-width: 767px) {
  .TimeGridImg.floatLft {
    width: 100% !important;
    height: 100% !important;
  }
}
.trim-modal-popup {
  max-width: 800px;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 33px;
}

.video-container {
  width: 100%;
  max-height: 65vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  overflow: hidden;
}

.video-container video {
  width: 100%;
  height: auto; 
  max-height: 65vh;
  object-fit: contain;
}

@media (min-width: 769px) {
  .video-container video {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}

.video-container.video-portrait video {
  width: auto;
  height: 100%; 
}

.trim-modal-popup h2 {
  font-family: "Gambetta", serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  color: #555555;
}

.trim-modal-popup h4 {
  font-family: "Cabinet Grotesk";
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.6%;
  margin-top: 0px;
  color: #b2b2b2;
}

.thumb-close {
  position: absolute;
  background: none;
  border: none;
  font-size: 22px;
  font-weight: bold;
  color: #ac6d4a;
  cursor: pointer;
  right: 10px;
 
  padding: 0;
  line-height: 1;
}

.trim-modal-popup #video-trim-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ac6d4a;
  border-radius: 28px;
  color: white;
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  gap: 8px;
  height: 56px;
  width: 141px;
  margin-top: 20px;
}

.trim-modal-popup #video-trimmer-slider {
  margin-top: 10px;
}
@media (max-width: 640px) {
  #video-trimmer-slider {
    width: 85% !important;
    margin-top: 12px;
  }
  .video-container {
    height:300px;
  }
}

@media (max-width: 768px) {
  .trim-modal-popup  {
      border-radius: 30px !important; 
      box-sizing: border-box; 
  }
}


.thumbnail-modal-popup {
  text-align: center;
  padding: 20px;
  background: white;
  border-radius: 30px;
  max-width: 800px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.thumbnail-modal-popup img {
  max-width: 100%;
  width: 450px;
  height: 450px;
  display: block;
  margin: 10px auto;
}

.thumbnail-modal-popup .mfp-close {
  color: #ac6d4a !important;
  font-size: 50px;
 
}
.crop-thumbnail-modal-popup {
  text-align: center;
  background: white;
  max-width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.thumbnail-modal-popup #th-cnl-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .thumbnail-modal-popup {
    width: 360px;
    height: 480px;
    padding: 0px !important;
  }

  .thumbnail-modal-popup img {
    width: 300px;
    height: 300px !important;
    object-fit: cover;
  }
  .thumbnail-modal-popup .upload-btn-overlay {
    width: 150px;
  }

  .thumbnail-modal-popup #th-cnl-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px !important;
    cursor: pointer;
  }
}



.storage-txt {
  width: 500px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap:20px;
}

.storage-txt h1:first-child {
  font-family: 'Cabinet Grotesk', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #605E5D;
  margin: 0;
}

.storage-txt h1:nth-child(2) {
  font-family: 'Cabinet Grotesk', sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #AC6D4A;
  margin: 0;
}

.storage-txt p {
  font-family: 'Cabinet Grotesk', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #605E5D;
  margin: 0;
}

.mfp-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.mfp-content {
  max-height: 90vh;
  overflow: auto;
  
}

@media (max-width: 768px) {
.mfp-content {
    max-height: 90vh;
    overflow: auto;  
}
}

.np-comS__lft-inp input::placeholder {
  color: var(--txt-subT-clr);
}

.np-comS__lft-inputs p {
  color: var(--txt-subT-clr);
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  line-height: 22px;
  font-weight: var(--fw-regular);
  margin: 18px 0;
  float: left;
}

.np-comS__lft-btn a {
  float: left;
  width: 100%;
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--bg-clr);
  border-radius: 40px 44px 44px 44px;
  background: var(--clr-primary);
  padding: 13px 16px 13px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-in-out;
}

.np-comS__lft-btn a span {
  border-radius: 28px;
  outline: 6px solid var(--clr-primary-light);
  background: var(--bg-clr);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  transition: all 0.3s ease-in-out;
}

.np-comS__lft-btn a span .np-comS__imgM {
  display: none;
  transition: all 0.3s ease-in-out;
}

.np-comS__lft-btn a:hover span .np-comS__imgD {
  display: none;
}

.np-comS__lft-btn a:hover span .np-comS__imgM {
  display: block;
}

.np-comS__rgt img {
  width: 100%;
}

.np-comS__imgD {
  -webkit-animation: arrow 2s infinite;
  -moz-animation: arrow 2s infinite;
  -ms-animation: arrow 2s infinite;
  animation: arrow 2s infinite;
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }

  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-moz-keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }

  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-ms-keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }

  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }

  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

/******** hamburger css start *********/
.hamburger {
  position: relative;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  z-index: 999;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger.is-active:hover {
  opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: var(--clr-primary);
}

.hamburger-box {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: var(--clr-primary);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  width: 30px;
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  width: 30px;
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  width: 30px;
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/******** hamburger css end *********/
/********* home page css *********/
.np-h {
  padding: 15px 0;
  position: fixed;
  z-index: 999;
  /*transition:all .8s ease-in-out !important;*/
  transition: all 0.3s ease-in-out;
  background: #f7f7f5;
  border-bottom: 1px solid rgba(172, 109, 74, 0.2);
}

.np-h.nav-up {
  background: #f7f7f5;
  top: -100%;
  transition: all 0.3s ease-in-out;
}

.np-h.nav-down {
  background: #f7f7f5;
  top: 0;
  transition: all 0.3s ease-in-out;
}

/* .np-h.sticky{background:var(--clr-white);box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;}
*/
.np-h__in {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mnu-list {
  display: flex;
  align-items: center;
}

.mnu-list li {
  float: left;
  width: 100%;
}

.mnu-list li:not(:last-child) {
  margin-right: 24px;
}

.mnu-list li a {
  float: left;
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 20px;
  padding: 16px 0px;
  border-radius: 27px;
  text-align: center;
  background: #ac6d4a;
  color: #f2eeeb;
  width: 100%;
  min-width: 195px;
}

.mnu-list li:not(:last-child) a {
  color: var(--clr-primary);
  background: var(--clr-tertiary);
  padding: 16px 0px;
}

.np-sec {
  margin-bottom: 80px;
  position: relative;
}

.np-sec__ot {
  position: relative;
}

.np-sec__in {
  display: flex;
  align-items: center;
}

.np-sec__lft {
  margin-right: 57px;
}

.np-sec__rgt h3 {
  font-size: 55px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
}

.np-sec__rgt p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  line-height: 1.5;
  color: var(--txt-subT-clr);
  margin-top: 20px;
}

/* 17-5-24 */
.np-sec__rgt h3 span {
  position: relative;
}

.np-sec__rgt h3 span::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  height: 2px;
  background: var(--txt-T-clr);
  z-index: 1;
}

.np-sec__rgt h3 span::before {
  content: "all";
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--ff-secondary);
  font-size: 44px;
  line-height: 1.5;
  color: var(--clr-black);
}

.np-sec__btn p {
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-regular);
  font-size: 15px;
  line-height: 2.5;
  color: var(--clr-primary);
  text-align: center;
}

.np-sec__btn a {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-medium);
  font-size: 26px;
  color: rgba(255, 255, 255, 1);
  background: var(--clr-primary);
  border-radius: 50px 50px 50px 50px;
  padding: 12px 12px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.np-sec__btn a:hover {
  background: #945d3f;
  color: rgba(255, 255, 255, 1);
}

.np-sec__btn button {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-medium);
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  background: var(--clr-primary);
  border-radius: 50px 50px 50px 50px;
  padding: 12px 12px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.np-sec__btn button:hover {
  background: #945d3f;
  color: rgba(255, 255, 255, 1);
}

.np-sec__btn button span {
  border-radius: 28px;
  box-shadow: 0 0 0 6px var(--clr-primary-light);
  background: var(--bg-clr);
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  transition: all 0.3s ease-in-out;
  margin-left: 18px;
}

.np-sec__btn button span .np-comS__imgM {
  display: none;
  transition: all 0.3s ease-in-out;
}

.np-sec__btn button:hover span .np-comS__imgD {
  display: none;
}

.np-sec__btn button:hover span .np-comS__imgM {
  display: block;
}

.np-sec-btn-siz1 a {
  padding: 2px 12px 2px 32px;
  font-size: 20px;
  height: 66px;
}

/* .np-sec__btn a {font-family: 'CabinetGrotesk-Regular'; font-weight: var(--fw-medium);font-size: 20px;color: rgba(255, 255, 255, 1);background: var(--clr-primary); border-radius: 50px 50px 50px 50px; padding: 5px 12px 5px 32px;display: flex;align-items: center;justify-content: space-between;transition: all .3s ease-in-out;} */

.np-sec__btn a span {
  border-radius: 28px;
  box-shadow: 0 0 0 6px var(--clr-primary-light);
  background: var(--bg-clr);
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  transition: all 0.3s ease-in-out;
  margin-left: 18px;
}

.np-sec__btn.wht a {
  background: var(--clr-tertiary);
  color: var(--clr-primary);
  transition: all 0.3s ease-in-out;
}

.np-sec__btn.wht a:hover {
  background: #e8dcd3;
}

.np-sec__btn.wht a span {
  box-shadow: 0 0 0 6px var(--clr-tertiary-dark);
  background: var(--clr-primary);
  transition: all 0.3s ease-in-out;
}

.np-sec__btn.wht a span svg {
  transition: all 0.3s ease-in-out;
}

.np-sec__btn.wht a span svg path {
  fill: var(--clr-white);
}

.np-sec__btn a span .np-comS__imgM {
  display: none;
  transition: all 0.3s ease-in-out;
}

.np-sec__btn a:hover span .np-comS__imgD {
  display: none;
}

.np-sec__btn a:hover span .np-comS__imgM {
  display: block;
}

.np-sec__scrBT {
  position: absolute;
  right: 25%;
  bottom: 2%;
  z-index: 1;
}

.downAr {
  display: flex;
  align-items: center;
  margin-bottom: -5px;
}

.np-sec__scrBT a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.downAr span:first-child {
  margin-right: 10px;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.bounce1 {
  -webkit-animation: bounce 2s 0.2s infinite;
  -moz-animation: bounce 2s 0.2s infinite;
  -ms-animation: bounce 2s 0.2s infinite;
  animation: bounce 2s 0.2s infinite;
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.np-sec__help {
  position: fixed;
  right: 16px;
  bottom: 34px;
  z-index: 99;
}

.np-sec__helpIn {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-end;
}

.np-sec__helpIn a.np-sec__helpBN {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 24px;
  color: var(--clr-accent);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 16px 16px 28px;
  background: var(--clr-white);
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
}

.np-sec__helpIn a.np-sec__helpBN span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.np-sec__helpLs {
  position: absolute;
  right: 5px;
  bottom: 100%;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  width: 210px;
}

.np-sec__helpL {
  border-radius: 24px;
  background: var(--clr-white);
  box-shadow: 0px 4px 8px 0px rgba(90, 57, 39, 0.08);
}

.np-sec__helpIn a.np-sec__helpBN + .np-sec__helpLs {
  transition: all 0.3s ease-in-out;
}

.np-sec__helpBN:hover {
  background: var(--clr-tertiary-light);
  color: var(--clr-secondary-light);
}

.np-sec__helpBN:hover span svg path {
  fill: var(--clr-secondary-light);
}

.np-sec__helpBN:hover ~ .np-sec__helpLs,
.np-sec__helpLs:hover {
  opacity: 1;
  visibility: visible;
}

/* Active state for mobile click/touch */
.np-sec__helpLs.active {
  opacity: 1 !important;
  visibility: visible !important;
}

.np-sec__helpL li {
  width: 100%;
  float: left;
}

.np-sec__helpL li:not(:last-child) {
  border-bottom: 1px solid #dfdbdb;
}

.np-sec__helpL li > a {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px;
  color: var(--txt-T-clr);
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 20px;
}

.np-sec__hi {
  height: 18px;
}

.np-sec__helpIn a.whatsapp-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
  align-self: center;
}

.np-sec__helpIn a.whatsapp-icon-btn:hover {
  transform: scale(1.1);
}

.np-sec__helpIn a.whatsapp-icon-btn img {
  width: 48px;
  height: 48px;
}

/* reCAPTCHA badge positioning - move to bottom left and scale down to minimal size */
.grecaptcha-badge {
  left: 4px !important;
  right: auto !important;
  bottom: 4px !important;
  transform: scale(0.5) !important;
  transform-origin: bottom left !important;
  width: auto !important;
}

.np-sec.spc {
  position: relative;
}

.np-sec.spc .np-sec__lft {
  margin-right: 0px;
  margin-left: 57px;
  display: flex;
  justify-content: end;
}

.np-sec__cir1 {
  position: absolute;
  top: 0;
  left: 0;
}

.np-sec__hdw > h3 {
  font-size: 55px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  text-align: center;
}

.np-sec__hdw-lists {
  margin-top: 54px;
  display: flex;
}

.np-sec__hdw-lists li {
  width: calc(33.3% - 0px);
  border-radius: 56px;
  background: var(--bg-clr-dark);
  padding: 16px;
  position: relative;
}

.np-sec__hdw-lists li:not(:last-child) {
  margin-right: 40px;
}

.np-sec__hdw-lists li:not(:last-child)::before {
  content: "";
  position: absolute;
  right: -8%;
  top: 50%;
  background: url("../images/Subtract-icon.svg") no-repeat center center/cover;
  width: 45px;
  height: 45px;
}

.np-sec__hdw-listImg {
  border-radius: 42px 42px 0px 0px;
  background: var(--bg-clr-dark);
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.np-sec__hdw-listDsc {
  margin-top: 35px;
  padding: 0 24px;
}

.np-sec__hdw-listDsc h4 {
  color: var(--txt-T-clr);
  font-size: 20px;
  font-weight: var(--fw-regular);
  font-family: "CabinetGrotesk-Regular";
  line-height: 1.5;
}

.np-sec__hdw-listDsc h3 {
  font-family: "MillionDreams-Regular";
  color: var(--txt-T-clr);
  font-size: 32px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
}

.np-sec__hdw-listDsc p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  color: var(--txt-subT-clr);
  line-height: 1.5;
  margin-top: 11px;
}

.np-sec__hdw-btn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.np-sec__hdw-btn .np-sec__btn {
  margin-top: 0;
}

.np-sec.Exp {
  position: relative;
}

.np-sec__circle2 {
  position: absolute;
  right: 0;
  top: 4%;
}

.np-sec__exp > h3 {
  font-size: 55px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  text-align: center;
}

.np-sec__Exp-list {
  margin-top: 54px;
  display: flex;
  justify-content: space-between;
}

.np-sec__Exp-list li {
  float: left;
  width: calc(20% - 34px);
}

.np-sec__Exp-list li:nth-child(even) {
  margin-top: 76px;
}

.np-sec__Exp-card {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.np-sec__Exp-cardImg {
  overflow: hidden;
  border-radius: 28px;
  border: 5px solid var(--clr-white);
}

.np-sec__Exp-cardTxtBox {
  width: 100%;
  max-width: 218px;
  margin-bottom: -28%;
}

.np-sec__Exp-cardTxt {
  background: url("../images/chatBox.svg") no-repeat center;
  padding: 20px 14px;
  border-radius: 28px 28px 0 28px;
  position: relative;
  height: 190px;
}

.np-sec__Exp-cardTxt p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  font-weight: var(--fw-regular);
  color: var(--txt-subT-clr);
}

.np-sec.pSay {
  background: var(--bg-clr-dark);
  padding: 92px 0 62px 0;
  position: relative;
}

.circle3 {
  position: absolute;
  bottom: -164px;
  z-index: -1;
  left: 0;
}

.np-sec__pSayF {
  display: flex;
  justify-content: space-between;
}

.np-sec__pSayT {
  position: relative;
}

.np-sec__pSayT::before {
  content: "";
  position: absolute;
  left: -32px;
  top: 0;
  width: 142px;
  height: 116px;
  background: url("../images/Quote-mark.svg") no-repeat center center/cover;
}

.np-sec__pSayT h3 {
  font-size: 56px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  margin-top: 51px;
}

.np-sec__pSayImg {
  margin-bottom: 37px;
}

.np-sec__pSayImg.mob {
  display: none;
}

.np-sec__pSayImg img {
  border-radius: 48px;
  outline: 10px solid #f4eae2;
}

.np-sec__pSayLft {
  margin-right: 45px;
}

.np-sec__pSay-list {
  margin-top: 69px;
}

.np-sec__pSay-list li {
  float: left;
  margin-bottom: 44px;
}

.np-sec__pSayC {
  background: rgba(255, 255, 255, 0.75);
  padding: 32px;
  border-radius: 32px;
}

.np-sec__pSayC p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--clr-secondary-light);
}

.np-sec__pSayCF {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.np-sec__pSayCF h3 {
  font-family: "CabinetGrotesk-Bold";
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--txt-T-clr);
}

.np-sec__pSayCF span {
  margin-right: 9px;
}

.np-secT {
  margin-bottom: 18px;
}

.np-secT h3 {
  font-size: 56px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
}

.np-secT p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  color: var(--txt-subT-clr);
}

.np-sec__featBtn {
  display: flex;
  justify-content: center;
}

.np-sec__featBtn .np-sec__btn {
  margin-top: 0;
}

.np-sec__feat {
  margin-top: 86px;
}

.np-sec__table {
  border-collapse: collapse;
}

.np-sec__table tr.np-sec__tabBg {
  /*background: linear-gradient(270deg, rgb(247 247 245) 0%, rgba(242, 238, 235, 1) 100%);*/
  background: #f2eeeb;
  border-radius: 48px;
  overflow: hidden;
}

/* .np-sec__table tr th{font-size:32px;line-height:1.5;font-weight:var(--fw-regular);color:var(--txt-T-clr);padding-bottom:17px;border-right:2px solid #DACCC5;} */
.np-sec__table tr th {
  font-size: 20px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  padding-bottom: 17px;
  border-right: 2px solid #daccc5;
}

/* .np-sec__table tr td{font-size:26px;line-height:1.5;font-weight:var(--fw-bold);color:var(--clr-primary);font-family:'CabinetGrotesk-Bold';padding-top:22px;padding-bottom:22px;border-right:2px solid #DACCC5;} */
.np-sec__table tr td {
  font-size: 20px;
  line-height: 3.1;
  font-weight: var(--fw-bold);
  color: var(--clr-primary);
  font-family: "CabinetGrotesk-Bold";
  padding-top: 0;
  padding-bottom: 0;
  border-right: 2px solid #daccc5;
}

/* .np-sec__table tr td i{font-size:42px;line-height:1.5;font-weight:var(--fw-light);} */
.np-sec__table tr td i {
  font-size: 27px;
  line-height: 1.5;
  font-weight: var(--fw-light);
}

.np-sec__table tr th:first-child {
  width: 60%;
  padding-left: 44px;
}

.np-sec__table tr th:not(:first-child) {
  width: 20%;
}

.np-sec__table tr td:not(:first-child) {
  width: 20%;
}

.np-sec__table tr td:first-child {
  width: 60%;
  padding-left: 44px;
  border-top-left-radius: 48px;
  border-bottom-left-radius: 48px;
}

.np-sec__table tr td:last-child {
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
}

.np-sec__table tr.np-sec__tabBB {
  border-bottom: 2px solid #daccc5;
}

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

/* .np-sec__tabTot .np-sec__btn{margin-top:24px;margin-bottom:15px;} */
.np-sec__tabTot .np-sec__btn {
  margin-top: 0;
  margin-bottom: 9px;
}

/* .np-sec__tabTot h3{font-family:'CabinetGrotesk-Light';font-size:26px;font-weight:var(--fw-light);color:#A1A1A1;} */
.np-sec__tabTot h3 {
  font-family: "CabinetGrotesk-Light";
  font-size: 20px;
  font-weight: var(--fw-light);
  color: #a1a1a1;
}

.np-sec__tabTot h3 span {
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
}

.np-sec__tabTot p {
  font-family: "CabinetGrotesk-Medium";
  font-size: 15px;
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  line-height: 1.5;
}

.np-sec__tableT {
  display: flex;
  justify-content: space-between;
}

.np-sec__tableT li h3 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
}

.np-sec__tableST {
  display: flex;
  justify-content: space-between;
}

.np-sec__tableST li p {
  font-size: 26px;
  line-height: 1.5;
  font-weight: var(--fw-bold);
  color: var(--clr-accent-light);
  font-family: "CabinetGrotesk-Bold";
}

/************** istyle **************/
.ih-gsignup {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  background-color: #f2eeeb;
  padding: 8px 20px;
  border-radius: 50px;
  align-items: center;
  margin-top: 40px;
}

.ih-gsignup svg {
  max-width: 100%;
  float: left;
  margin-right: 15px;
}

.ih-gsignup h2 {
  font-size: 20px;
  line-height: 25px;
  color: #ac6d4a;
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-semi-bold);
}

.ih-orsec {
  width: 100%;
  float: left;
  position: relative;
  margin: 50px 0 10px 0;
}

.ih-orsec h2 {
  font-size: 24px;
  line-height: 25px;
  color: #ac6d4a;
  font-weight: var(--fw-medium);
  text-align: center;
}

.ih-orsec:after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #ac6d4a;
  width: 46%;
  margin-left: 15px;
  top: 12px;
  right: 0;
}

.ih-orsec:before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #ac6d4a;
  width: 46%;
  top: 12px;
  left: 0;
}

.ih-link-t {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.ih-link-t h2 {
  text-align: center;
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 17px;
  color: #7a7572;
}

.log-link {
  color: #7a7572;
  text-decoration: underline !important;
  font-size: 17px;
  padding-left: 5px;
}

.ih-view-icon {
  position: relative;
}

.free-cont {
  font-size: 24px;
  line-height: 25px;
  color: #251b16;
  font-weight: var(--fw-medium);
  text-align: center;
  margin-bottom: 10px;
}

.ih-marg-top {
  margin-top: 3%;
}

.ih-prem {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 20px 0;
}

.ih-prem h2 {
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 50px;
  color: var(--clr-primary);
  text-align: center;
  line-height: 37px;
}

.ih-prem p {
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--clr-primary);
  text-align: center;
}

.ih-copyR-w {
  width: 100%;
}

.ih-get-otp-text {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-medium);
  font-size: 20px;
  color: var(--txt-subT-clr);
  text-align: center;
  margin-top: 20px;
}

.ih-sup-head {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.ih-sup-head-in {
  width: 100%;
  max-width: 1600px;
  float: left;
  display: flex;
  justify-content: flex-start;
}

.ih-head-img {
  width: calc(48% - 20px);
  float: left;
}

.ih-head-cont {
  width: calc(58% - 20px);
  float: left;
}

.ih-head-cont h2 {
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--clr-primary);
  text-align: left;
  line-height: 37px;
}

.ih-mob-ntop {
  margin-top: 15%;
}

.np-copyR.ih-mob-nboot {
  margin-top: 18%;
  margin-left: 0;
  width: 100%;
}

.ih-head-img img {
  max-width: 100%;
}

.np-signUp-formL.ih-otp-box {
  display: flex;
  justify-content: center;
}

.np-signUp-formL.ih-otp-box li {
  width: 50%;
  text-align: center;
}

.ih-otp-box li .np-signUp-fInput {
  text-align: center;
  color: var(--txt-subT-clr);
}

.ih-otp-box li .np-signUp-fInput input[type="text"] {
  text-align: center;
}

.bg-color {
  background-color: #f7f7f5;
}

/***************** pstyle *****************/
.pm-forgtP {
  width: 100%;
  text-align: center;
  padding: 15px 45px;
  font-size: 22px;
  color: #79736f;
  line-height: 25px;
  font-family: "CabinetGrotesk-Regular";
}

.pm-signUp-f {
  margin-top: 100px;
}

.pm-copyR {
  width: 100%;
  margin-top: 14%;
  margin-left: 0;
}

.pm-login {
  width: 100%;
  background-color: #f2eeeb;
  border-radius: 35px;
  padding: 10px 15px;
  align-items: center;
  text-align: center;
  float: left;
  display: flex;
  justify-content: center;
}

.np-signUp-f.pm-login-f {
  margin-top: 129px;
}

.pm-login p {
  padding-left: 10px;
  font-size: 20px;
  font-family: "CabinetGrotesk-Bold";
  color: #ac6d4a;
  margin-top: 0;
}

.pm-or {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

.pm-or h2 {
  font-size: 20px;
  position: relative;
  color: #ac6d4a;
}

.pm-or h2:before {
  border-top: 1px solid #d1c0b7;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 47%;
  left: 0;
  right: 422px;
  bottom: 0;
  width: 280px;
  z-index: -1;
}

.pm-or h2:after {
  border-top: 1px solid #d1c0b7;
  content: "";
  margin: 0 auto;
  position: absolute;
  right: 2px;
  bottom: 12px;
  width: 280px;
  z-index: -1;
}

.pm-lcopy {
  width: 100%;
  margin-top: 4%;
  margin-left: 0;
}

.pm-forgtpass p {
  font-size: 16px;
  color: #7a7572;
  font-family: "CabinetGrotesk-Medium";
  text-decoration: underline;
}

.pm-view-icon {
  position: relative;
}

.st-showPassClick {
  right: 15px;
  position: absolute;
  top: 26px;
  color: #ac6d4a;
}

.pm-dontT {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

.pm-dontT p {
  font-size: 16px;
  color: #7a7572;
  font-family: "CabinetGrotesk-Medium";
}

.pm-dontT a {
  font-size: 16px;
  color: #7a7572;
  font-family: "CabinetGrotesk-Medium";
  text-decoration: underline;
}

.np-sec__btn.btn-size a span {
  width: 33px;
  height: 33px;
}

.pm-chartxt {
  width: 100%;
  text-align: center;
  font-family: "CabinetGrotesk-Regular";
  font-size: 22px;
  color: #79736f;
  padding: 10px 0;
}

.pm-chang-f {
  margin-top: 0px;
}

.pm-chang-copy {
  width: 100%;
  padding-top: 9%;
}

.pm-chang-h {
  padding: 20px 0;
}

/* ---- psDelete ---- */
.psDisc-NewMem {
  display: flex;
  align-items: center;
}

.psDelete {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.np-h__logo.pm-h_logo a svg {
  width: 160px;
}

.pm-signUp-formL {
  margin-top: 0px;
}

.pm-signUp-form {
  padding: 11px 0;
}

.np-LheaderImg.pm-LheaderImg a svg {
  width: 130px;
}

.pm-forgtpass a {
  font-size: 16px;
  color: #7a7572;
  font-family: "CabinetGrotesk-Medium";
  text-decoration: underline;
}

.np-signUp-f.forgotPass {
  padding-top: 271px;
}

.np-signUp-formL.forgot {
  margin: 5px 0 59px;
}

/*********** book page ***********/
.np-secName {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin: 0 0;
  height: 798px;
  page-break-before: always;
  page-break-after: always;
  background: #fff;
}

/* .np-secName:nth-child(odd){background:#efefef;}
.np-secName:nth-child(even){background:#ffd3d3;}
*/
.np-secName__in h3 {
  font-family: "MillionDreams-Regular";
  font-weight: var(--fw-regular);
  font-size: 100px;
  line-height: 1;
  color: #ae8b3a;
  position: relative;
}

.np-secName__in h3::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  background: url("../images/ymw-line.png") no-repeat center center;
  width: 200px;
  height: 150px;
}

.np-date {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-family: "Marion-Regular";
  font-size: 24px;
  font-weight: var(--fw-regular);
  line-height: 2.5;
  color: #ae8b3a;
}

.np-date a {
  font-size: 14px;
  font-weight: var(--fw-medium);
  line-height: 19px;
  color: #ac6d4a;
}

.np-secName .np-secName__in {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: left;
}

.np-secName .np-secName__in p {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1.5;
  color: #494949;
  margin-top: 10px;
}

.np-secName__in.family {
  background: #f2dbc7;
  min-height: 798px;
}

.np-secName .np-secName__in .np-para.img {
  margin-top: 42px;
}

.np-secName .np-secName__txt li h4 {
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-medium);
  font-size: 15px;
  line-height: 1.2;
  color: var(--clr-primary-dark);
}

.np-secName .np-secName__txt li p {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1.2;
  color: #494949;
}

.np-secName .np-secName__txt {
  display: flex;
  flex-flow: row wrap;
  gap: 40px 0;
  max-width: 430px;
  text-align: left;
}

.np-secName .np-secName__txt li {
  width: calc(50% - 0px);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.np-secName .np-secName__txt li .np-secName__txtL {
  width: 100%;
  padding-left: 25%;
}

.np-secName .np-secName__img {
  margin-bottom: 26px;
}

.np-secName.txt .np-secName__in {
  height: 816px;
  border: 11px solid #f2dbc7;
  padding: 0 47px;
  outline: 2px dashed #f2dbc7;
  outline-offset: 8px;
  margin: 20px 0;
}

.np-secName.txt .np-para {
  padding: 0 77px;
}

.np-secName.txt .np-secName__imgfloat {
  position: absolute;
  top: -1%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--bg-clr);
}

.np-bTxt {
  font-size: 110px;
  line-height: 1.7;
  font-weight: var(--fw-regular);
  font-family: var(--ff-reactin);
  color: var(--clr-white);
}

.np-bTxtB {
  font-size: 110px;
  line-height: 1.7;
  font-weight: var(--fw-regular);
  font-family: var(--ff-reactin);
  color: #494949;
}

.twoImgR {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fluidFlex {
  flex-flow: row wrap;
}

.twoImgR .twoImgList > li {
  float: left;
  width: 100%;
}

.twoImgR .twoImgList > li:not(:last-child) {
  margin-bottom: 20px;
}

/*.wrapperHalf{width:calc(50% - 15px);float:left;margin-bottom:20px;}
*/
/* .twoImgR .twoImgList>li:first-child .ImgRBox .txtBox{margin-top:20px;} */
.twoImgR .twoImgList > li:last-child .ImgRBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.twoImgR .ImgRBox {
  display: flex;
  justify-content: space-between;
}

/* .twoImgR .ImgRBox .txtBoxList{margin-right:20px;}
*/
.twoImgR .txtBox h3 {
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-medium);
  font-size: 15px;
  line-height: 1.5;
  color: var(--clr-primary-dark);
  margin-bottom: 15px;
}

.twoImgR .txtBox p {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1.5;
  color: #494949;
  margin-bottom: 10px;
}

.twoImgR .txtBox h4 {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 12px;
  line-height: 1.5;
  color: #aaaaaa;
}

.twoImgR.single .twoImgList li:last-child .ImgRBox {
  align-items: center;
}

.twoImgR.single .txtBoxList .txtBox:not(:last-child) {
  margin-bottom: 60px;
}

.twoImgL.single .twoImgList li:last-child .ImgRBox {
  align-items: center;
}

.twoImgL.single .txtBoxList .txtBox:not(:last-child) {
  margin-bottom: 60px;
}

.np-secName.fullTxt .np-secName__in h3::before {
  display: none;
}

.np-secName.fullTxt .txtBox h3 {
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-medium);
  font-size: 15px;
  line-height: 1.5;
  color: var(--clr-primary-dark);
  margin-bottom: 15px;
}

.np-secName.fullTxt .txtBox p {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1.5;
  color: #494949;
  margin-bottom: 10px;
}

.np-secName.fullTxt .txtBox h4 {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 12px;
  line-height: 1.5;
  color: #aaaaaa;
}

.np-secName.fullTxt .txtBoxList .txtBox:not(:last-child) {
  margin-bottom: 60px;
}

.twoImgL {
  height: 100lvh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.twoImgL .twoImgList li {
  float: left;
  width: 100%;
}

.twoImgL .twoImgList li:not(:last-child) {
  margin-bottom: 20px;
}

/* .twoImgL .twoImgList li:first-child .ImgRBox .txtBox{margin-top:20px;}
*/
.twoImgL .twoImgList li:last-child .ImgRBox {
  display: flex;
}

.twoImgL .ImgRBox {
  display: flex;
}

.twoImgL .ImgRBox .txtBoxList {
  margin-left: 20px;
}

.twoImgL .txtBox h3 {
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-medium);
  font-size: 15px;
  line-height: 1.5;
  color: var(--clr-primary-dark);
  margin-bottom: 15px;
}

.twoImgL .txtBox p {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1.5;
  color: #494949;
  margin-bottom: 10px;
}

.twoImgL .txtBox h4 {
  font-family: "Helvetica";
  font-weight: var(--fw-regular);
  font-size: 12px;
  line-height: 1.5;
  color: #aaaaaa;
}

/********** Landing page ***********/
/* .np-Lheader{padding:40px 0;} */
.np-Lheader {
  padding: 22px 0;
}

.np-LheaderImg {
  display: flex;
  justify-content: center;
}

.np-sec__remAll {
  display: flex;
  align-items: center;
}

.np-sec__remAll-lft {
  margin-right: 60px;
}

.np-sec__remAll-lft img {
  width: 100%;
}

.comT {
  font-size: 55px;
  font-weight: var(--fw-regular);
  line-height: 1.1;
  color: var(--txt-T-clr);
  margin-bottom: 20px;
}

.comSubT {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--txt-subT-clr);
}

.np-sec__remAll-Rgt .np-sec__btn {
  margin-top: 25px;
}

.np-sec__remAll-Rgt .comT span {
  position: relative;
}

.np-sec__remAll-Rgt .comT span::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  height: 2px;
  background: var(--txt-T-clr);
  z-index: 1;
}

.np-sec__remAll-Rgt .comT span::before {
  content: "all";
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--ff-secondary);
  font-size: 44px;
  line-height: 1.5;
  color: var(--clr-black);
}

.np-sec__btn p {
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-regular);
  font-size: 15px;
  line-height: 1.5;
  color: var(--clr-primary);
  text-align: center;
}

.circle4 {
  position: absolute;
  left: 0;
  top: -12%;
  width: 265px;
  height: 265px;
  z-index: -1;
}

.np-sec__hcysT {
  margin-bottom: 72px;
}

.np-sec__hcysTopTxt h4 {
  color: var(--txt-T-clr);
  font-size: 20px;
  font-weight: var(--fw-regular);
  font-family: "CabinetGrotesk-Regular";
  line-height: 1.4;
}

.np-sec__hcysIn {
  display: flex;
  align-items: center;
}

.np-sec__hcysLft {
  margin-right: 74px;
}

.np-sec__hcysTopTxt h3 {
  color: var(--txt-T-clr);
  font-size: 28px;
  font-weight: var(--fw-regular);
  line-height: 1.1;
}

.np-sec__hcysTopTxt p {
  color: var(--txt-subT-clr);
  font-size: 20px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  font-family: "CabinetGrotesk-Regular";
  margin-top: 6px;
}

.np-sec__hcysList li {
  float: left;
  width: 100%;
}

.np-sec__hcysList li:not(:last-child) {
  margin-bottom: 60px;
}

.np-sec.vid img {
  width: 100%;
}

.np-sec__Price {
  background: var(--bg-clr-dark);
  padding: 55px 0;
  border-radius: 64px;
}

.np-sec__Price p {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 20px;
  line-height: 1.5;
  color: #251b16;
  opacity: 0.6;
  margin-bottom: 5px;
}

.np-sec__Price h2 {
  font-size: 30px;
  font-weight: var(--fw-regular);
  line-height: 1;
  color: var(--txt-T-clr);
  position: relative;
  text-align: center;
}

.np-sec__Price h2::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, -50%);
  width: 5%;
  height: 1.5px;
  background: var(--clr-black);
}

.np-sec__Price h3 {
  font-size: 56px;
  line-height: 0.7;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  text-align: center;
  margin-bottom: 30px;
  margin-top: 14px;
}

.np-sec__PriceBtn {
  display: flex;
  justify-content: center;
}

.np-sec__FAQT {
  margin-bottom: 50px;
}

.np-sec__FAQlist li {
  float: left;
  width: 100%;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #c4c4c4;
}

.np-sec__FAQlistT a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  line-height: 1.5;
  color: rgba(37, 27, 22, 0.6);
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.np-sec__FAQlistT.active a {
  color: var(--clr-black);
}

.np-sec__FAQlistT a i {
  font-size: 24px;
}

.np-sec__FAQlistP {
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  line-height: 1.5;
  color: rgba(37, 27, 22, 0.6);
  display: none;
}

.np-sec__FAQlistP a {
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  line-height: 1.5;
  color: rgba(37, 27, 22, 0.6);
  text-decoration: underline;
}

.np-sec__FAQlistT a i {
  transition: all 0.3s ease-in-out;
}

.np-sec__FAQlistT.active a i {
  transform: rotate(-180deg);
}

.np-sec__FAQlist {
  margin-bottom: 58px;
}

.np-sec__FAQFlex {
  display: flex;
}

.faqv {
  margin-left: 27px;
}

.np-sec__FAQFlexP p {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 20px;
  color: rgba(37, 27, 22, 0.6);
  line-height: 1.5;
}

.np-sec__FAQFlexP p:not(:last-child) {
  margin-bottom: 20px;
}

.np-sec__FAQlistMore p {
  text-align: center;
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 20px;
  line-height: 1.5;
  color: rgba(37, 27, 22, 0.6);
}

.np-sec__FAQlistMore p span a {
  color: var(--clr-primary);
  text-decoration: underline;
}

.np-signUp-in {
  display: flex;
  align-items: flex-start;
  position: relative;
  height: auto;
}

.np-signUp-f {
  padding-top: 20px;
}

.np-signUp-price {
  background: var(--bg-clr-dark);
  flex: 0 0 600px;
  max-width: 600px;
  padding: 0 90px;
  height: 100vh;
  padding-top: 30px;
  border-left: 1px solid rgba(172, 109, 74, 0.2);
}

.np-signUp-priceT {
  margin-top: 35px;
}

.np-signUp-priceT h3 {
  font-family: "MillionDreams-Regular";
  font-weight: var(--fw-medium);
  color: var(--clr-primary);
  font-size: 55px;
  text-align: center;
}

.np-signUp-priceST p {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 19px;
  color: var(--txt-T-clr);
  text-align: center;
}

.np-signUp-priceR {
  padding-top: 35px;
  padding-bottom: 22px;
}

.np-signUp-priceR .old-PriceSignIn {
  font-family: "CabinetGrotesk-Regular";
  position: relative;
  font-size: 50px;
  font-weight: var(--fw-regular);
  color: var(--clr-primary);
  text-align: center;
  float: left;
  padding-right: 10px;
}

.np-signUp-priceR .old-PriceSignIn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 83%;
  height: 2px;
  background: var(--clr-primary);
}

.np-signUp-priceR h3 {
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 50px;
  color: var(--clr-primary);
  text-align: center;
  width: 100%;
  float: left;
}

.np-signUp-priceR h3.include-SignUp {
  text-align: left;
}

.np-signUp-priceInc .include-SignUp {
  font-family: "CabinetGrotesk-Bold";
  font-size: 18px;
  line-height: 1.5;
  color: var(--txt-subT-clr);
}

.np-signUp-priceInc {
  margin-top: 30px;
  border-top: 1px solid var(--clr-primary);
  padding-top: 20px;
}

.np-signUp-priceIncL {
  margin-top: 10px;
}

.np-signUp-priceIncLF {
  display: flex;
  align-items: center;
}

.np-signUp-priceIncLF span {
  margin-right: 18px;
}

.np-signUp-priceIncLF span i {
  font-size: 37px;
  color: var(--clr-accent-light);
}

.np-signUp-priceIncLF p {
  font-family: "CabinetGrotesk-Medium";
  font-size: 18px;
  line-height: 1.5;
  color: var(--txt-subT-clr);
}

.np-signUp-priceIncL li {
  float: left;
  width: 100%;
}

.np-signUp-priceIncL li:not(:last-child) {
  margin-bottom: 10px;
}

.np-signUp-form > h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  font-size: 20px;
  font-weight: var(--fw-medium);
  font-family: "CabinetGrotesk-Medium";
  color: var(--clr-primary);
}

.np-signUp-form > h3 {
  font-size: 48px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  text-align: center;
}

.np-signUp-formL {
  margin-top: 17px;
  margin-bottom: 10px;
}

.np-signUp-formL li {
  float: left;
  width: 100%;
}

.np-signUp-formL li:not(:last-child) {
  margin-bottom: 32px;
}

.np-signUp-formL li.passwordField {
  margin-bottom: 17px;
}

.np-signUp-fInput.flex {
  display: flex;
}

.np-signUp-fInput.flex .np-signUp-fIn:first-child {
  margin-right: 32px;
}

.np-signUp-fInput .np-signUp-fIn {
  position: relative;
}

.np-signUp-fInput.flex input {
  width: 100%;
  background: var(--clr-white);
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--txt-T-clr);
}

.np-signUp-fInput.flex input::placeholder {
  color: #b8b4b2;
}

.np-signUp-fInTxt {
  margin-top: 20px;
}

.np-signUp-fInput input {
  width: 100%;
  background: var(--clr-white);
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--txt-T-clr);
  margin: 5px 0;
}

.np-signUp-fInput input::placeholder {
  color: #b8b4b2;
}

.np-signUp-fInput p {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 18px;
  line-height: 1.5;
  color: var(--txt-subT-clr);
  margin-top: 16px;
}

.np-signUp-fInputD label {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 16px;
  color: #b8b4b2;
  margin-bottom: 8px;
  float: left;
  width: 100%;
}

.np-signUp-fInputD .calendar {
  width: 100%;
  background: var(--clr-white);
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--txt-T-clr);
}

.np-signUp-fInputD .calendar::placeholder {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 20px;
  color: #b8b4b2;
}

.np-signUp-fInputD .calendar-onboard {
  width: 100%;
  background: var(--clr-white);
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--txt-T-clr);
  margin-bottom: 5px;
}

.np-signUp-fInputD .calendar-onboard::placeholder {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 20px;
  color: #b8b4b2;
}

.np-signUp-fInputD span {
  position: absolute;
  right: 18px;
  top: 49%;
  transform: translateX(-50%);
  pointer-events: none;
}

.np-signUp-formBtn {
  display: flex;
  justify-content: center;
  margin-top: 27px;
}

.np-signUp-formBtn .np-sec__btn {
  margin-top: 0;
}

.np-signUp-formBtn .np-sec__btn a {
  font-size: 20px;
}

.np-copyR {
  position: absolute;
  bottom: 29px;
  left: 0px;
}

.pm-forgtpass a:hover {
  color: var(--clr-primary);
}

.pm-dontT a:hover {
  color: var(--clr-primary);
}

/* .np-copyR{position:absolute;left:0;bottom:10px;}
*/

.ps-chartxt {
  font-size: 14px !important;
  text-align: left !important;
  padding: 0;
  margin: 0 !important;
  margin-bottom: 5px;
}

.ps-signUp {
  position: relative;
}

.ps-signUp input {
  position: relative;
  padding-left: 15%;
}

.ps-signUp .ps-countryCode {
  background: var(--clr-white);
  border-radius: 18px 0 0 18px;
  border: solid 2.5px #eae3df !important;
  border: none;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 21px;
  font-weight: var(--fw-medium);
  color: #605e5d;
  width: 13%;
  position: absolute;
  top: 5px;
  z-index: 99;
}

.ps-countryCode p {
  margin: 0;
}

.np-copyR h3 {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 14px;
  color: var(--txt-subT-clr);
}

.np-copyR h3 br {
  display: none;
}

.np-copyR h3 a {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 14px;
  color: var(--txt-subT-clr);
}

.np-signUp-cong {
  margin: 0 0 35px 0;
  display: none;
}

.np-signUp-cong p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--txt-subT-clr);
}

.np-signUp-congL {
  margin-top: 30px;
}

.np-signUp-congInF {
  display: flex;
}

.np-signUp-congInF .np-signUp-congInFinp:first-child {
  margin-right: 32px;
}

/* .np-signUp-fInput input[type=password]{width:100%;background:var(--clr-white);border-radius:18px;border: 2.5px solid #EAE3DF;padding:18px;font-family:'CabinetGrotesk-Medium';font-size:20px;font-weight:var(--fw-medium);color:var(--txt-T-clr);}
*/
.np-signUp-congInF input[type="text"] {
  width: 100%;
  background: var(--clr-white);
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--txt-T-clr);
}

.np-signUp-congInF input[type="text"]::placeholder {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 20px;
  color: #b8b4b2;
}

.np-signUp-congL li {
  float: left;
  width: 100%;
}

.np-signUp-congL li:not(:last-child) {
  margin-bottom: 32px;
}

.np-signUp-congIn {
  max-width: 290px;
}

.np-signUp-congIn select {
  width: 100%;
  background: var(--clr-white);
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: #251b16;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-top: 5px;
}

.np-signUp-congIn span {
  position: absolute;
  right: 18px;
  top: 35%;
  transform: translateX(-50%);
}

.np-signUp-congIn span i {
  color: var(--clr-primary);
  font-size: 20px;
}

.np-TY {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.np-TY__title {
  font-size: 48px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  text-align: center;
  margin-bottom: 20px;
}

.np-TY__Stitle {
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  line-height: 1.5;
  color: var(--txt-subT-clr);
  text-align: center;
  margin-bottom: 20px;
}

.np-TY__Stitle a {
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  line-height: 1.5;
  color: var(--txt-subT-clr);
  text-align: center;
  margin-bottom: 20px;
}

.np-TY__img {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.np-TY__img img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
}

.np-TY__imgN {
  font-family: "CabinetGrotesk-Extrabold";
  font-weight: var(--fw-extra-bold);
  font-size: 20px;
  line-height: 1.5;
  color: rgba(37, 27, 22, 0.6);
  text-align: center;
}

.np-TY__imgN span {
  color: rgba(37, 27, 22);
}

.error_info {
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1;
  color: red;
}

.error_infosignUp {
  color: red;
  font-size: 14px;
  font-family: "CabinetGrotesk-Regular";
  position: absolute;
  bottom: 25px;
  left: 0;
  right: auto;
}

.pdfbgcolor {
  width: 100%;
  float: left;
}

.newDivSec {
  width: 816px;
  /* height:calc(100% - 20px);*/
  height: calc(900px - 60px);
  background-color: #dadad7;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

/******* footer css *******/
.np-f {
  position: relative;
  z-index: 11;
}

.np-fP {
  background: var(--clr-secondary);
  padding: 48px 0 30px 0;
  position: relative;
}

.np-fP::before {
  content: "";
  position: absolute;
  left: 0;
  top: -24px;
  width: 100%;
  height: 100%;
  background: #d5c8c1;
  z-index: -1;
}

.np-fP::after {
  content: "";
  position: absolute;
  left: 0;
  top: -48px;
  width: 100%;
  height: 100%;
  background: #ece5e2;
  z-index: -2;
}

.np-f__in {
  display: flex;
  margin-bottom: 67px;
}

.np-f__img a {
  float: left;
}

.np-f__menuL {
  display: flex;
  justify-content: space-between;
}

.np-f__menuL li {
  width: calc(33.3% - 0px);
}

.np-f__menu h3 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: var(--fw-regular);
  color: var(--txt-fT-clr);
}

.np-f__menu-list {
  margin-top: 16px;
}

.np-f__menu-list li {
  float: left;
  width: 100%;
}

.np-f__menu-list li:not(:last-child) {
  margin-bottom: 16px;
}

.np-f__menu-list li a {
  font-family: "CabinetGrotesk-Medium";
  font-size: 16px;
  font-weight: var(--fw-medium);
  color: var(--txt-fm-clr);
  display: flex;
  align-items: center;
}

.np-f__menu-list li a span {
  margin-right: 8px;
  background: #3c2c24;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.np-f__menu-list li a span i {
  font-size: 12px;
}

.np-f__ot p {
  font-family: "CabinetGrotesk-Light";
  font-size: 14px;
  font-weight: var(--fw-light);
  color: var(--clr-white);
}

.np-f.lpage .np-f__menuL > li {
  width: calc(33.3% - 0px);
}

.np-f.lpage .np-f__in {
  justify-content: space-between;
}

.np-f.lpage .np-f__menuL {
  display: flex;
  justify-content: flex-end;
}

.np-signUp-start {
  margin: 0px 0 35px 0;
  display: none;
}

.np-signUp-start p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--txt-subT-clr);
}

.np-signUp-startS {
  margin-top: 30px;
  text-align: start;
}

.np-signUp-startS h3 {
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  font-size: 20px;
  color: #b8b4b2;
}

.np-signUp-startR {
  margin-top: 14px;
}

.np-signUp-startR li {
  float: left;
  width: 100%;
}

.np-signUp-startR li:not(:last-child) {
  margin-bottom: 18px;
}

.np-signUp-startR.childs li {
  margin-bottom: 18px;
}

.np-signUp-startRIn label {
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  line-height: 1.5;
}

.np-signUp-startRIn label a {
  text-decoration: underline;
  color: #79736f;
}

.np-signUp-startRIn input[type="radio"]:checked,
.np-signUp-startRIn input[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.np-signUp-startRIn input[type="radio"]:checked + label,
.np-signUp-startRIn input[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 1.2;
  display: inline-block;
  color: #79736f;
}

.np-signUp-startRIn input[type="radio"]:checked + label:before,
.np-signUp-startRIn input[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #49454f;
  border-radius: 100%;
  background: #fff;
}

.np-signUp-startRIn input[type="radio"]:checked + label:after,
.np-signUp-startRIn input[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 14px;
  height: 14px;
  background: var(--clr-primary);
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.np-signUp-startRIn input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.np-signUp-startRIn input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.np-signUp-startRIn input[type="radio"]:checked + label::before {
  border: 1px solid var(--clr-primary);
}

.errmsg {
  position: absolute !important;
  bottom: -16px !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(0%) !important;
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1;
  color: red;
}

.np-signUp-fInputD span.errmsg {
  position: absolute;
  top: -16px;
  left: 0;
  right: auto;
  bottom: auto;
  transform: translateX(0%);
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1;
  color: red;
}

.np-signUp-formBtn.TY {
  margin-top: 30px;
}

.np-PP {
  margin: 30px 0 80px 0;
}

.np-PP__in > h3 {
  font-size: 30px;
  font-weight: var(--fw-medium);
  text-align: center;
}

.np-PP__txt {
  margin-top: 30px;
}

.np-PP__txt h4 {
  font-family: "CabinetGrotesk-Bold";
  font-size: 22px;
  font-weight: var(--fw-bold);
  color: var(--txt-T-clr);
  margin-bottom: 10px;
}

.np-PP__txt p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  margin-bottom: 10px;
}

.np-PP__txt p a {
  color: var(--txt-T-clr);
  text-decoration: underline;
}

.np-PP__txt p strong {
  font-weight: var(--fw-bold);
}

#load {
  background-size: 40% !important;
}

/********* trial page *********/
.np-FtrialP {
  justify-content: center;
  margin-top: 22px;
  display: none;
}

.np-FtrialP li {
  float: left;
}

.np-FtrialP li:not(:last-child) {
  margin-right: 16px;
}

/* .np-sec.feat.Ftrial{margin-bottom:54px;} */
.np-sec.feat.Ftrial {
  margin-bottom: 40px;
}

.np-sec.feat.Ftrial .np-sec__feat {
  margin-top: 0;
}

/********* faq page *********/
.np-m.np-faq {
  background-color: var(--bg-clr);
}

.np-sec.np-faq {
  margin-top: 130px;
}

.np-faq__tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 54px;
}

.np-faq__tab {
  display: flex;
  background-color: var(--clr-white);
  border-radius: 35px;
  width: 100%;
  max-width: 550px;
  overflow: hidden;
}

.np-faq__tab li {
  float: left;
  width: 100%;
  display: flex;
}

.np-faq__tab li a.np-faq__tabL.active {
  background: var(--bg-clr-dark);
  border-radius: 34px;
  color: var(--clr-primary);
}

.np-faq__tab li a.np-faq__tabL {
  width: 100%;
  float: left;
  text-align: center;
  padding: 16px 0;
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  color: var(--txt-subT-clr);
  font-size: 20px;
  margin: 6px;
}

.np-faq__cats .np-sec__FAQlistT a {
  font-size: 18px;
}

.np-faq__cats .np-sec__FAQFlex p {
  font-size: 18px;
}

.np-faq__catTitle {
  margin-bottom: 20px;
}

.np-faq__catTitle h3 {
  font-size: 32px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
}

.np-faq__contF {
  display: flex;
}

.np-faq__contF .np-faq__cats:not(:last-child) {
  margin-right: 124px;
}

.np-faq__cats .np-sec__FAQlist li {
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.np-faq__cats .np-sec__FAQlist {
  margin-bottom: 0px;
}

.np-faq__cats > li {
  float: left;
}

.np-faq__cats > li:not(:last-child) {
  margin-bottom: 54px;
}

.np-faq__cats > li:nth-child(3) {
  margin-bottom: 0px;
}

.np-sec.pSay.np-faqPsay {
  margin-bottom: 0;
  position: relative;
  padding-bottom: 130px;
}

.np-contUs h3 {
  font-size: 26px;
  font-weight: var(--fw-regular);
  color: var(--txt-subT-clr);
  text-align: center;
}

.np-contUs h3 a {
  color: var(--clr-primary);
}

.np-contUsF {
  margin-top: 37px;
}

.np-contUsF li {
  float: left;
  width: 100%;
}

.np-contUsF li:not(:last-child) {
  margin-bottom: 32px;
}

.np-contUsFIn {
  display: flex;
}

.np-contUsFInP:first-child {
  margin-right: 32px;
}

.np-contUsFInP.single {
  margin-right: 0;
}

.np-contUsFInP input[type="text"] {
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  width: 100%;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
}

.np-contUsFInP input[type="text"]::placeholder {
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--clr-secondary-lighter);
}

.np-contUsFInP input[type="text"]:focus {
  border: 2.5px solid var(--clr-primary);
}

.np-contUsFInP textarea {
  border-radius: 18px;
  border: 2.5px solid #eae3df;
  padding: 18px;
  width: 100%;
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  resize: none;
}

.np-contUsFInP textarea::placeholder {
  font-family: "CabinetGrotesk-Medium";
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--clr-secondary-lighter);
}

.np-contUsFInP textarea:focus {
  border: 2.5px solid var(--clr-primary);
}

.np-contUsForm .np-sec__hdw-btn {
  margin-top: 42px;
}

.np-signUp-priceImg img {
  width: 60%;
  margin: 0 auto;
}

.np-onbording > p {
  font-size: 14px;
  font-weight: var(--fw-regular);
  line-height: 1.3;
  font-family: "CabinetGrotesk-Regular";
  color: var(--clr-secondary-light);
}

.np-onbording .onboardsmall {
  font-size: 16px;
}

.np-onbording-mul {
  margin-top: 56px;
}

.np-onbording-mulIn label {
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: var(--clr-secondary-light);
  font-family: "CabinetGrotesk-Medium";
  margin-bottom: 0px;
}

.np-onbording-mulIn input[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.np-onbording-mulIn input[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  display: inline-block;
  color: var(--clr-secondary-light);
}

.np-onbording-mulIn input[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border: 2px solid var(--clr-primary);
  border-radius: 8px;
  background: transparent;
}

.np-onbording-mulIn input[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: solid var(--clr-white);
  border-width: 0 2px 2px 0;
}

.np-onbording-mulIn input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: rotate(0deg);
}

.np-onbording-mulIn input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: rotate(45deg);
}

.np-onbording-mulIn input[type="checkbox"]:not(:checked) + label::before {
  background: transparent;
}

.np-onbording-mulIn input[type="checkbox"]:checked + label::before {
  background: var(--clr-primary);
}

.np-onbording-mulL {
  margin-top: 25px;
  margin-bottom: 25px;
}

.np-onbording-mulL li {
  width: 100%;
  float: left;
}

.np-onbording-mulL li:not(:last-child) {
  margin-bottom: 32px;
}

.np-onbording-photoPre {
  width: 140px;
  height: 140px;
  background: no-repeat center center/cover;
  border-radius: 9px;
  margin-bottom: 23px;
  display: none;
}

.np-onbording-photo {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 26px;
}

.np-onbording-photoIn input[type="file"] {
  display: none;
}

.np-onbording-photoIn input[type="file"] + label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--clr-primary);
  padding: 12px 10px;
  border: 1px solid var(--clr-primary);
  border-radius: 24px;
  cursor: pointer;
}

.np-onbording-photoIn input[type="file"] + label span {
  flex: 0 0 17px;
}

.np-signUp-startP {
  display: none;
}

.np-signUp-startR.childs {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

/* .np-signUp-startR.childs li{margin:0;}
*/
.np-onbording-journal {
  margin-bottom: 30px;
}

.np-onbording-journal p {
  font-size: 20px;
  font-weight: var(--fw-medium);
  color: #b8b4b2;
  font-family: "CabinetGrotesk-Medium";
}

.np-sec__btn.btn-size.save a {
  padding: 22px 48px;
}

.np-sec__btn.btn-size.save a span {
  background: transparent;
  outline: none;
  margin-left: 0;
  margin-right: 12px;
}

.np-todayProm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 38px;
  margin-bottom: 40px;
}

.np-todayProm p {
  font-size: 20px;
  font-weight: var(--fw-bold);
  line-height: 1.3;
  font-family: "CabinetGrotesk-Bold";
  color: var(--clr-primary);
}

.np-todayProm-imgs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.np-todayProm-imgs span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.3;
  color: #5c5551;
  font-family: "CabinetGrotesk-Regular";
}

.np-todayProm-imgs input[type="file"] {
  display: none;
}

.np-todayProm-imgs input[type="file"] + label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--clr-primary);
  padding: 12px 14px;
  border: 1px solid var(--clr-primary);
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.np-todayProm-imgs input[type="file"] + label:hover {
  background: #945d3f;
  color: #fff;
}
.new-MemAdd-Image {
  margin-top: 32px;
  margin-bottom: 10px;
}

.np-todayProm-imgs input[type="file"] + label:hover span svg path {
  transition: all 0.3s ease-in-out;
}

.np-todayProm-imgs input[type="file"] + label:hover span svg path {
  fill: #fff;
}

.np-todayProm-textarea {
  margin-top: 10px;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .np-todayProm-textarea.memory-text {
    margin-top: 50px;
  }
}



.np-todayProm-textarea textarea {
  border-radius: 18px;
  width: 100%;
  resize: none;
  padding: 20px;
  background: #f5f3f2;
  border: 1px solid #ded9d4;
  color: rgba(151, 144, 140, 1);
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  font-family: "CabinetGrotesk-Regular";
  height: 370px;
}

.np-todayProm-textarea textarea::placeholder {
  color: rgba(151, 144, 140, 1);
}

.np-skipBtn {
  margin-top: 20px;
}

.np-skipBtn a {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: #5c5551;
  text-underline-offset: 4px;
  text-decoration: underline;
}

.np-todayProm-GSec {
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 8px;
  display: grid;
  grid-gap: 13.56px;
  grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
  grid-auto-rows: 160px;
  grid-auto-flow: dense;
}

.heading_txt {
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}

.heading_txt span {
  display: inline-block;
  color: #555555 !important;
}

.heading_txt span:first-child {
  font-size: 16px;
  color: #000;
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  line-height: 28px;
}

.heading_txt span:last-child {
  width: 28px;
  height: 28px;
  background-color: #fff2f2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.first_btn {
  width: 100%;
  display: block !important;
}

/* Specific fix for delete button to prevent excessive clickable area */
.stNewMemInn-warpOut > .first_btn.DelMems {
  width: auto;
  display: block !important;
  text-align: center;
  margin: 20px 0;
  clear: both;
}

.first_del_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Specific styling for the delete button to limit clickable area */
.stNewMemInn-warpOut > .first_btn.DelMems .first_del_btn {
  width: auto;
  display: inline-flex;
  padding: 8px 12px;
}

.first_del_btn span {
  display: inline-block;
  font-size: 16px;
  color: #f47373;
}

.prompt__item {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}

.prompt__item > img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  /* padding:5px; */
}

.gallery__item--lg {
  grid-column: span 2;
  grid-row: span 2;
}

.gallery__item--hor {
  grid-column: span 2;
}

/*.gallery__item--vert{grid-row:span 2;}
*/
.np-deleteBtn {
  position: absolute;
  right: 12px;
  top: 12px;
  height: 28px;
  width: 28px;
}

.np-search input[type="search"] {
  border-radius: 27px;
  border: 2.63px solid #ddd6d2;
  padding: 13px 14px 13px 50px;
  background: transparent;
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  width: 100%;
  max-width: 178px;
}

.np-search input[type="search"]::placeholder {
  color: #a19792;
}

.np-search .seacrhIcon {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(0%, -50%);
  width: 19.2px;
  height: 19.2px;
}

.np-searchBtn {
  display: none;
}

.np-searchBtn a {
  padding: 6px;
  border: 1.5px solid #ddd6d2;
  border-radius: 8px;
  float: left;
}

.f-menu {
  position: fixed;
  bottom: 37px;
  left: 0;
  z-index: 600;
}

.fmenu__wrap {
  max-width: 655px;
  width: 100%;
  padding: 0px;
  margin: 0 auto;
}

.f-menu__in {
  background: rgba(242, 242, 240, 0.93);
  border-radius: 52px;
  border: 1.5px solid #e0e0e0;
  padding: 14px 64px;
}

.f-menu__List {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.f-menu__lk .f-menu__link {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.f-menu__lk .f-menu__link p {
  color: #baaca4;
  font-size: 16px;
  font-family: "CabinetGrotesk-Medium";
  font-weight: var(--fw-medium);
  margin-top: 9px;
}

.f-menu__lk.active .f-menu__link svg path {
  fill: var(--clr-primary);
}

.f-menu__lk.active .f-menu__link p {
  color: var(--clr-primary);
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
}

.newEntry {
  margin-top: -40px;
  position: relative;
  background: rgba(242, 242, 240, 0.93);
  border-radius: 25px;
}

.newEntry::before {
  content: "";
  position: absolute;
  top: -3.5%;
  left: -3.5%;
  background: rgba(242, 242, 240, 0.93);
  border: 1.5px solid #e0e0e0;
  width: 105%;
  height: 105%;
  z-index: -1;
  border-radius: 25px;
}

.newEntry .f-menu__link p {
  color: var(--clr-primary);
}

.imgBox .np-todayProm-GSec {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  grid-auto-rows: 220px;
  grid-gap: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.imgBox .prompt__item {
  border-radius: 0;
}

.st-girdImage.bookGrid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  grid-auto-rows: 192px;
  border-radius: 0px;
}

.imgBoxList {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
}

/*.imgBoxList img{height:auto;width:100%;object-fit:cover;}
*/
.gallery__item--lg {
  grid-column: span 2;
  grid-row: span 2;
}

.gallery__item--hor {
  grid-column: span 2;
}

.gallery__item--vert {
  grid-row: span 2;
}

/* .imgBoxDiv{height:100%;}
*/
/* shweta changes */
.np-sec__table tr td:not(:first-child) {
  width: 20%;
  vertical-align: top;
}

.txtBoxList {
  width: calc(50% - 15px);
}

/* 15-04-2024 for book new banner design */
.NewBanner-Book img {
  width: 100%;
}

.NewBanner-Book-Txt {
  margin: 20px 0;
  text-align: center;
}

.NewBanner-TxtSml {
  font-family: "Helvetica";
  font-size: 18.5px;
  font-weight: var(--fw-regular);
  color: #ac6d4a;
  text-align: center;
}

.NewBanner-TxtBig {
  font-family: "MillionDreams-Regular";
  font-size: 63px;
  font-weight: var(--fw-regular);
  color: #ac6d4a;
  text-align: center;
  margin: 15px 0 30px 0;
  position: relative;
  line-height: 1;
}

.NewBanner-TxtBig::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #ac6d4a;
}

.NewBanner-TxtBig.LineClass {
  margin: 20px 0;
}

.NewBanner-TxtBig.LineClass::after {
  display: none;
}

.NewBanner-Book {
  padding: 0 25px;
}

.np-downloadBtn {
  padding-left: 25px;
}

/* 3-5-24 */
.coupon-code {
  width: 100%;
  float: left;
  padding-bottom: 30px;
}

.coupon-code-top {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap !important;
  border-bottom: solid 1px #ccc;
  padding-bottom: 30px;
}

.input-coupon-code {
  position: relative;
  width: calc(50% - 10px);
}

.coupon-code-main {
  padding: 0px 20px;
}

.coupon-code-Error {
  position: absolute;
  color: red;
  font-size: 13px;
  top: 135px;
  font-weight: 800;
  margin-top: 10px;
  text-align: center;
}

.btn-width {
  width: calc(50% - 10px);
}

.st-chapterCheck .questionDisabled {
  pointer-events: none;
}

/* 16-5-24 */
.save-btn a {
  background-color: #ac6d4a;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  border-radius: 30px;
}

.ih-h-banner .wrapperL-1700 {
  margin: 0 auto;
  /* position:relative;*/
}

.circle4 {
  position: absolute;
  left: 0;
  top: -12%;
  width: 265px;
  height: 265px;
  z-index: -1;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  /*padding:12px 20px;*/
  padding: 2px 20px;
  align-items: center;
  display: flex;
  border: solid 1px #ac6d4a;
  border-radius: 50px;
  cursor: pointer;
}

.upload-btn-wrapper.disabled {
  opacity: 0.7 !important;
  border-color: #C7C7CC !important;
  color: #C7C7CC !important;
  background-color: #F0F0F0 !important;
  cursor: default !important;
  pointer-events: none !important;
}
.upload-btn-wrapper img {
  max-width: 10%;
}

.btn {
  border-radius: 8px;
  font-size: 20px;
  color: #ac6d4a;
  font-weight: bold;
  border: none;
  padding-left: 10px;
  background-color: transparent;
}

  .video-limit-text {
    font-family: 'Cabinet Grotesk', sans-serif;
    font-weight: 500;
    color:#AC6D4A;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: underline solid;
    text-underline-offset: 0%;
    text-decoration-thickness: 0%;
    cursor: pointer;
}


.upload-btn-wrapper input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  float: left;
  display: none;
}

.date-in {
  border: 0px;
  background-color: transparent;
  position: relative;
  padding-left: 0 !important;
  width: 80% !important;
  float: right;
}

.date-in-img {
  max-width: 100%;
  float: left;
  position: absolute;
  z-index: 1;
  top: 2px;
}

.date-in-sec {
  position: relative;
  width: 25%;
}

/* 17-5-24 */
.ih-h-banner {
  width: 100%;
  float: left;
  background-color: #f7f7f5;
  position: relative;
  margin-bottom: 0px;
}

.ih-h-top {
  padding-top: 10%;
}

.ih-id-input-box {
  width: 100%;
  float: left;
}

.ih-ban-lr {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10%;
}

.ih-ban-right {
  width: calc(45% - 10px);
  float: left;
}

.np-sec__rgt h3 {
  font-size: 55px;
  line-height: 1.2;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
}

.ih-ban-left {
  width: calc(55% - 10px);
  float: left;
  z-index: 9;
}

.ih-ban-left img {
  width: 100%;
}

.ih-id-input-box {
  width: 80%;
  float: left;
  margin-top: 30px;
  flex-wrap: wrap;
  position: relative;
}

.ih-id-input {
  width: 100%;
  float: left;
  position: relative;
}

.ih-id-input input {
  width: 100%;
  background: #fff;
  border-radius: 32px;
  border: solid 1px #ac6d4a;
  padding: 14px 30px;
  font-family: "CabinetGrotesk-Light";
  font-size: 20px;
  font-weight: var(--fw-light);
  color: var(--txt-T-clr);
}

.sft-btn {
  position: absolute;
  padding: 14.5px 25px;
  background-color: #ac6d4a;
  color: #f7f7f5;
  border: none;
  border-radius: 32px;
  font-size: 20px;
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  cursor: pointer;
  right: 0;
  transition: all 0.3s ease-in-out;
}

.gtbtn.relative {
  display: flex;
}

.gtbtn > a {
  position: static;
  margin: auto;
  padding: 14.5px 50px;
}

.sft-btn:hover {
  background: #945d3f;
}

.ih-id-input-box p {
  width: 100%;
  font-family: var(--ff-tertiary);
  font-weight: var(--fw-regular);
  font-size: 15px;
  line-height: 2.5;
  color: var(--clr-primary);
  text-align: center;
  float: left;
}

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

.ih-parents {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-top: 98px;
  background-color: #fff;
}

.ih-parents-in {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.ih-parents-left {
  width: calc(50% - 20px);
  float: left;
}

.ih-parents-right {
  width: calc(50% - 20px);
  float: left;
}

.ih-parents-l-title {
  width: 100%;
  float: left;
}

.ih-par-whats {
  width: 100%;
  background-color: #fff8f4;
  float: left;
  display: flex;
  justify-content: flex-start;
  padding: 25px;
  border-radius: 8px;
  margin-top: 25px;
}

.ih-par-what-icon {
  float: left;
}

.ih-par-what-icon img {
  max-width: 100%;
  float: left;
}

.ih-par-what-cont {
  width: calc(85% - 20px);
  float: left;
  margin-left: 20px;
}

.ih-par-what-cont h2 {
  font-family: "CabinetGrotesk-Regular";
  font-size: 27px;
  font-weight: var(--fw-bold);
  color: var(--txt-T-clr);
  margin-bottom: 15px;
}

.ih-par-what-cont p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--clr-secondary-light);
}

.ih-pare-l-list {
  width: 100%;
  float: left;
}

.ih-pare-l-list ul {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.ih-pare-l-list ul li {
  width: 100%;
  float: left;
  padding: 25px;
}

.ih-l-list-in {
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-start;
}

.ih-l-list-in img {
  max-width: 100%;
  float: left;
  padding-right: 20px;
}

.ih-l-list-in p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--clr-secondary-light);
}

.comT {
  font-size: 49px;
  font-weight: var(--fw-regular);
  line-height: 1.3;
  color: var(--txt-T-clr);
  margin-bottom: 20px;
}

.ih-home-testo {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 5% 0;
  background-color: #fff;
}

.ih-home-testo .heart {
  display: flex;
  gap: 5px;
}

.ih-home-testo .heart img {
  width: 25px;
  height: 25px;
}

.ih-home-testo-text h2{
  line-height: 1.5 !important;
}

.ih-home-testo-text {
  width: 100%;
  float: left;
  position: relative;
  padding: 59px 0;
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
  text-align: center;
  gap: 10px;
  width: 100%;
  float: left;
  position: relative;
  padding: 59px 0;
}

/* .ih-home-testo-text::before {
  position: absolute;
  content: "";
  width: 400px;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ac6d4a;
  margin-top: 5px;
} */

/* .ih-home-testo-text::after {
  position: absolute;
  content: "";
  width: 400px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #ac6d4a;
  margin-top: 5px;
} */

.ih-home-testo-text h2 {
  font-family: "CabinetGrotesk-Regular";
  font-size: 35px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: #ac6d4a;
  text-align: center;
}

.ih-home-testo-text h3 {
  font-family: "CabinetGrotesk-Bold";
  font-size: 35px;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  color: #0b0b0b;
  text-align: center;
}

.ih-home-testo-text p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-extra-bold);
  line-height: 1.5;
  color: var(--clr-secondary);
  text-align: center;
  margin-top: 15px;
}

.ih-testo-btn {
  width: 100%;
  float: left;
  margin-top: 50px;
}

p.light-text {
  font-weight: var(--fw-light);
  color: #fff;
  font-size: 26px;
  font-family: "CabinetGrotesk-Light";
  line-height: 30px;
}

.ih-hvideo-sec {
  width: 100%;
  float: left;
}

.ih-hvideo-in {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
}

.ih-hvideo-in img {
  max-width: 100%;
  float: left;
}

.ih-hvideo-in .video-js {
  width: 100%;
  height: 118.5vh;
  background-color: #fff !important;
}

.ih-hvideo-in .vjs-poster img {
  width: 100%;
  object-fit: cover;
}

.ih-hvideo-icon {
  position: absolute;
  left: 48%;
}

.ih-v-bott-text {
  width: 100%;
  float: left;
  padding: 15px 0;
}

.ih-v-bott-text p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: var(--clr-secondary-light);
  text-align: center;
  margin-top: 15px;
}

.your-story-sec {
  width: 100%;
  float: left;
  padding: 5% 0;
}

.your-story-in {
  width: 100%;
  float: left;
}

.your-story-in h2 {
  font-size: 55px;
  font-weight: var(--fw-regular);
  line-height: 1.1;
  color: var(--txt-T-clr);
  margin-bottom: 20px;
  text-align: center;
}

.your-story-in p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 20px;
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--clr-secondary-light);
  text-align: center;
}

section.ih-hfaq-sec {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding-bottom: 3%;
}

.ih-hfaq-in {
  width: 100%;
  float: left;
  max-width: 800px;
}

.faq-title {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.faq-title h2 {
  font-size: 55px;
  font-weight: var(--fw-regular);
  line-height: 1.1;
  color: var(--txt-T-clr);
  margin-bottom: 20px;
  text-align: center;
}

.faq-cont-img {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}

.faq-cont {
  width: calc(50% - 20px);
  float: left;
}

.faq-img {
  width: calc(50% - 20px);
  float: left;
}

.ih-faq-bott {
  margin-bottom: 0;
}

.ih-faq-bott-text {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.ih-faq-bott-text h2 {
  font-size: 20px;
  font-weight: var(--fw-medium);
  line-height: 1.1;
  color: var(--clr-secondary-light);
  margin-bottom: 20px;
  text-align: center;
  font-family: "CabinetGrotesk-Regular";
}

.ih-faq-bott-text h2 a {
  color: #ac6d4a;
  text-decoration: underline;
}

.mob-title {
  display: none;
}

.dec-title {
  display: block;
}

/* 22-05-2024 */
.np-secName.fullTxt.pdfSec.allTextpdf .txtBox {
  padding: 0px 50px;
}

.np-secName.twoImgR.rightWrap .txtBox {
  padding-left: 0px;
}

.np-secName.twoImgR.leftWrap .txtBox {
  padding-right: 50px;
}

.np-secName.fullTxt .txtBox {
  padding: 0px 50px;
}

.pad-bott {
  padding-bottom: 80px;
}

/* 27-5-24 */
.ih-start-journal {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* .np-signUp{height:100vh;}
*/
.whatsApp-coupon {
  font-size: 20px;
  font-family: "CabinetGrotesk-Regular";
  color: #79736f;
  font-weight: var(--fw-regular);
}

.np-signUp-priceR .signUp-free {
  font-size: 19px;
  font-family: "CabinetGrotesk-Medium";
  color: #79736f;
  font-weight: var(--fw-medium);
  text-align: center;
}

.singleImg .st-ZoomBtn {
  bottom: 50px;
}

.st-girdImage {
  border-radius: 8px;
}

.np-secT h3 br {
  display: none;
}

.st-ZoomBtn-time {
  position: absolute;
  right: 14px;
  bottom: 14px;
  height: 28px;
  width: 28px;
}

.dropDel-Question {
  cursor: pointer;
}

/* .timeMenuBotmInn .timeMenuBotTxt:hover{color:#555555;}
*/
.np-signUp-fInput.flex input:focus {
  outline-color: #ac6d4a;
}

.newEntry p {
  display: none;
}

.newEntry {
  margin-top: 0;
}

.np-selectBabyTxt {
  font-size: 16px;
  font-family: "CabinetGrotesk-Medium";
  color: #605e5d;
  font-weight: var(--fw-medium);
  margin-top: 20px;
}

.np-copyR.signUp-Abs {
  position: relative;
  bottom: 29px;
  left: 100px;
  padding-top: 30px;
}

.np-copyR.signUp-Abs.login {
  position: absolute;
  padding-top: 30px;
  padding-bottom: 30px;
  bottom: -100px;
}

.np-copyR.signUp-Abs-mobile {
  display: none;
}

.np-h__logo.sign-up {
  padding-left: 100px;
  max-width: 300px;
}

.slider-navVarient .slick-track.active {
  top: 0 !important;
  height: auto !important;
}

.st-tryCommon .np-sec__btn {
  margin-top: 25px;
}

.np-sec.your-story-sec.homePage {
  margin-bottom: 0px;
  padding: 140px 0 114px;
}

.ih-hfaq-sec.homePage {
  padding-top: 55px;
}

.varient_card {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
}

.np-signUp-onboard .np-signUp-in {
  height: auto;
}

.np-signUp-formL.onboard {
  margin-top: 30px;
  margin-bottom: 0px;
}

.np-onbording.message {
  margin: 15px 0 10px;
}

.np-onbording-mul.onboard {
  margin-top: 30px;
}

.twoImgList.clearSpace {
  margin-top: 0;
}

.np-signUp-congIn.onboard {
  max-width: 100%;
}

.np-signUp.onboard {
  /*height:100%;*/
  padding-bottom: 40px;
}

.np-signUp-fInput input:focus {
  outline-color: #ac6d4a;
}

.np-signUp-congIn select:focus {
  outline-color: #ac6d4a;
}

.np-signUp-fInputD .calendar-onboard:focus {
  outline-color: #ac6d4a;
}

.reactiveplan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  float: left;
}

.np-signUp-fInput.applybtn {
  width: calc(60% - 15px);
}

.np-sec__btn.applybtn {
  width: calc(40% - 15px);
  margin-top: 0px;
}

.np-sec__btn.applybtn a {
  font-size: 20px;
}

.wrapper-710.newMemoryWrap {
  max-width: 660px;
}

.slider-navVarient .slick-list {
  height: auto !important;
}

.slider_Varient {
  display: flex;
  align-items: center;
}

.dec-title {
  display: block;
}

.mobile-title {
  display: none;
}

.gift_bookInn {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  background-color: #f2eeeb;
  border-radius: 27px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.gift_bookInn:hover {
  background: #e8dcd3;
}

.gift-header-txt {
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: #ac6d4a;
  padding-left: 10px;
}

.gift_book {
  width: 33.33%;
}

.np-h__logo {
  width: 33.33%;
}

.np-h__menu {
  width: 33.33%;
}

.np-f__in .np-f__img {
  width: 35%;
}

.np-f__in .np-f__menuC {
  width: 65%;
}

.mnu-list li.giftLink a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0px;
  line-height: 1;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.mnu-list li.giftLink a:hover {
  background: #e8dcd3;
}

.mnu-list li.mob-btn2 a {
  transition: all 0.3s ease-in-out;
}

.mnu-list li.mob-btn2.usernamebtn a {
  transition: all 0.3s ease-in-out;
}

.mnu-list li.mob-btn2.usernamebtn a:hover {
  background: #945d3f;
}

.mnu-list li.mob-btn2 a:hover {
  background: #e8dcd3;
}

.mnu-list li.mob-btn3 a {
  transition: all 0.3s ease-in-out;
}

.mnu-list li.mob-btn3 a:hover {
  background: #945d3f;
}

.np-signUp-f.st-signUp.np-reactive {
  padding-top: 200px;
  padding-bottom: 11%;
}

.np-bookSec .np-secName .np-secName__img {
  width: 330px;
}

.p-bott .np-signUp-in {
  height: auto;
}

.p-bott {
  padding-bottom: 25% !important;
}

.help-mob {
  display: none;
}

.help-dec {
  display: block;
}

.tab-text {
  font-size: 15px;
  font-family: "CabinetGrotesk-Regular";
  color: #79736f;
  font-weight: var(--fw-regular);
  line-height: 1;
  margin-top: -2%;
  margin-bottom: 3%;
}

.psTab-Txt {
  list-style-type: disc;
  padding-left: 16px;
}

.foot-text {
  width: 100%;
  float: left;
  display: flex;
}

.foot-text p {
  font-family: "CabinetGrotesk-Regular";
  font-size: 14px;
  font-weight: var(--fw-light);
  line-height: 1.5;
  color: #7a7572;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 5%;
}

.reset-p-h {
  height: 79vh;
}

.change-p {
  width: 100%;
  text-align: center !important;
  font-size: 13px !important;
  display: flex;
  justify-content: center;
  font-family: "CabinetGrotesk-Regular";
}

.forgot-p {
  width: 100%;
  text-align: left !important;
  font-size: 13px !important;
  font-family: "CabinetGrotesk-Regular";
  position: absolute;
  left: 0;
  bottom: -24px;
}

.accoun-hight {
  padding-bottom: 117px;
}

.loginErrMsgUL {
  width: 100%;
  float: left;
  position: relative;
}

.loginErrMsg {
  position: absolute;
  bottom: 0;
  left: 0;
}

body {
  background-color: #f7f7f5;
  position: relative;
}

/* body.np-pre{background: #fff;} */
/* .ap-preview{margin-top:2%;}
*/
.ap-preview .s-wrapper-1200 {
  max-width: 800px;
  max-height: 100%;
  padding: 0;
  margin: 0;
}

.np-bookSec.newSection.ap-preview .s-wrapper-1200 {
  max-width: 1200px;
  max-height: 100%;
  padding: 0 15px;
  margin: 0;
}

.ap-preview .np-secName.st-sliderPreview {
  padding: 0;
  max-height: 100% !important;
}

.ap-preview .np-secName .NewBanner-Book > img {
  max-height: 600px;
  object-fit: cover;
}

.ap-preview .np-secName__in.family {
  min-height: 600px;
}

.ap-preview .np-secName__in.imgwtxt img {
  max-height: 600px;
  object-fit: cover;
}

.ap-preview .twoImgR {
  display: flex !important;
}

.ap-preview .np-secName {
  height: 100%;
  background: transparent;
}

.previous-Ques {
  margin-top: 96px;
}

.thumbnail.slick-slide.slick-current.slick-active {
  background: rgba(255, 248, 244, 1);
}

.left-p {
  padding-right: 10px;
}

.mnu-list li .signupbtn {
  float: left;
  text-wrap: nowrap;
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  padding: 16px 39px;
  border-radius: 27px;
  text-align: center;
  background: var(--clr-tertiary);
  color: #f2eeeb;
  color: var(--clr-primary);
  transition: all 0.3s ease-in-out;
}

.mnu-list li .signupbtn:hover {
  background: #e8dcd3;
}

.ap-preview .imgBoxList.newImageclass {
  overflow: hidden;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  grid-auto-rows: 300px;
  grid-auto-flow: dense;
  max-height: 600px;
}

.ap-preview .imgBoxList.newImageclass img {
  height: 600px;
  object-fit: cover;
}

.st-girdImage {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

svg.np-comS__imgM {
  width: 22px;
}

.old-PriceSignIn {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 50px;
  color: var(--clr-primary);
  text-align: center;
  line-height: 37px;
  text-decoration: line-through;
}

.np-signUp-fInput-full {
  width: 100% !important;
  float: left;
  position: relative;
}

.for-year {
  width: 100%;
  float: left;
  text-align: center;
  padding-bottom: 30px;
}

.for-year p {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 19px;
  color: var(--txt-subT-clr);
}

.in-apply {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}

.in-apply-in1 {
  float: left;
  text-wrap: nowrap;
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  padding: 11px 39px;
  border-radius: 27px;
  text-align: center;
  background: var(--clr-tertiary);
  color: #f2eeeb;
  color: var(--clr-primary);
  border: none;
  margin-top: 2px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.in-apply-in1:hover {
  background: #e8dcd3;
}

.in-apply-in2 {
  float: left;
  text-wrap: nowrap;
  font-family: "CabinetGrotesk-Bold";
  font-weight: var(--fw-bold);
  font-size: 20px;
  padding: 11px 39px 14px;
  border-radius: 27px;
  text-align: center;
  background: var(--clr-tertiary);
  color: #f2eeeb;
  color: var(--clr-primary);
  border: none;
  display: none;
  cursor: pointer;
}

ul.np-signUp-formL.formL-p-top {
  margin-top: 10px;
}

.in-apply-in2:hover {
  background: #e8dcd3 !important;
}

.premium-top {
  padding-top: 140px !important;
}

.np-copyR-foot {
  width: 100%;
  float: left;
  display: flex;
}

.np-copyR-foot li {
  padding-right: 50px;
}

.np-copyR-foot li a {
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 12px;
  color: #7a7572;
}

.st-preview-silder {
  background-color: #fff;
}

.ap-preview .ap-preview_inn.solid-container {
  height: 60vh;
}

.st-full2-bg {
  background-color: #fff !important;
  padding-bottom: 44%;
}

.AccountSetInn.ish-AccountSetInn {
  margin-top: 0;
}

.smileDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

span.smileYes {
  margin: 0 0 0 0.5em;
  padding-bottom: 0em;
}

/* body.overlay::before {
                  content: '';
                  position: fixed;
                  left: 0;
                  top: 0;
                  width: 100%;
                  height: 100%;
                  background: rgb(0 0 0 / .5);
                  z-index: 700;
              }




.fixed-over{    height: 100% !important;
                  min-height: 100% !important;
                  max-height: 100% !important;
                  width: 100% !important;
                  min-width: 100% !important;
                  max-width: 100% !important;
                  overflow: hidden !important;
                  position: fixed !important;
                  bottom: 0 !important;
                  margin: 0 !important;
              }
              

body.overlay{position: fixed;float: left;width: 100%;} */

/* date-pic */

.ui-widget-header {
  border: 0px solid #dddddd;
  background: #ac6d4a;
  color: #333333;
  font-weight: bold;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-datepicker-calendar thead {
  background: #ac6d4a;
  color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #fff;
  background: transparent;
  font-weight: normal;
  color: #454545;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #ac6d4a;
  background: #ac6d4a;
  font-weight: normal;
  color: #fff;
}

.ui-datepicker {
  width: 17em;
  padding: 0;
}

.ish-last.bott-fix .subscription-But.extra-margin {
  justify-content: flex-start;
}

.ish-last.book-summary {
  background: #fff;
}

.ish-last.book-summary .paymentButtonOut {
  margin-top: 0;
}

.emptySpanDiv {
  width: 100%;
  float: left;
}

.emptyLine1 {
  width: 80%;
  float: left;
  background: rgba(255, 255, 255, 0.6);
  height: 8px;
  margin-bottom: 21px;
  margin-top: 20px;
}

.emptyLine2 {
  width: 50%;
  float: left;
  background: rgba(255, 255, 255, 0.6);
  height: 8px;
}

body.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
}

.video-js .vjs-big-play-button {
  border: none !important;
  background: none !important;
  width: 104px !important;
  height: 102px !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "" !important;
  background: url("../images/home-video-icon.png") no-repeat;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: none !important;
}

.giftInputField {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  float: left;
}

.giftAdd-book button {
  float: left;
  font-family: "CabinetGrotesk-Regular";
  font-weight: var(--fw-regular);
  font-size: 20px;
  padding: 16px 70px;
  border-radius: 27px;
  text-align: center;
  background: #ac6d4a;
  color: #f2eeeb;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.giftAdd-book button:hover {
  background: #945d3f;
}

.giftHeaderText {
  text-align: center;
}

.gift_book.np-giftIcon {
  display: none;
}

.modal-footer .btn + .btn {
  background: #ac6d4a;
  border: none;
}

.modal-header {
  display: flex;
  justify-content: space-between;
}

#upload-thumbnail-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ac6d4a;
  border-radius: 28px;
  color: white;
  padding: 10px 20px;
  border: none;
  outline: none;
  font-size: 16px;
  cursor: pointer;
  height: 56px;
  width: 161px;
}
#upload-thumbnail-btn:hover {
  background: #92593d;
  cursor: pointer;
  font-size: 16px;
}

#video-trim-button:hover {
  background: #92593d;
}
.custom-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.modal-title {
  width: 100%;
}

.modal-header .close {
  color: #ac6d4a;
  opacity: 1;
}

.close:focus,
.close:hover {
  color: #ac6d4a !important;
  opacity: 1 !important;
}

.setPopUpInn.close {
  margin-top: 0px;
}

.mfp-arrow:before {
  border: none;
}

.mfp-arrow:after {
  display: none;
}

#trimButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  margin-bottom: 20px;
}

/* .slidecontainer {
	width: 100%;
	margin: 20px 0;
	 
} */
.thumbnail-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 450px;
}
.upload-thumb-btn-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-thumb-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px;
}
.slidecontainer {
  position: absolute;
  bottom: 0; /* stick to the bottom */
  left: 0;
  width: 100%;
  height: 30px; /* set an explicit height */
  padding: 0 10px;
  box-sizing: border-box;
  z-index: 2;
  background: rgba(
    255,
    255,
    255,
    0.3
  ); /* Optional: semi-transparent background for visibility */
}

.btn-done {
  width: 138px;
  height: 56px;
  border-radius: 28px;
  background-color: #ac6d4a;
  color: #f7f7f5;
  font-size: 16px;
  font-weight: bold;
  border: none;
}

/* .btn-done:enabled {
    cursor: pointer;
    opacity: 1;
} */

/* Style the slider if needed */
.slider {
  width: 100%;
  margin: 0;
}

.mfp-arrow-left:before {
  content: "\f104";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 50px;
  opacity: 1;
}

.mfp-arrow-right:before {
  content: "\f105";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 50px;
  opacity: 1;
}

/* date-pic */
.np-bookSec {
  background: none !important;
}

.out-top {
  transform: translateY(-80px);
}

.out-bottom {
  transform: translateY(315px);
}

.b-bottom {
  background: #fff;
  border-bottom: 0.5px solid #ced4da;
}

.payDisabled {
  pointer-events: none;
  background: #ac6d4a;
  opacity: 0.8;
}

.babyBookSet .np-onbording-journal p {
  color: var(--txt-T-clr);
}

.babyBookSet .np-onbording-mul {
  margin-top: 20px;
}

.np-bookSec.newSection.ap-preview .ap-preview_inn.solid-container {
  height: 100vh;
}

.np-bookSec.newSection.ap-preview {
  background: none !important;
}

.np-bookSec.newSection.ap-preview .np-secName {
  background: none !important;
}

.np-bookSec.newSection.ap-preview body {
  background: none !important;
}

.AccountSetInn .np-signUp-fInput.mobile.flex input[type="text"] {
  color: #251b16;
  background: #e8e8e7;
}

.AccountSetInn.ish-AccountSetInn.bookSummarySection {
  margin-top: 100px;
}

.AccountSetInn.ish-AccountSetInn.bookSummarySection
  .np-onbording-mulL.shipping {
  margin-bottom: 0px;
}

.DateRangeCal.addiInfo.weight .birthInfo {
  padding: 14px 50px 14px 20px;
}

.DateRangeCal.addiInfo.weight .book-paid-dropdown p {
  padding: 14px 14px;
  border-radius: 0 30px 30px 0;
  background: #f5f3f2;
  outline: 2.5px solid #eae3df;
  border: none;
  font-family: "CabinetGrotesk-Medium";
  font-size: 15px;
  font-weight: var(--fw-medium);
  color: #ac6d4a;
}

.disabledButton {
  pointer-events: none;
  opacity: 0.5;
}

.np-copyR.signUp-Abs.login.loginFooter {
  bottom: -45%;
}

.np-copyR.signUp-Abs.login.onboard {
  bottom: -12%;
}

/* 
.progress-bar {
    --height: 3rem;
    width: calc(var(--length) * 1px);
    height: var(--height);
    outline: 1px solid #AC6D4A;
    position: relative;
    overflow: hidden;
  }
  
 
  .flexible-class {
    --length: 450;
    outline: 1px solid rgb(238, 125, 255);
  }
  
  
  .progress {
    --speed: 80;
    --width: 80; 
    --duration: calc((var(--width) + var(--length)) / var(--speed) * 1s);
    position: absolute;
    top: 0;
    left: calc(-1px * var(--width));
    background-color:#AC6D4A;
    height: inherit;
    width: calc(1px * var(--width));
    animation-duration: var(--duration);
    animation-iteration-count: infinite;
    animation-delay:500ms;
    animation-name: animation;
    animation-timing-function: linear;
  }
  
  @keyframes animation {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc((var(--length) + var(--width)) * 1px));
    }
  } */

/* ---- error page ---- */
.ps-err {
  position: relative;
  z-index: 999;
}

.ps-err-msg {
  width: 100%;
  inset: 0;
  position: absolute;
  margin-bottom: 0 !important;
}

.ps-wrapper {
  padding: 0;
}

.ps-wrapper2 {
  padding: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ps-m {
  background-color: #ac6d4a !important;
  height: 100%;
}

.err-head {
  text-align: center;
  padding-top: 34px;
}

.err-head img {
  width: 124px;
  display: inline-block;
  margin: auto;
}

.err-msg {
  height: auto;
  text-align: center;
  color: #fff;
}

.err-msg h2 {
  font-size: 200px;
  margin-bottom: 42px;
}

.ps-err-head {
  font-family: "CabinetGrotesk-Medium";
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 28px;
}

.ps-separator {
  width: 192px;
  margin: auto;
  margin-bottom: 22px;
}

.ps-err-desc {
  font-family: "CabinetGrotesk-Medium";
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 28px;
}

.err-btn {
  display: inline-block;
  font-size: 14px;
  padding: 14px 27px 14px 26px;
  background-color: #fff;
  color: #ac6d4a;
  font-family: "CabinetGrotesk-Bold";
  border-radius: 24px;
  letter-spacing: 0.6px;
}

.err-btn .fa {
  font-size: 15px;
}

/* 
.progress-bar {
    --height: 3rem;
    width: calc(var(--length) * 1px);
    height: var(--height);
    outline: 1px solid #AC6D4A;
    position: relative;
    overflow: hidden;
  }
  
 
  .flexible-class {
    --length: 450;
    outline: 1px solid rgb(238, 125, 255);
  }
  
  
  .progress {
    --speed: 80;
    --width: 80; 
    --duration: calc((var(--width) + var(--length)) / var(--speed) * 1s);
    position: absolute;
    top: 0;
    left: calc(-1px * var(--width));
    background-color:#AC6D4A;
    height: inherit;
    width: calc(1px * var(--width));
    animation-duration: var(--duration);
    animation-iteration-count: infinite;
    animation-delay:500ms;
    animation-name: animation;
    animation-timing-function: linear;
  }
  
  @keyframes animation {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc((var(--length) + var(--width)) * 1px));
    }
  } */

.view-memHead {
  border: 1px solid #e7e7e7;
  background-color: #f7f7f5;
}

.newSectioView .timeLineGrid {
  margin-top: 0 !important;
  background-color: transparent !important;
}

.np-sec__tabTot h3 {
  color: var(--clr-primary);
}

.pspricing {
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.pspricing h3 {
  font-weight: 800 !important;
  font-family: "CabinetGrotesk-Regular";
  margin-left: 7px;
}

.psBookBtn a {
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.5;
}

.save50Off > p {
  color: #5856d6;
}

span.prizeTOChange {
  line-height: normal;
  background-color: #5856d6;
  color: #f7f7f5;
  font-family: "CabinetGrotesk-Regular";
  padding: 5px 18px;
  border-radius: 50px;
  text-decoration: line-through;
}

.np-todayProm-imgs p {
  margin-bottom: 0;
}

.psEditCloseBtn {
  right: 15px !important;
  top: 10px !important;
}

.psEditCloseBtn .i-edit-icon {
  width: 25px !important;
  height: 25px !important;
}

.i-close-icon {
  margin-top: 5px;
}

.psBookPrint {
  margin: 0;
  font-size: inherit;
  color: var(--txt-subT-clr);
  text-align: center;
  font-family: "CabinetGrotesk-Medium";
  font-weight: normal;
}

.psBookPrint a {
  color: #007aff !important;
  text-decoration: underline;
}

.psinClose {
  width: 28px;
  margin-left: 4px;
}

@media screen and (max-width: 1800px) {
  .in-apply-in2 {
    padding: 11px 39px;
  }

  .np-signUp-formBtn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1600px) {
  .err-msg h2 {
    font-size: 180px;
    margin-bottom: 20px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 26px;
    line-height: 20px;
    margin-bottom: 18px;
  }

  .ps-separator {
    width: 175px;
    margin-bottom: 18px;
  }

  .ps-err-desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 26px;
  }
}

/* .ap-preview .s-wrapper-1200{height:646px;width:802px;min-width:802px;min-height:646px;max-width:802px;max-height:646px;padding:0;margin:0;}
*/
/* .ap-preview .st-preview-silder.slick-slider .np-secName.st-sliderPreview{max-height:400px;}
*/
/* .ap-preview .np-secName__in.family{min-height:400px;}
.ap-preview .st-ImgRBox{padding:0 !important;gap:initial !important;}
.ap-preview .st-preview-silder.slick-slider .st-girdImage.bookGrid{display:flex !important;flex-flow:row wrap !important;height:400px;}
.ap-preview .prompt__item{width:calc(50% - 10px) !important;height:200px;}
.ap-preview .prompt__item.twoImg{height:auto;}
*/
/* .ap-preview .prompt__item.threeImg.timeLine__item--vert{height:400px;}
*/
/* .ap-preview .prompt__item.singleImg{width:calc(100% - 0px) !important;height:auto;}
.ap-preview .twoImgR .ImgRBox{flex-flow:row wrap;}
.ap-preview .txtBoxList{width:100%;order:2;}
.ap-preview .TimeGridImg{width:100%;order:1;}
.ap-preview .txtBox.col-100.floatLft{margin-top:0;}
.ap-preview img{width:100%;object-fit:cover;}
.ap-preview .imgBoxList,.ap-preview .np-secName .np-secName__in{height:400px;}
*/

@media screen and (max-width: 1400px) {
  .np-signUp-formL {
    margin-bottom: 12px !important;
  }

  .err-head {
    padding-top: 28px;
  }

  .err-msg h2 {
    font-size: 160px;
    margin-bottom: 10px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .ps-separator {
    width: 175px;
    margin-bottom: 18px;
  }

  .ps-err-desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 1200px) {
  .in-apply-in2,
  .in-apply-in1 {
    font-size: 18px;
  }

  .np-signUp-formL {
    margin-bottom: 6px !important;
  }

  .np-signUp-formBtn {
    margin-top: 10px;
  }

  .err-head {
    padding-top: 28px;
  }

  .err-msg h2 {
    font-size: 140px;
    margin-bottom: 15px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .ps-separator {
    width: 155px;
    margin-bottom: 15px;
  }

  .ps-err-desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}

@media (max-width: 1024px) {
  .pspricing {
    margin-bottom: 10px;
  }

  .psinClose {
    width: 24px;
    margin-left: 4px;
  }
}

@media screen and (max-width: 991px) {
  .in-apply-in2,
  .in-apply-in1 {
    margin-top: 0 !important;
  }

  .err-head {
    padding-top: 22px;
  }

  .err-msg h2 {
    font-size: 120px;
    margin-bottom: 15px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
  }

  .ps-separator {
    width: 140px;
    margin-bottom: 15px;
  }

  .ps-err-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }

  .pspricing {
    margin-bottom: 10px;
  }
}

.np-subTxtBC {
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  color: #5d5d5d;
  font-weight: var(--fw-regular);
  line-height: 1.1;
  margin-top: 3%;
}

.np-subTxtBC.growTrack {
  margin-top: 1%;
}

@media (max-width: 740px) {
  .heading_txt {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
  }

  .ps-wrapper2 {
    padding: 15px;
  }

  .err-head {
    padding-top: 22px;
  }

  .err-msg h2 {
    font-size: 120px;
    margin-bottom: 12px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 12px;
    line-height: 26px;
  }

  .ps-separator {
    width: 140px;
    margin-bottom: 12px;
  }

  .ps-err-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .newSectioView .timeLineGrid .whatsAppDate {
    text-align: left !important;
  }
}

@media (max-width: 550px) {
  .heading_txt {
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
  }

  .err-head {
    padding-top: 20px;
  }

  .err-msg h2 {
    font-size: 90px;
    margin-bottom: 12px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 18px;
    margin-bottom: 12px;
    line-height: 24px;
  }

  .ps-separator {
    width: 100px;
    margin-bottom: 12px;
  }

  .ps-err-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .err-btn {
    padding: 12px 18px;
  }

  .newSectioView .timeLineGrid .TimeGridImg {
    width: 100%;
  }

  .pspricing {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pspricing h3 {
    font-weight: 800 !important;
    font-family: "CabinetGrotesk-Regular";
    margin-left: 7px;
  }

  .save50Off > p {
    color: #5856d6;
  }

  span.prizeTOChange {
    background-color: #5856d6;
    color: #f7f7f5;
    font-family: "CabinetGrotesk-Regular";
    padding: 0.3em 0.5em;
    border-radius: 50px;
  }
  .psBookPrint {
    font-size: 14px !important;
  }
}

@media (max-width: 410px) {
  .heading_txt {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
  }

  .err-head {
    padding-top: 18px;
  }

  .err-msg h2 {
    font-size: 80px;
    margin-bottom: 12px;
    line-height: 1;
  }

  .ps-err-head {
    font-size: 18px;
    margin-bottom: 12px;
    line-height: 24px;
  }

  .ps-separator {
    width: 80px;
    margin-bottom: 12px;
  }

  .ps-err-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .err-btn {
    padding: 12px 18px;
  }
}

@media (max-width: 414px) {
  .psinClose {
    width: 19px;
    margin-left: 4px;
  }
}

@media (max-width: 375px) {
  .newSectioView .timeLineGrid .TimeGridImg {
    width: 100%;
  }
}

.wrapper-how-it-works {
  grid-column-gap: 1.5rem;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}

.how-it-works-item {
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: start;
  display: flex;
}

.img-how-it-works {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}

.img-how-it-works figure {
  margin: 0 0 10px;
}

.img-how-it-works-img {
  /* aspect-ratio: 3 / 1.8; */
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 0.55rem;
  overflow: hidden;
}

.number-badge {
  border: 3px solid #f0efea !important;
  color: #f0efea !important;
  background-color: #283e3e;
  border-radius: 50vw;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: -1.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.number-badge p {
  color: #f0efea !important;
}

.text-how-it-works {
  grid-row-gap: 0.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 18rem;
  display: flex;
}

.title-hiw {
  font-family: "Cabinet Grotesk";
  font-weight: 500;
  font-size: 20px;
}

.text-hiw {
  font-size: 15px !important;
}

@media screen and (max-width: 479px) {
  .wrapper-how-it-works {
    grid-row-gap: 1rem;
  }
}

@media screen and (max-width: 991px) {
  .wrapper-how-it-works {
    grid-row-gap: 2rem;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .how-it-works-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    /* align-items: center; */
  }
}

@media screen and (max-width: 767px) {
  .how-it-works-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (max-width: 991px) {
  .how-it-works-item {
    grid-column-gap: 2rem;
    flex-direction: row;
    justify-content: flex-start;
    /* align-items: center; */
  }
}

@media screen and (max-width: 479px) {
  .img-how-it-works {
    max-width: 15rem;
    overflow: visible;
  }
}

@media screen and (max-width: 991px) {
  .img-how-it-works {
    max-width: 20rem;
  }
}

@media screen and (max-width: 479px) {
  .img-how-it-works-img {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .number-badge {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .text-how-it-works {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    flex: 0 auto;
    justify-content: center;
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .text-how-it-works {
    font-size: 1.1255rem;
  }
}

@media screen and (max-width: 479px) {
  .text-how-it-works {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    flex: 0 auto;
    justify-content: center;
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .text-how-it-works {
    font-size: 1.1255rem;
  }
}

@media screen and (max-width: 991px) {
  .text-how-it-works {
    grid-row-gap: 1rem;
    text-align: left;
    align-items: flex-start;
    max-width: none;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 479px) {
  .title-hiw {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 767px) {
  .title-hiw {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 991px) {
  .title-hiw {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 479px) {
  .text-hiw {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 991px) {
  .text-hiw {
    font-size: 1rem;
  }
}

.TimeDeleteMem img {
  margin: auto;
}

.TimeLinButInn {
  margin: auto;
}

.dropbtn {
  background: var(--secondary-color, #f6f0ec);
  color: #ac6d4a;
  border: none;
  font-size: 16px;
  cursor: pointer;
  min-width: 173px;
  max-width: auto;
  height: 31px;
  border-radius: 28px;
  display: flex;
  padding-left: 13px;
  padding-right: 13px;
  justify-content: space-between;
  align-items: center;
  font-weight: 500 !important;
  font-family: "CabinetGrotesk-Regular";
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 20px;
  white-space: nowrap;
}

.dropdown-menu a {
  color: #ac6d4a;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  gap: 10px;
  border-bottom: 1px solid lightgray;
  font-weight: 500 !important;
  font-family: "CabinetGrotesk-Regular";
}

.dropdown-right {
  float: right;
}

.dropdown-right .dropdown-menu {
  right: 30px;
}

.prompt__item {
  position: relative;
}

.prompt__item .low-quality-image {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 10px;
  left: 10px;
}

.disabled {
  pointer-events: none;
}

.low-quality-found {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  gap: 5px;
  color: #ff3535;
}

.low-quality-found a {
  color: #ff3535;
  font-family: "CabinetGrotesk-Regular";
  font-size: 16px;
  font-weight: 500;
}

.return-policy-list {
  margin-left: 15px;
  list-style-type: decimal !important;
  font-family: "CabinetGrotesk-Bold";
  font-size: 18px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  margin-bottom: 10px;
}

.return-policy-list ul {
  margin-left: 35px;
  list-style-type: circle !important;
}

.return-policy-list ul li {
  font-weight: 400 !important;
  font-family: "CabinetGrotesk-Regular";
  font-size: 18px;
  font-weight: var(--fw-regular);
  color: var(--txt-T-clr);
  margin-bottom: 10px;
}

.white-popup .icons {
  margin-top: 20px;
  font-size: 8px;
}

.st-deleteTimeL {
  background-color: transparent !important;
}

.video-info-text {
  text-align: center;
  font-family: "Cabinet Grotesk", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #929292;
}

.white-popup .popup-badge {
  background: #f6f0ec;
  border-radius: 50px;
  padding-left: 20px;
  padding-right: 20px;
  color: #ac6d4a;
  font-family: "CabinetGrotesk-Regular";
  position: absolute;
  z-index: 99;
  left: 40%;
  top: -10px;
}

@media screen and (min-width: 767px) {
  .subscription-But {
    justify-content: flex-start !important;
  }
}

.border-animated {
  border-style: dashed !important;
  animation: border-dance 4s infinite linear;
}

@keyframes border-dance {
  0% {
    background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
  }
  100% {
    background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
  }
}
.fa-angle-right{
  color: #AC6D4A;
}

/* Drag info styling */
.drag-info {
  text-align: center;
  margin-top: 20px;
}

.drag-info img {
  display: block;
  margin: 0 auto;
}

.drag-info p {
  font-family: 'CabinetGrotesk-Medium';
  font-weight: var(--fw-medium);
  font-size: 16px;
  color: #929292;
  text-align: center;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 15px;
}

/* Mobile-specific styling */
@media screen and (max-width: 768px) {
  .drag-info img {
    width: 60px !important;
  }
}

/* Mobile drag-and-drop improvements */
.main-image {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: element;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}

/* Prevent context menu on mobile for drag images - only in collage context */
@media screen and (max-width: 768px) {
  /* Only apply touch restrictions during drag operations or in collage modal */
  .collage-touch-dragging .main-image,
  .modal.in .main-image,
  .dragging .main-image {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: none !important;
    -ms-touch-action: none !important;
  }
  
  .collage-touch-dragging .main-image:focus,
  .modal.in .main-image:focus,
  .dragging .main-image:focus {
    outline: none !important;
  }
  
  .collage-touch-dragging .main-image:hover,
  .modal.in .main-image:hover,
  .dragging .main-image:hover {
    -webkit-touch-callout: none !important;
  }
  
  .collage-touch-dragging .main-image:active,
  .modal.in .main-image:active,
  .dragging .main-image:active {
    -webkit-touch-callout: none !important;
  }
  
  /* Prevent long press on container elements only during drag operations */
  .collage-touch-dragging .prompt__item,
  .modal.in .prompt__item,
  .dragging .prompt__item {
    -webkit-touch-callout: none !important;
    touch-action: none !important;
  }
}

.collage-touch-dragging {
  opacity: 0.7;
  transform: scale(1.05);
  transition: transform 0.1s ease, opacity 0.1s ease;
  z-index: 1000;
  position: relative;
}