@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sansita:wght@700&display=swap');

@font-face {
  font-family: "Roboto-Bold";
  src: url(../../../assets/fonts/Roboto-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(../../../assets/fonts/Roboto-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(../../../assets/fonts/Roboto-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-SemiBold";
  src: url(../../../assets/fonts/Roboto-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
.steper-line.palette-five {
  position: absolute;
  height: 515px;
  width: 3px;
  background: #0069ff;
  border-radius: 50px;
  margin: auto;
  top: 80px;
  left: 49%;
}
.ai-bg-rm-card {
  min-height: 424px;
  max-height: 424px;
}
.sub-heading-text-space {
  margin: 100px auto;
}
.user-upload-container {
  display: flex;
  align-self: baseline;
  margin: 10px 0;
  gap: 15px;
}
.user-upload-img-container {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  border: 1px solid #e2e4e6;
  box-shadow: 0px 1px 6px 0px #00000066;
  position: relative;
}
.user-upload-img-container svg {
  position: absolute;
  top: -10px;
  left: 75%;
}
.user-upload-img-container img {
  width: calc(100% - 2px);
  object-fit: contain;
  max-height: calc(100% - 2px);
}
.user-image-uploading {
  position: absolute;
  height: 100%;
  border-radius: 10px;
  width: 100%;
  background: #00000080;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-image-uploading .spinner-border {
  height: 28px;
  width: 28px;
}

.flyer-maker-search-input::-webkit-scrollbar {
  width: 4px !important;
  height: 6px !important;
  border-radius: 15px !important;
  background-color: #ffffff !important;
  display: block !important;
}
.who-can-use-section {
  position: relative;
  padding: 2px;
  z-index: 4;
  margin-top: 100px !important;
  background: linear-gradient(
    80.21deg,
    #eaf7ff 0%,
    #fdfff3 25.62%,
    #ffffff 52.69%,
    #edf8ff 75.39%,
    #fff5f6 98.55%
  );
}

.who-can-use-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px 0px;
  background: linear-gradient(
    85.43deg,
    #64c8ff 0.81%,
    #cbda8b 32.99%,
    #7ccbff 64.61%,
    #ffabac 96.94%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.who-can-use-row {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1147px;
  margin: auto;
  gap: 50px;
  margin-bottom: 21px;
}
.who-can-use-row img {
  width: 370px;
  min-width: 370px;
  border-radius: 10px;
}
.who-can-use-row-text {
  color: #575d68;
  font-family: Montserrat-Regular;
  font-size: 20px;
}
.flyer-maker-search-input::-webkit-scrollbar-thumb {
  background-color: #a9acb2 !important;
  border-radius: 10px;
}
.explore-ai-create {
  max-width: 1476px;
  border-radius: 20px;
  box-shadow: 0px -2px 34px 0px #003a8c40;
  background: #ffffff;
  padding: 30px 50px 30px;
  margin: auto;
  margin-top: -40px;
  position: relative;
}
.explore-ai-create-heading {
  font-family: Montserrat-SemiBold;
  font-size: 24px;
  color: #151515;
  /* margin-top: 20px; */
}

.explore-ai-templates {
  display: flex;
  margin-top: 25px;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.explore-ai-template {
  height:430px !important;
  width: calc(25% - 15px);
  background: #fff;
  border: 1px solid #e2e4e6;
  box-shadow: 1px 1px 7px 0px #0000001A;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.explore-ai-template-content p {
  font-size: 13px;
  font-family: Montserrat-Regular;
  color: #151515;
  line-height: 20px;
  max-height: calc(1.1em * 8);
  overflow: hidden;
  white-space: pre-line;
}
.explore-ai-template-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height:250px;
}
.explore-ai-template-image img {
  max-height: calc(100% - 14px);
  border: 1px solid #F2F3F4;
  border-radius: 10px;
  max-width: calc(100% - 14px);
}

.explore-ai-template-image-overlay {
  display: flex;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000000b2;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: Montserrat-Bold;
  font-size: 20px;
  transition: 0.5s ease;
  opacity: 0;
}
.explore-ai-template:hover .explore-ai-template-image-overlay {
  opacity: 1;
}
.explore-ai-template-content {
  padding: 0px 20px 5px;
  font-family: Montserrat-Medium;
  font-size: 14px;
}

.recent-creation-heading {
  font-size: 24px;
  font-family: Montserrat-SemiBold;
  color: #151515;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom:20px;
}
.recent-creation-view-all {
  color: #575d68;
  font-size: 14px;
  font-family: Montserrat-Regular;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration-color: #575d68;
  cursor: pointer;
}

.open-history-btn {
  position: fixed !important;
  top: 96px;
  left: 21px !important;
  display: flex ;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 1.53px 9.2px 0px #00000040;
  height: 45px !important;
  width: 45px;
  cursor: pointer;
  z-index: 997;
}
.open-history-btn:hover svg path,
.history-close-btn-2:hover path {
  fill: #0069ff;
}

.section-history {
  position: sticky;
  top: 79px;
  height: calc(100vh - 79px);
  width: 260px;
  display: none;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 14px 0px #00000026;
  padding: 11px 0px;
  z-index: 999;
  overscroll-behavior: contain;
  overflow: auto;
}
.section-history.active {
  display: block;
}
.section-content {
  width: 100%;
}
.section-content.active-history {
  width: calc(100vw - 260px);
}
.open-history-btn .tooltip-text {
  left: 136% !important;
}
.open-history-btn .tooltip-text::after {
  left: 18%;
}
.history-new-chat-btn {
  font-size: 14px;
  font-family: Montserrat-Medium;
  color: #151515;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d3d5d8;
  margin: 10px 15px 0;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.history-generated {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  overflow: scroll;
  height: calc(100% - 80px);
  padding-bottom: 20px;
  overscroll-behavior: contain; 
}
.recent-creation-text {
  display: flex;
  flex-direction: column;
}
.history-generated-text,
.recent-creation-text .chat-name {
  width: 132px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #575d68;
  font-family: Montserrat-Medium;
  font-size: 14px;
}
.recent-creation-text .chat-timeline {
  color: #9599a0;
  font-family: Montserrat-Medium;
  font-size: 12px;
}
.recent-creation-text .chat-name {
  width: 162px;
}
.history-close-btn {
  height: 20px;
  width: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.history-close-btn:hover {
  background: #e2e4e6;
}
.history-close-btn:hover path {
  fill: #575d68;
}
.history-generated-item,
.recent-creation-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  border-radius: 5px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
}
.history-generated-item img{
  max-height: 40px;
  object-fit: contain;
  background: #E8E8E8;
  margin-left: 5px;
  border-radius: 2px;
}
.history-generated-item:hover,
.recent-creation-item:hover {
  background: #f2f3f4;
}
.recent-creation-item {
  border: 1px solid #E2E4E6;
  max-width: 280px;
  padding: 10px 15px;
}
.recent-creation-item img{
  max-height: 40px;
  object-fit: contain;
  background: #E8E8E8;
  margin-left: 5px;
  border-radius: 2px;
  min-width: 40px;
}
.history-three-dots {
  position: relative;
}
.ai-genrated-img{
  max-width: 197px;
  margin-top:20px;
  position:relative;
  cursor: pointer;
}
.history-three-dots:hover circle {
  fill: #575d68;
}
.ai-genrated-img .history-three-dots{
  display: none;
}
.ai-genrated-img:hover .history-three-dots{
  display: block;
}
.ai-genrated-img:hover .history-three-dots circle {
  fill: #fff;
}
.bg-slider-body:hover .history-three-dots circle {
  fill: #fff;
}
.ai-genrated-img .history-three-dots{
  position: absolute; top:5px;right:5px;
}
.history-three-dots-option {
  display: none;
  position: fixed;
  width: 169px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 1px 12px 0px #0000001a;
  left: 120%;
  top: -10px;
  border: 1px solid #d8d8d8;
  z-index: 999;
}
/* .history-three-dots:hover .history-three-dots-option{
    display: block;
} */
.history-three-dots-option .notch {
  position: absolute;
  top: 14px;
  left: -7px;
  width: 15px;
  height: 15px;
  background-color: #fff;
  transform: rotate(45deg);
  border: 1px solid #d8d8d8;
  z-index: 0;
  clip-path: polygon(0 0, 100% 100%, 100% 100%, 0% 100%);
}
.history-three-dots-option-item {
  padding: 11px 10px 11px 16px;
  display: flex;
  gap: 13px;
  font-size: 15px;
  font-family: 'Montserrat-Medium';
}
.history-three-dots-option-item:hover {
  background: #F2F2F2;
}
.history-three-dots-option-item:first-child:hover 
  ~ .notch.notch-top,
.history-three-dots-option-item:nth-child(2):hover 
  + .notch.notch-bottom {
  background: #F2F2F2;
}
.history-recent-creation {
  display: flex;
  align-items: center;
  /* justify-content:center; */
  gap: 10px;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: none;
  position:relative;
  margin-bottom: 20px;
}
.ai-generate-component {
  /* opacity: 0; */
  /* transition: opacity 0.5s ease; */
  /* position: fixed; */
  /* top: 78px; */
  /* left: 0px; */
  /* height: calc(100vh - 78px); */
  /* width: 100%; */
  background-color: #fff;
  /* z-index: 998; */
  font-family: Montserrat-Regular;
  margin-top: 100px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI0ODkiIHZpZXdCb3g9IjAgMCAxOTIwIDQ4OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgb3BhY2l0eT0iLjMiIGZpbHRlcj0idXJsKCNhKSI+PGVsbGlwc2UgY3g9IjE2NzIiIGN5PSI2NTMuNSIgcng9IjM1MiIgcnk9IjM0OS41IiBmaWxsPSJ1cmwoI2IpIi8+PC9nPjxnIG9wYWNpdHk9Ii40IiBmaWx0ZXI9InVybCgjYykiPjxlbGxpcHNlIGN4PSIzNzUiIGN5PSIzODQiIHJ4PSIzNzUiIHJ5PSIzODQiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTggMTA0MSkiIGZpbGw9InVybCgjZCkiLz48L2c+PGcgZmlsdGVyPSJ1cmwoI2UpIj48ZWxsaXBzZSBjeD0iMjk0LjUiIGN5PSIzMDEuNSIgcng9IjI5NC41IiByeT0iMzAxLjUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDcwMiA4MDMpIiBmaWxsPSJ1cmwoI2YpIi8+PGVsbGlwc2UgY3g9IjI5NC41IiBjeT0iMzAxLjUiIHJ4PSIyOTQuNSIgcnk9IjMwMS41IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA3MDIgODAzKSIgZmlsbD0idXJsKCNnKSIvPjwvZz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbD0idXJsKCNoKSIgZD0iTTAgMjU1aDE5MjB2NTQ2SDB6Ii8+PHBhdGggb3BhY2l0eT0iLjciIGQ9Ik0tMTUuNzkgMjQ5LjAzOWMxOS4wMzQgMzMuNDI2IDM5LjQyNCA2NS4zMTkgNjIuMDQ0IDk2LjM1NSAxOTEuOTA1IDMwMC4yIDYxNS41OTYgMzY2LjcyNCA5MjAuNTkxIDIwNC45MjMgMzEuODEtMTQuNTc4IDYyLjg1NS0zMC40MTEgOTMuNzY1LTQ3LjYyOSAxMzQuOTQtNzQuNTA4IDI3Ny45Ni0xMzcuNDk0IDQzMS4yNi0xNTguNjI5IDE0OC44OS0yNC4zNjggMzI3LjM5IDIzLjc1OSAzOTQuNTEgMTcwLjEyOCAxNy4yNiAzMy45OTggMjkuMTQgNzAuNjA0IDM3LjAxIDEwOC4wMy03LjQ4LTM3LjUwNi0xOS03NC4yNzUtMzUuOTktMTA4LjU0MS02NS44LTE0Ny42MjgtMjQ2LjIzLTE5OC4wMi0zOTYuMS0xNzQuMTA2LTE1NC4zOSAyMC40OC0yOTguMTcgODMuMzI3LTQzMy41OSAxNTcuOTE5LTMwLjggMTcuMTE4LTYxLjcwOCAzMi44NjYtOTMuMzY0IDQ3LjM3My0zMDMuNjc4IDE2MC41MTYtNzIyLjIxNCA5Ny40ODktOTE3LjE3NC0yMDAuMTQ0LTIyLjg4Mi0zMC43ODUtNDMuNTgxLTYyLjQ1My02Mi45NjEtOTUuNjc5IiBmaWxsPSIjZmZmIi8+PHBhdGggb3BhY2l0eT0iLjciIGQ9Ik02MzUuOTQ5IDE4Ni44NzVjLTEwLjM0MyAxNi4zMi0yMC41ODIgMzEuNjQzLTMxLjc1IDQ3LjM4NC05Ny4wNjYgMTM4LjMxNi0yMzkuMTYgMjU4LjY5Ni00MTEuNzIgMjgzLjI0MS0xNzIuMjUgMjYuMjQyLTM0Mi44MDgtNDUuNzgyLTQ3OS4wMS0xNDUuOTA5LTE1LjYzOC0xMS40MTItMzAuMTI3LTIyLjU3OS00NS4yMzMtMzQuNzc0YTExOTggMTE5OCAwIDAgMCA0NS44OTYgMzMuODQ3YzEzOC4wNzkgOTcuNDU2IDMwNy41MTMgMTY2LjgxOCA0NzcuNDY3IDE0MC45MDFDMzYxLjg1MyA0ODcuMzYzIDUwMy41NyAzNjkuOTYxIDYwMy4yNzYgMjMzLjU5YzExLjQ0Ni0xNS41MTMgMjEuOTk1LTMwLjYxMiAzMi42NzMtNDYuNzE1bTgzNS45MjEgNTIuMzc1YzMuNjIgMTQuNTIyIDcuNDEgMjguMjg1IDExLjc3IDQyLjU4MyAzNy42IDEyNS4zNjQgMTEyLjkzIDI0OC42NiAyMzQuMTggMzA4LjU5NSAxMjAuNjIgNjEuMTA0IDI2My43NiA0OS4wOTEgMzg4LjA3IDcuOTgxIDE0LjI1LTQuNjU3IDI3LjYtOS40MTQgNDEuNjUtMTQuNzc4YTkzNyA5MzcgMCAwIDEtNDEuOTkgMTMuNjljLTEyNS4yNiAzNy45ODctMjY2LjUgNDcuODIyLTM4NS4wNC0xMi4yNTYtMTE5LjE3LTU4Ljg4OC0xOTUuMDctMTc5LjIzNy0yMzUuNzgtMzAzLjU3OGE4ODYgODg2IDAgMCAxLTEyLjg2LTQyLjIzNyIgZmlsbD0iI2ZmZiIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjE2NzIiIHkxPSIzMDQiIHgyPSIxNjcyIiB5Mj0iMTAwMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMwMWMzY2QiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM3ZDJhZTciLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii0xMTAuNDE3IiB5MT0iLTE1OC4xOTMiIHgyPSIxMTM4LjMyIiB5Mj0iNDUuNTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZTNmZjg4Ii8+PHN0b3Agb2Zmc2V0PSIuMTcxIiBzdG9wLWNvbG9yPSIjNzRmZjhlIi8+PHN0b3Agb2Zmc2V0PSIuMjk3IiBzdG9wLWNvbG9yPSIjODZlNWZmIi8+PHN0b3Agb2Zmc2V0PSIuNDQ5IiBzdG9wLWNvbG9yPSIjNzBjNmZmIi8+PHN0b3Agb2Zmc2V0PSIuNTk0IiBzdG9wLWNvbG9yPSIjZWE3YmZmIi8+PHN0b3Agb2Zmc2V0PSIuNzYyIiBzdG9wLWNvbG9yPSIjZmY4ODkxIi8+PHN0b3Agb2Zmc2V0PSIuODY4IiBzdG9wLWNvbG9yPSIjZmY4Nzc3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZjY2IzIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImYiIHgxPSIwIiB5MT0iMzAxLjUiIHgyPSI1OTAuMTIiIHkyPSIyNTIuMDIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGFkZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2RjY2ZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMjk0LjUiIHkxPSIwIiB4Mj0iMjk0LjUiIHkyPSI2MDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOWNjNWZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJhIiB4PSIxMTIwIiB5PSIxMDQiIHdpZHRoPSIxMTA0IiBoZWlnaHQ9IjEwOTkiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwMCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzI5NDA0XzY1OTk0Ii8+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNDAwMDAwMDA1OTYwNDY0NDggMC40MDAwMDAwMDU5NjA0NjQ0OCIgc3RpdGNoVGlsZXM9InN0aXRjaCIgbnVtT2N0YXZlcz0iMyIgcmVzdWx0PSJub2lzZSIgc2VlZD0iMTIzNyIvPjxmZUNvbG9yTWF0cml4IGluPSJub2lzZSIgdHlwZT0ibHVtaW5hbmNlVG9BbHBoYSIgcmVzdWx0PSJhbHBoYU5vaXNlIi8+PGZlQ29tcG9uZW50VHJhbnNmZXIgaW49ImFscGhhTm9pc2UiIHJlc3VsdD0iY29sb3JlZE5vaXNlMSI+PGZlRnVuY0EgdHlwZT0iZGlzY3JldGUiIHRhYmxlVmFsdWVzPSIxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yOTQwNF82NTk5NCIgaW49ImNvbG9yZWROb2lzZTEiIHJlc3VsdD0ibm9pc2UxQ2xpcHBlZCIvPjxmZUZsb29kIGZsb29kLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjUpIiByZXN1bHQ9ImNvbG9yMUZsb29kIi8+PGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJub2lzZTFDbGlwcGVkIiBpbj0iY29sb3IxRmxvb2QiIHJlc3VsdD0iY29sb3IxIi8+PGZlTWVyZ2UgcmVzdWx0PSJlZmZlY3QyX25vaXNlXzI5NDA0XzY1OTk0Ij48ZmVNZXJnZU5vZGUgaW49ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjk0MDRfNjU5OTQiLz48ZmVNZXJnZU5vZGUgaW49ImNvbG9yMSIvPjwvZmVNZXJnZT48L2ZpbHRlcj48ZmlsdGVyIGlkPSJjIiB4PSItMzE4IiB5PSI3MyIgd2lkdGg9IjExNTAiIGhlaWdodD0iMTE2OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAwIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjk0MDRfNjU5OTQiLz48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC40MDAwMDAwMDU5NjA0NjQ0OCAwLjQwMDAwMDAwNTk2MDQ2NDQ4IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIiBudW1PY3RhdmVzPSIzIiByZXN1bHQ9Im5vaXNlIiBzZWVkPSIxMjM3Ii8+PGZlQ29sb3JNYXRyaXggaW49Im5vaXNlIiB0eXBlPSJsdW1pbmFuY2VUb0FscGhhIiByZXN1bHQ9ImFscGhhTm9pc2UiLz48ZmVDb21wb25lbnRUcmFuc2ZlciBpbj0iYWxwaGFOb2lzZSIgcmVzdWx0PSJjb2xvcmVkTm9pc2UxIj48ZmVGdW5jQSB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAiLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PGZlQ29tcG9zaXRlIG9wZXJhdG9yPSJpbiIgaW4yPSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzI5NDA0XzY1OTk0IiBpbj0iY29sb3JlZE5vaXNlMSIgcmVzdWx0PSJub2lzZTFDbGlwcGVkIi8+PGZlRmxvb2QgZmxvb2QtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yNSkiIHJlc3VsdD0iY29sb3IxRmxvb2QiLz48ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9Im5vaXNlMUNsaXBwZWQiIGluPSJjb2xvcjFGbG9vZCIgcmVzdWx0PSJjb2xvcjEiLz48ZmVNZXJnZSByZXN1bHQ9ImVmZmVjdDJfbm9pc2VfMjk0MDRfNjU5OTQiPjxmZU1lcmdlTm9kZSBpbj0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yOTQwNF82NTk5NCIvPjxmZU1lcmdlTm9kZSBpbj0iY29sb3IxIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImUiIHg9IjUwMiIgeT0iMCIgd2lkdGg9Ijk4OSIgaGVpZ2h0PSIxMDAzIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMDAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yOTQwNF82NTk5NCIvPjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjQwMDAwMDAwNTk2MDQ2NDQ4IDAuNDAwMDAwMDA1OTYwNDY0NDgiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIG51bU9jdGF2ZXM9IjMiIHJlc3VsdD0ibm9pc2UiIHNlZWQ9IjEyMzciLz48ZmVDb2xvck1hdHJpeCBpbj0ibm9pc2UiIHR5cGU9Imx1bWluYW5jZVRvQWxwaGEiIHJlc3VsdD0iYWxwaGFOb2lzZSIvPjxmZUNvbXBvbmVudFRyYW5zZmVyIGluPSJhbHBoYU5vaXNlIiByZXN1bHQ9ImNvbG9yZWROb2lzZTEiPjxmZUZ1bmNBIHR5cGU9ImRpc2NyZXRlIiB0YWJsZVZhbHVlcz0iMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMSAxIDEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjk0MDRfNjU5OTQiIGluPSJjb2xvcmVkTm9pc2UxIiByZXN1bHQ9Im5vaXNlMUNsaXBwZWQiLz48ZmVGbG9vZCBmbG9vZC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI1KSIgcmVzdWx0PSJjb2xvcjFGbG9vZCIvPjxmZUNvbXBvc2l0ZSBvcGVyYXRvcj0iaW4iIGluMj0ibm9pc2UxQ2xpcHBlZCIgaW49ImNvbG9yMUZsb29kIiByZXN1bHQ9ImNvbG9yMSIvPjxmZU1lcmdlIHJlc3VsdD0iZWZmZWN0Ml9ub2lzZV8yOTQwNF82NTk5NCI+PGZlTWVyZ2VOb2RlIGluPSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzI5NDA0XzY1OTk0Ii8+PGZlTWVyZ2VOb2RlIGluPSJjb2xvcjEiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PHBhdHRlcm4gaWQ9ImgiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09Im1hdHJpeCg2Mi43OSAwIDAgMzguMjIgOTExLjcgNDk4LjYpIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB2aWV3Qm94PSIwIDAgNDQuODUgMjcuMyIgd2lkdGg9IjEiIGhlaWdodD0iMSI+PHVzZSB4bGluazpocmVmPSIjaSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0Ljg1IC0yNy4zKSIvPjx1c2UgeGxpbms6aHJlZj0iI2kiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3LjMpIi8+PHVzZSB4bGluazpocmVmPSIjaSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0Ljg1KSIvPjxwYXRoIHN0cm9rZT0iI2ZmZiIgaWQ9ImkiIGQ9Ik0uNS41aDY4djQxSC41eiIvPjwvcGF0dGVybj48L2RlZnM+PC9zdmc+");
  background-position: bottom;
  background-repeat: no-repeat;
}
.ai-generate-component-bg {
  display: none;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 509px;
  /* z-index: -1; */
}
.ai-generate-chat {
  /* width: 800px; */
  margin: auto;
}
.ai-generate-chat-heading {
  width: 800px;
  padding: 22px 15px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: #151515;
  font-size: 16px;
  font-family: Montserrat-Regular;
  box-shadow: 0px 0px 14px 0px #003a8c40;
  border-radius: 5px;
  margin: auto;
  margin-top: 40px;
  position: relative;
}
.ai-generate-chat-heading span{
  width: 745px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai-generate-chat-heading span.ai-generate-heading-shimmer {
  position: relative;
  color: transparent;
  min-height: 20px;
  text-overflow: clip;
}
.ai-generate-chat-heading span.ai-generate-heading-shimmer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: min(55%, 380px);
  height: 14px;
  border-radius: 4px;
  background-color: #e9eaec;
  background-image: linear-gradient(to right, #e9eaec 0, #dcdfe3 20%, #e9eaec 40%, #e9eaec 100%);
  background-repeat: no-repeat;
  background-size: 350px 100%;
  animation: placeholderShimmer 2s linear infinite;
}
.question-box.question-box-1.ai-question-shimmer {
  position: relative;
  min-height: 72px;
  color: transparent;
}
.question-box.question-box-1.ai-question-shimmer::before,
.question-box.question-box-1.ai-question-shimmer::after {
  content: "";
  position: absolute;
  left: 15px;
  height: 12px;
  border-radius: 4px;
  background-color: #dbe6f7;
  background-image: linear-gradient(to right, #dbe6f7 0, #e8f1ff 35%, #c5d9f5 50%, #e8f1ff 65%, #dbe6f7 100%);
  background-repeat: no-repeat;
  background-size: 350px 100%;
  animation: placeholderShimmer 2s linear infinite;
}
.question-box.question-box-1.ai-question-shimmer::before {
  top: 15px;
  width: calc(100% - 30px);
  max-width: 480px;
}
.question-box.question-box-1.ai-question-shimmer::after {
  top: 35px;
  width: min(58%, 280px);
}
.ai-generate-help-text {
  font-size: 15px;
  margin-top: 15px;
}
.question-box {
  width: 545px;
  padding: 15px;
  background: #e8f1ff;
  border-radius: 10px;
  font-family: Montserrat-Regular;
  font-size: 15px;
  align-self: flex-end;
  margin-bottom: 8px;
  white-space: pre-wrap;
}
.question-box p:last-child {
  margin-bottom: 0;
}
.ai-chat-box {
  overflow-y: auto;
  height: calc(100vh - 175px);
  padding-bottom: 20px;
  scrollbar-width: thin;
  scrollbar-color: #a9acb2 #ffffff;
}
.ai-chat-box::-webkit-scrollbar {
  width: 6px !important;
  border-radius: 15px !important;
  background-color: #ffffff !important;
  display: block !important;
}

.ai-chat-box::-webkit-scrollbar-thumb {
  background-color: #a9acb2 !important;
  border-radius: 10px;
}
.ai-chat-box > div {
  width: 785px;
  display: flex;
  margin: auto;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 120px;
}

.error-action-btn {
  border: 1px solid #0069ff;
  background: #f4f9ff;
  padding: 6px 12px;
  margin-left: 20px;
  color: #151515;
  border-radius: 4px;
  font-family: Montserrat-Medium;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
  width: fit-content;
}
.event-selection-dialog {
  background: white;
  padding: 25px;
  width: 760px;
  margin: auto;
  box-shadow: 7px 9px 36px 0px #1e204526;
  border-radius: 15px;
  margin-top: 8px;
  position: relative;
}
.event-selection-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.event-selection-title {
  font-family: Montserrat-Bold;
  font-size: 20px;
  color: #151515;
  margin-bottom: 8px;
}
.event-selection-controls {
  color: #9599a0;
  font-size: 15px;
  font-family: Montserrat-SemiBold;
  margin-right: 30px;
  width: 95px;
  min-width: 95px;
  text-align: right;
}
.single-user-input{
    outline: none;
    width: 100%;
    border: none;
    font-size: 15px;
    font-family: 'Roboto-Regular';
    border: 1px solid #E2E4E6;
    height:157px;
    border-radius: 10px;
    padding: 10px;
}
.event-selection-close-btn {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 24px;
  right: 20px;
  cursor: pointer;
  border-radius: 5px;
}
.event-selection-close-btn:hover{
  background-color: #1515151A;
}
.event-selection-close-btn:hover svg path{
  fill: #151515;
}

.event-selection-body {
  /* padding: 20px 28px 28px 28px; */
}

.event-selection-item {
  padding: 17px 18px;
  border: 1px solid #e2e4e6;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: #fff;
  position: relative;
  font-family: Montserrat-Medium;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #575D68;
  height: 60px;
}
.event-selection-item-text-input{
    border: 0;
    outline: none;
    background: transparent;
    font-family: 'Montserrat-Medium';
    font-size: 16px;
}
.event-selection-item-text-input::placeholder{
    font-family: 'Montserrat-Medium';
    font-size: 13px;
    color:#9599A0;
}
.event-selection-item:hover:not(:has(.event-selection-btn-skip:hover, .event-selection-btn-next:hover)),
.event-selection-item.active {
  background: #f4f9ff;
  border: 1px solid #9cc5ff;
}
.event-selection-item svg {
  display: none;
}
.event-selection-item.active svg {
  display: block;
}
.event-selection-item .arrow-svg {
  display: none;
}
.event-selection-item.active .arrow-svg {
  display: block;
}
 /* Multi-Select Blue Checkbox logic */
.blue-cb {
  width: 24px;
  height: 24px;
  border: 1px solid #E2E4E6;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  flex-shrink: 0;
}
.blue-cb:hover {
  border: 1px solid #B4B7BC;
}

.active.blue-cb {
  background: #0069ff;
  border-color: #0069ff;
}
.blue-cb svg {
  display: none;
}
.active.blue-cb svg {
  display: block;
}

.event-selection-btn-skip, .event-selection-btn-next {
  background: none;
  border: 1px solid #575D68;
  color: #575D68;
  padding: 8px 24px;
  border-radius: 25px;
  font-size: 14px;
  font-family: Roboto-Medium;
  cursor: pointer;
  transition: all 0.2s ease;
  float: right;
  background-color: #F2F3F4;
}
.event-selection-btn-skip:hover,
.edit-prompt-btn:hover{
  background-color: #e1e1e1 !important;
}
.event-selection-btn-next:hover{
  background-color: #d6e6ff !important;
}
.event-selection-btn-next{
  background-color: #E8F1FF;
  border: 1px solid #0069FF;

}

.explore-tool-manage-center {
  transform: translatex(50%);
}
.waht-is-designwiz-ai img {
  min-width: 508px;
}
.poster-title svg {
  position: absolute;
  top: -6px;
}
.c-cta-btn{
  padding:11px 0;
}
.error-wrapper .icon-wrapper {
  width: auto;
}
.upgrade-dialog-componnet-wrapper {
  position: fixed;
  transition: opacity 0.5s ease;
  background: #0D0C17B2;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  z-index: 998;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade-dialog-componnet{
  height: 613px;
  width: 935px;
  max-width: 935px;
  min-width: 935px;
  background-color: #FFF;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  position: relative;
}
.upgrade-dialog-componnet .left{
  width: 439px;
  height: 100%;
  background: #FFFFFF;
  border-right: 1px solid #d3d5d8;
  position: relative;
}
.upgrade-dialog-componnet .right{
  width: 496px;
  height: 100%;
  background: #F4F9FF;
}
.upgrade-right-content{
  padding: 15px 21px 0px 31px;
}
.upgrade-benefits p {
  font-family: Roboto-Bold;
  font-size: 17px;
}
.upgrade-right-heading{
  color:#151515;
  font-family: Roboto-Bold;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 125%;
}
.upgrade-right-list{
  list-style: none;
  font-family: Roboto-Regular;
  font-size: 17px;
  color: #151515;
  padding: 0;
}
.upgrade-left-heading {
  background: linear-gradient(90deg, #E8004F 0%, #168FD2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: Roboto-Bold;
  font-size: 30px;
  margin-bottom:8px ;
  text-align: center;
}
.upgrade-left-heading-container{
  position: relative;
  z-index: 1;
  height: 122px;
  padding-top: 25px;
}
.upgrade-left-heading-text{
  color:#151515;
  font-family: Roboto-Regular;
  font-size: 17px;
  text-align: center;
}
.upgrade-left-heading-v2{
  font-family: Roboto-Bold;
  font-size: 30px;
  margin-bottom: 8px;
  text-align: center;
}
.upgrade-left-heading-title-text{
  font-size: 30px;
  color: #151515;
  font-family: 'Roboto-Bold';
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.upgrade-left-heading-title-pro-tag{
  font-size: 26px;
  color: #FFFFFF;
  font-family: 'Roboto-Bold';
  background-color: #0069FF;
  padding: 1px 6px;
  border-radius: 5px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upgrade-options{
  margin: auto 30px;
}
.free-trial-btn{
  border: 1px solid #9CC5FF;
  background-color: #F4F9FF;
  padding: 1.5px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 105px;
}
.free-trial-btn-content{
  display: flex;
  flex-direction: column;
  font-family: Roboto;
  color: #151515;
}
.free-trial-btn-content-1{
  font-size:17px;
  font-family: Roboto-Medium;
}
.free-trial-btn-content-2{
  font-size:13px;
  font-family: Roboto-Regular;
}
.on-of-btn{
  width: 53px;
  height: 28px;
  border-radius: 20px;
  padding: 2px;
  background-color: #0069FF;
  cursor: pointer;
}
.on-of-btn-white{
  height: 24px;
  width: 24px;
  background-color: white;
  float: right;
  box-shadow: 0px 2px 4px -2px #1018280F;
  border-radius: 50%;
}
.life-time-offer, .yearly-offer, .monthly-offer{
  width: 100%;
  height: 75px;
  background:#F2F3F4;
  padding: 7px;
  margin: 22px auto auto auto;
  border-radius: 5px;
  border: 2px solid transparent;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position:relative;
  cursor: pointer;
}
.life-time-offer-pricing{
  font-family: Roboto;
  font-size: 17px;
  color: #151515;
  display: flex;
  flex-direction: column;
}
.offer-teimer,.yearly-offer-teimer{
    background: linear-gradient(226.28deg, #DF1470 3.5%, #0376CA 96.61%);
    color: white;
    font-family: Roboto-Bold;
    width: 72px;
    height: 61px;
    border-radius: 3px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 0;
}
.life-time-offer-hilight,.yearly-offer-hilight{
  font-family: Roboto;
  font-weight: 600;
  font-size: 13px;
  position: absolute;
  width: 155px;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  color:white;
}
.yearly-offer{
  /* background: #E8F1FF;
  border: 2px solid #0069FF; */
  margin-top: 18px;
}
.yearly-offer.active,
.monthly-offer.active{
  background: #E8F1FF;
  border: 2px solid #0069FF;
}
.yearly-offer-teimer{
  background:#0069FF;
  font-size: 24px;
}
.monthly-offer{
  margin-top: 18px;
}
.try-for-3day{
  background: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 78px;
  box-shadow: 0px -3px 14px 0px #00000014;
  display: flex;
  align-items: center;
  justify-content: center;
}
.try-for-3day-btn {
    width: 380px;
    height: 55px;
    background-color: #34A853;
    border-radius: 6px;
    box-shadow: 1px 1px 3px 0px #0000004d;
    font-family: Roboto-Bold;
    font-size: 21px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.try-for-3day-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, #fff0, #ffffff1a 20%, #fff9, #ffffff1a 80%, #fff0);
  transform: skew(-20deg);
  transition: none;
  animation: shimmer 2s linear infinite;
}
.try-for-3day-btn svg {
    margin-bottom: 3px;
    margin-left: 12px;
}
.try-for-3day-btn:hover {
    background-color: #2A8642 !important;
}
.upgrade-close-btn{
  height:32px;
  width:32px;
  background-color: #9599A0;
  cursor: pointer;
  position: absolute;
  right: 11px;
  top: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.thinking{
  font-family: Montserrat-Regular;
  font-size: 15px;
  color: #151515;
  background: linear-gradient(
      90deg,
      #151515 0%,
      #151515 45%,
      #fff 50%,
      #151515 55%,
      #151515 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: thinkingShimmer 7s linear infinite;
}
@keyframes thinkingShimmer {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}

.ai-genration-shimmer-card {
  margin-top: 20px;
  width: 197px !important;
  height: 263px;
  border: 1px solid #e2e4e6;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 23px "Sansita", sans-serif;
  background-color: #fff;
}
.ai-genration-shimmer-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: linear-gradient(
    120deg,
    #4f00ff,
    rgba(213, 64, 233, 0.4),
    #fecfb6,
    #4f00ff
  );
  background-size: 300% 300%;
  opacity: 0.5;
  animation: gradientMove 6s ease infinite,rotateGradient 12s linear infinite;
}
@keyframes gradientMove {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes rotateGradient {
  to { transform: rotate(360deg); }
}
.content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  opacity: 50%;
  background: linear-gradient(100deg, #4f00ff, #d640e9, #fecfb6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content svg {
  margin-left: 6px;
  animation: blink 1s infinite;
}
.genration-type-lable{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 5px;
  padding: 5px;
  width: max-content;
  margin: 15px 0px 10px 0px;
  border-radius: 5px;
  max-width: 100%;
}
.genration-type-lable svg{
  min-width: 22px !important;
}
.genration-type-lable span{
  display: block;
  width: 100% ;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@keyframes blink {
  50% {
    opacity: 0.3;
    transform: scale(0.85);
  }
}
.image-full-screen-preview{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(20px);
  flex-direction: column;
}
.image-full-screen-preview-close{
  height: 32px;
  width: 32px;
  background-color: #FFFFFF4D;
  cursor: pointer;
  position: absolute;
  right: 11px;
  top: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.image-full-screen-preview-close:hover{
  background-color: rgba(92, 158, 251, 0.3) !important;
  
}
.image-full-screen-preview-img{
    max-width: 90%;
    max-height: 90%;
    text-align: center;
}
.image-full-screen-preview-img img{
  max-width: 100%;
  max-height: 100%;
}
.suggest-ai-video-convertor hr{
  color: #D3D5D8;
  opacity: 1;
  border:0;
  border-top:1px solid;
}
.suggest-ai-video-convertor-heading{
  font-family:Montserrat-SemiBold;
  font-size: 19px;
  color:#151515;
}
.suggest-ai-video-convertor-card{
  width: 320px;
  height: 162px;
  border-radius: 8px;
  box-shadow: 1px 2px 8px 0px #00000040;
  background-image: url('data:image/jpeg;base64,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');
  margin-top: 10px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.suggest-ai-video-convertor-card-content{
  display:flex;
  flex-direction: column;
  width:177px;
  margin: 23px 0px 0px 12px;
  gap: 10px;
}
.suggest-ai-video-convertor-card-content-heading{
    font-family: 'Montserrat-Bold';
    font-size: 18px;
    color: #151515;
}
.suggest-ai-video-convertor-card-content-text{
  font-family: 'Montserrat-Regular';
  font-size: 10.9px;
  color: #575D68;
}
.suggest-ai-video-convertor-card-content-btn{
  color: #fff;
  background: #0069FF;
  width: 100%;
  border-radius: 54px;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 16px 9px 16px;
  font-family: 'Montserrat-Medium';
  font-size: 15px;
}
.suggest-ai-video-convertor-card-video {
  position: absolute;
  top: 7px;
  right: 35px;
  max-width: 26%;
  border-radius: 5px;
  z-index: 1;
  background: transparent;
  box-shadow: 0px 0px 11.49px 0.82px #89B2FF59;
}

.suggest-ai-video-convertor-card-video::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5px;
  padding: 2px; 
  background: linear-gradient(
    105.3deg,
    rgba(1, 195, 205, 0.5) 4.53%,
    rgba(0, 105, 255, 0.5) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}
.user-feeedback-response-wraper{
  background:#FFF;
  height:70px;
  width: 100%;
  box-shadow: 0px 0px 14px 0px #003A8C40;
  position: fixed;
  bottom:0px;
  left: 0px;
  align-items: center;
  display: flex;
  z-index: 999;
}
.user-feeedback-response{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  width: 795px;
  max-width: 795px;
  padding: 0 10px;
}
.user-feeedback-response-left{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: Roboto-Regular;
  color: #575D68;
}
.user-feeedback-btn{
  background: #FFFFFFB2;
  border: 1px solid #9599A0;
  color: #9599A0;
  font-family: Roboto-Regular;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-self: center;
  gap: 15px;
  padding: 11px 16px;
  border-radius: 54px;
}
.user-feeedback-btn:hover{
  color: #575D68;
  border: 1px solid #9599A0;
}
.user-feeedback-btn:not(.active):hover svg path {
  fill: #575D68;
}
.user-feeedback-btn .active_svg{
  display:none;
}
.user-feeedback-btn.active .orignal_svg{
  display: none;
}
.user-feeedback-btn.active .active_svg{
  display: block;
}
.user-feeedback-btn.active {
  color: #0069FF;
  border: 1px solid #0069FF
}
.user-feeedback-new-chat.user-feeedback-btn{
  background: #E8F1FF;
  border: 1px solid #0069FF;
  color: #0069FF;
  font-family: Roboto-Medium;
  font-size: 15px;
  gap: 7px;
}
.user-feeedback-new-chat.user-feeedback-btn:hover{
  background: #0069FF;
  color: #fff;
}
.user-feeedback-new-chat.user-feeedback-btn:hover svg path{
  stroke: #fff;
  fill: transparent;
}
.bg-slider-header{
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: Montserrat-Bold;
  font-size: 20px;
  color: #575D68;
  margin-top: 20px;
  gap:32px;
}
.bg-slider-header div{
  cursor: pointer;
}
.bg-slider-header .active{
  color: #0069FF;
  border-bottom: 3px solid #0069FF;
}

.bg-slider-body {
  margin-top: 13px;
  width: 705px;
  height: 424px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml,%3Csvg%20width%3D%22705%22%20height%3D%22424%22%20viewBox%3D%220%200%20705%20424%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Crect%20width%3D%22705%22%20height%3D%22424%22%20fill%3D%22white%22%2F%3E%3Crect%20width%3D%22705%22%20height%3D%22424%22%20fill%3D%22url(%23pattern0_30555_161976)%22%20fill-opacity%3D%220.1%22%2F%3E%3Cdefs%3E%3Cpattern%20id%3D%22pattern0_30555_161976%22%20patternContentUnits%3D%22objectBoundingBox%22%20width%3D%220.0771631%22%20height%3D%220.128302%22%3E%3Cuse%20xlink%3Ahref%3D%22%23image0_30555_161976%22%20transform%3D%22scale(0.00120567%200.00200472)%22%2F%3E%3C%2Fpattern%3E%3Cimage%20id%3D%22image0_30555_161976%22%20width%3D%2264%22%20height%3D%2264%22%20preserveAspectRatio%3D%22none%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4%2F6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog%2Bk%2BNLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE%2BgA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM%2Fz%2BQUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw%2BAgRBMNYgBmCAT2TCYfoPPz%2FHCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC%22%2F%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.bg-slider-body img {
  max-width: 100%;
  max-height: 100%;
}
.bg-slider-overlay{
  background-color: #00000066;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.design-option {
  font-size: 15px;
  font-family: 'Montserrat-Medium';
}
.error-wrapper{
  height: 57px;
  border: 1px solid #B4B7BC;
  box-shadow: 0px 4px 14px 0px #00000040;
  top: 55;
}
.create-qr-steper.pb-90{
  margin: 100px auto;
}
.container-faq{
  max-width: 1161px !important;
}
.copyStyle{
  min-width: auto !important;
  border: none !important;
}
.ai-generate-chat-heading-back{
  height:30px;
  width:30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
}
.ai-generate-chat-heading-back:hover{
  background-color: #E2E4E6;
}
.c-slick-next:before{
  content: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2220%22%20viewBox%3D%220%200%2012%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20transform%3D%22scale(1%20-1)%22%3E%3Cpath%20d%3D%22m1.637%201.633%208.181%208.182-8.181%208.181%22%20stroke%3D%22%23151515%22%20stroke-width%3D%223.273%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-slick-prev:before{
  content: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2220%22%20viewBox%3D%220%200%2012%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.819%201.633%201.637%209.815l8.182%208.181%22%20stroke%3D%22%23151515%22%20stroke-width%3D%223.273%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.disable-genrate-btn{
  cursor: not-allowed !important;
}
@supports (-moz-appearance: none) {
  .flyer-maker-search-input,
  .designTypeDropDown,.history-generated,
  .ai-chat-box {
    scrollbar-width: thin;
  }
  .section-history {
    overflow: auto;
    overscroll-behavior:contain !important;
    scrollbar-width: none;
  }
}

@media screen and (max-width: 1650px) {
  .section-history {
    top:61px;
    height: calc(100vh - 61px);
    position: fixed;
  }
  .section-content.active-history {
    width: 100%;
  }
}
/* @media screen and (max-width: 1600px) {
  .ai-generate-component{
    top: 61px !important;
    height: calc(100vh - 61px);
  }
} */
@media screen and (max-width: 1410px) {
  .design-types {
    justify-content: start !important;
  }
}
@media screen and (max-width: 1219px) {
  .explore-tool-manage-center {
    transform: none;
  }
}
@media screen and (max-width: 1150px) {
  .section-history{
    top:59px;
    height: calc(100vh - 59px);
  }
  /* .ai-generate-component{
    top: 55px !important;
    height: calc(100vh - 55px);
  } */
}
@media screen and (max-width: 1024px) {
  .explore-ai-template {
    width: calc(33% - 15px);
  }
  .recent-creation-heading,
  .explore-ai-create-heading {
    font-size: 20px;
  }
  .recent-creation-view-all {
    font-size: 11px;
  }
  .explore-ai-create {
    padding: 30px 15px 30px;
  }
  .explore-ai-templates > :last-child:nth-child(3n + 1) {
    margin-right: auto;
  }
}
@media screen and (max-width: 992px) {
  .steper-line.palette-five {
    height: 500px;
  }
  .waht-is-designwiz-ai {
    flex-direction: column;
  }
  .waht-is-designwiz-ai img {
    min-width: auto !important;
  }
  .waht-is-designwiz-ai-text {
    margin: 20px 0px 0px 0px !important;
    padding: 0 20px;
  }
  .who-can-use-row {
    flex-direction: column;
    gap: 10px;
  }
  .who-can-use-row-contnet {
    padding: 0px 20px;
  }
  .open-history-btn {
    top: 70px;
    left: 10px !important;
    height: 35px !important;
    width: 35px;
  }
  .who-can-use-row-text {
    font-size: 17px;
  }
  .sub-heading-text-space {
    margin: 50px auto;
  }
  .who-can-use-section{
    margin-top: 50px !important;
  }
  .create-qr-steper.pb-90{
    margin: 50px auto;
  }
}
@media screen and (max-width: 960px) {
  .steper-line.palette-five {
    height: 529px;
  }
}
@media screen and (max-width: 873px) {
  .steper-line.palette-five {
    height: 570px;
  }
}
@media screen and (max-width: 818px) {
  .explore-ai-create {
    margin-top: -20px !important;
  }
  .ai-generate-chat{
    max-width: 800px;
    /* padding: 0px 15px; */
  }
  .ai-generate-chat-heading{
    max-width: 800px;
    width: calc(100% - 30px);
    margin-left:15px;
    margin-right:15px;
  }
  .ai-chat-box > div{
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  .event-selection-dialog{
    max-width: 760px;
    width: 100%;
  }
}
@media screen and (max-width: 780px) {
  .explore-ai-template {
    width: calc(50% - 15px);
  }
  .explore-ai-templates > :last-child:nth-child(3n + 1) {
    margin-right: unset;
  }
}
@media screen and (max-width: 820px) {
  .open-history-btn{
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .recent-creation-heading,
  .explore-ai-create-heading {
    font-size: 18px;
  }
  .open-history-btn{
    display: none !important;
  }
  .explore-ai-template-content{
    padding: 0px 10px 5px;
  }
}
@media screen and (max-width: 767px) {
  .ai-bg-rm-card {
    max-width: none;
    max-height: 414px !important;
    min-height: 280px !important;
    width: auto;
  }
  /* .ai-generate-component{
    top: 53px !important;
    height: calc(100vh - 53px);
  } */
}
@media screen and (max-width: 500px) {
  .recent-creation-heading,
  .explore-ai-create-heading {
    font-size: 16px;
  }
  .who-can-use-row-contnet {
    padding: 0px;
  }
  .who-can-use-row img {
    width: 100%;
    min-width: 100%;
    max-height: 244px;
    object-fit: contain;
  }
  .open-history-btn {
    top: 60px;
    height: 30px !important;
    width: 30px;
  }
}
@media screen and (max-width: 430px) {
  .generate-btn svg {
    display: none;
  }
}
@media screen and (max-width: 407px) {
  .explore-ai-template {
    width: calc(100%);
  }
  .poster-title svg {
    position: absolute;
    top: 26px;
  }
}
/* creadit purchase dialog */
.credits-dialog{
    position: fixed;
    transition: opacity 0.5s ease;
    background: #0D0C17B2;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    z-index: 998;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.template-features{
  font-size: 17px;
  font-family: Roboto-Regular;
}

.pro-price-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  background: rgba(242, 243, 244, 1);
  border-radius: 5px;
  margin-top: 17px;
  border: 3px solid transparent;
  position: relative;
  height: 86px;
  cursor: pointer;
}
.pro-price-card:hover{
  border: 3px solid #0069FF;
  background-color: #E8F1FF;
}
.pro-price-card.active{
  border: 3px solid #0069FF;
  background-color: #E8F1FF;
}
.pro-price-card.active-curr{
  border: 3px solid #34A853;
  background-color: #E0F9EB;
}

.pro-dlog-offer-top{
  margin-top: 0px;
}

.limited-offer{
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
}
.limited-offer-text{
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-51%);
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: Roboto;
  font-weight: 600;
  font-size: 13px;
  color: #FFFFFF;
}
.popular-offer{
  position: absolute;
  top: -19%;
  left: 50%;
  transform: translateX(-50%);
}
.popular-offer-text{
  position: absolute;
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
  font-family: Roboto;
    font-weight: 600;
  font-size: 13px;
  color: #151515;
}
.pro-price-val{
  padding: 15px;
}
.pro-price{
  font-family: Roboto-Bold;
  font-size: 30px;
  line-height: 41.02px;
  color: #151515;    
}
.pro-price sup{
  font-family: Roboto;
  font-weight: 600;
  font-size: 17px;
  line-height: 19.92px;
  position: relative;
  top: -10px;
  left: -2px;
}

.pro-cont-btn {
max-width: 379px;
max-height: 56px;
width: 100%;
height: 100%;
background: #34A853;
box-shadow: 1px 1px 3px 0px #0000004D;
padding-top: 15px;
padding-bottom: 15px;
padding-inline: auto;
border-radius: 6px;
font-family: Roboto-Bold;
font-size: 21px;
line-height: 24.61px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
border: none;
outline: none;
text-decoration: none;
position: relative;
overflow: hidden;
cursor: pointer;
transition: background-color 0.3s ease;
}

.pro-cont-btn:hover {
background-color: #35a051;
}

.pro-cont-btn:before {
content: '';
position: absolute;
top: 0;
left: -130%;
width: 100%;
height: 100%;
background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
transform: skewX(-20deg);
transition: none;
}

.pro-cont-btn:before {
animation: shimmer 2s linear infinite;
}

@keyframes shimmer {
0% {
  left: -150%;
}
100% {
  left: 150%;
}
}

.pro-cust-info{
  position: absolute;
  z-index: 30;
  bottom: 0;
  left: 0;
  padding: 0 24px 23px 19px;
}
.pro-cust-heading{
  font-family: Roboto-Bold;
  font-size: 24px;
  line-height: 28.13px;
  color: #FFFFFF;
}
.c-pro-change{
  line-height: 33px;
  font-family: Roboto-Bold;
}
.pro-cust-occupation{
  font-family: Roboto-Bold;
  font-size: 15px;
  line-height: 17.58px;
  color: #FFFFFF;
  margin-top: 7px;
  text-align: start !important;
}
.c-pro-occupation{
  font-size: 17px !important;
  padding: 20px 0px 15px 0px;
}
.pro-price-r{
  width: 487px;
  min-height: 575px;
  padding: 4px 4px 0 0;
  margin-left: auto;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 950px) {
  .pro-price-r{
      width: 100%;
      padding-left: 4px;
  }
}

.p-dlog-close{
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  z-index: 99;
  outline: none;
  border-radius: 4px;
}

.r-cust-arrow{
  margin-bottom: 3px !important;
  margin-left: 13px !important;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.pricing-dlog-img{
  border-radius: 0 6px 0 0;
}



.pro-cancel-desc {
  font-family: Roboto-Regular;
  font-size: 16px;
  line-height: 18.75px;
  color: #151515;
  margin-top: 15px;
}

.p-dlog-close:hover {
  background-color: #599DFF;
  border-radius: 4px;
}


@keyframes placeholderShimmer {
  0% {
    background-position: -350px 0;
  }
  100% {
    background-position: 350px 0;
  }
}

/* Pricing Dialof After Onboard */
.pricing-credit-dialog{
  max-width: 1000px;
  min-width: 1000px;
  min-height: 700px;
  max-height: 700px;
  background-color: white;
  overflow: hidden;
  box-shadow: 7px 9px 36px 0px #1E204526;
  border-radius: 15px;
  position: relative;
  z-index: 20;
}
.pricing-afterboard-r{
  width: 517px;
  min-height: 700px;
}


.pro-afterb-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px -3px 14px 0px #00000014;
    padding: 12px 0px;
    margin-top: 13px;
}

.pricing-credit-dialog-2 {
    max-width: 935px;
    min-width: 935px;
    max-height: 575px;
    min-height: 575px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
}


@media screen and (max-width: 1200px){
  .pricing-credit-dialog-2,.upgrade-dialog-componnet{
    transform: scale(0.9) !important;
  }
}
@media screen and (max-width: 1100px){
  .pricing-credit-dialog-2,.upgrade-dialog-componnet{
    transform: scale(0.80) !important;
  }
}
@media screen and (max-height: 730px){
  .pricing-credit-dialog-2,.upgrade-dialog-componnet{
    transform: scale(0.80) !important;
  }
}
@media screen and (max-height: 700px){
  .pricing-credit-dialog-2,.upgrade-dialog-componnet{
    transform: scale(0.75);
  }
}

.pro-cont-btn:hover .r-cust-arrow{
    margin-left: 16px !important;
    transition: margin 0.3s ease-in !important;
}

.pricing-side-left, .feature-side-right {
    width: 50% !important; 
    max-height: 575px;
    min-height: 575px;
    overflow: hidden;
}

.pro-plan-neon{
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.c-up-pro-plan-choose{
  background: linear-gradient(100.1deg, #4F00FF 3.67%, #D640E9 72.51%, #FECFB6 100.75%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: Roboto-Bold;
  font-size: 30px;
  letter-spacing: 0px;
  text-align: center;
  line-height: 120%;
}
.pro-plan-access{
  font-family: Roboto-Regular;
  font-size: 17px;
  letter-spacing: 0px;
  color: #151515;
  text-align: center;
}
.cust-pro-pricing{
  padding: 20px 27px 11px;
}
.user-reference-images{
  display: flex;
  column-gap: 10px;
  justify-content: end;
  margin-bottom: 10px;
}
.user-reference-image{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(226, 228, 230, 1);
  border-radius: 10px;
  overflow: hidden;
}
.user-reference-image img{
  max-width: 100%;
  max-height: 100%;
}
.bg-slider-three-dots{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.ai-generated-design-card-shimmer{
  width: 197px;
  height: 263px;
  background: #e9eaec;
  background-image: linear-gradient(to right, #e9eaec 0, #dcdfe3 20%, #e9eaec 40%, #e9eaec 100%);
  background-repeat: no-repeat;
  background-size: 350px auto;
  display: block;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
}

.history-toggle-btn,
.section-history .chevron,
.section-history > div > button {
  display: none !important; 
}

.history-generated {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  overflow-x: hidden !important;
  overflow-y: auto;   
  height: calc(100vh - 190px);
  padding-bottom: 10px;
}

::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}

.history-generated::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
}
.history-generated::-webkit-scrollbar-thumb {
  width: 4px !important;
  height: 4px !important;
  background: #888 !important;
  border-radius: 4px !important;
}
.history-generated::-webkit-scrollbar-track {
  background: transparent !important;
}
.history-generated::-webkit-scrollbar-button {
  display: none !important;
}
.edit-prompt-btn{
  padding: 11px 18px;
  background-color: #F2F3F4;
  border: 1px solid #575D68;
  border-radius: 54px; 
  cursor: pointer;
}
.new-chat-btn{
  padding: 11px 25px;
  background-color: #E8F1FF;
  border: 1px solid #0069ff;
  border-radius: 54px; 
  cursor: pointer;
  color: #0069ff;
}
.new-chat-btn:hover {
  background-color: #0069ff;
  color: #FFFFFF;
}
.new-chat-btn:hover svg g path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
@keyframes needs-info-hint-blink-bg {
  0%,
  100% {
    background-color: transparent;
  }
  50% {
    background-color: #e0eeff;        ;
  }
}
.needs-info-hint-input.needs-info-hint-blink-anim {
  animation: needs-info-hint-blink-bg 0.6s ease-in-out 4;
}
.event-selection-btn-next.needs-info-footer-next-last {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 18px;
  line-height: 1.15;
}
.event-selection-btn-next.needs-info-footer-next-last svg {
  display: block;
}

.event-selection-item.something-else.needs-info-something-else-last:hover {
  background: #fff;
  border-color: #e2e4e6;
}

/* Recent creation row shimmer (ai/index.html only — same card size as .recent-creation-item) */
.recent-creation-shimmer-item {
  cursor: default;
  pointer-events: none;
  flex-shrink: 0;
  background: #fff;
}
.recent-creation-shimmer-item:hover {
  background: #fff;
}
.recent-creation-shimmer-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.recent-creation-shimmer-thumb {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  flex-shrink: 0;
  background-color: #e9eaec;
  background-image: linear-gradient(to right, #e9eaec 0, #dcdfe3 20%, #e9eaec 40%, #e9eaec 100%);
  background-repeat: no-repeat;
  background-size: 350px 100%;
  animation: placeholderShimmer 2s linear infinite;
}
.recent-creation-shimmer-bar {
  display: block;
  border-radius: 4px;
  max-width: 100%;
  background-color: #e9eaec;
  background-image: linear-gradient(to right, #e9eaec 0, #dcdfe3 20%, #e9eaec 40%, #e9eaec 100%);
  background-repeat: no-repeat;
  background-size: 350px 100%;
  animation: placeholderShimmer 2s linear infinite;
}
.recent-creation-shimmer-bar--primary {
  width: 162px;
  height: 12px;
}
.recent-creation-shimmer-bar--secondary {
  width: 96px;
  height: 10px;
}
.recent-creation-shimmer-dots {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  margin-left: 4px;
}
.recent-creation-shimmer-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e9eaec;
  background-image: linear-gradient(to right, #e9eaec 0, #dcdfe3 20%, #e9eaec 40%, #e9eaec 100%);
  background-repeat: no-repeat;
  background-size: 350px 100%;
  animation: placeholderShimmer 2s linear infinite;
}
.headline { 
  font-size: 32px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: 'Roboto-Bold';
  color: #151515;
  text-align: center;
}
.brand { 
  background: linear-gradient(90deg, #099EF1 0%, #6863F8 17%, #D84FFA 34%, #F058C5 51%, #FF4F90 68%, #FF6558 85%, #FF891F 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important; 
}
.sub-text {
  font-size: 17px;
  color: #9599A0;
  margin-top: 17px;
  margin-bottom: 10px;
  font-family: 'Roboto-Medium';
  text-align: center;
}
.feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #151515;
  font-size: 14px;
  font-family: 'Roboto-Regular';
}
.feature-item span svg {
  pointer-events: none;
}
.paid-trial-pricing-box{
  width: 284px;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 8px;
  background-color: #F2F3F4;
  border-radius: 6px;
  font-size: 17px;
  font-family: 'Roboto-Bold';
  color: #151515;
  margin: auto;
  margin-top: 19px;
}
.paid-trial-steps-parent{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  margin-bottom: 10px;
  margin-inline: 7px;
  color: #575D68;
  font-size: 13px;
  font-family: 'Roboto-Bold';
}
.features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 10px;
  font-size: 13px;
  margin-bottom: 10px;
}
.paid-trial-start-btn{
  max-width: 380px;
  max-height: 55px;
  background: linear-gradient(90deg, #099EF1 0%, #6863F8 17%, #D84FFA 34%, #F058C5 51%, #FF4F90 68%, #FF6558 85%, #FF891F 100%);
  border-radius: 46px;
}