body{
      font-family: var(--font-cinzel-decorative);
}

.k64dox1xqcmwqjq9x1gvlhb9m8-1-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  width: 200px;
  overflow: hidden;
  height: 200px;
  object-fit: contain;
  opacity: 0;
}
.k64dox1xqcmwqjq9x1gvlhb9m8-1-icon.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.k64dox1xqcmwqjq9x1gvlhb9m8-1-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.inner-layout {
  width: 531px;
  height: 500px;
  position: relative;
  z-index: 999;
  right: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}
.one-soul {
  margin: 0;
  height: 81px;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  opacity: 0;
}
.one-soul.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-bottom;
}
.one-soul,
.title,
.where-art-dwells {
  display: flex;
  align-items: center;
  justify-content: center;
}
.where-art-dwells {
  margin: 0;
  width: 282px;
  position: relative;
  font-size: var(--font-size-6xl);
  font-weight: 400;
  font-family: inherit;
  opacity: 0;
  box-sizing: border-box;
  padding-left: var(--padding-xl);
  padding-right: var(--padding-xl);
}
.where-art-dwells.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.title {
  margin: 0 !important;
  position: absolute;
  height: 18.55%;
  top: 40.65%;
  bottom: 40.8%;
  left: calc(35% - 50px);
  flex-direction: column;
  gap: var(--gap-3xs);
  z-index: 10;
}
.artwork-icon {
  left: -20px;
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.artwork-wrapper {
  align-self: stretch;
  display: flex;
    background-image: url(https://club.since99dev.com/wp-content/themes/onesoul%20%2810%29/public/crowd.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child {
  width: 47.67%;
  height: 74.29%;
  position: absolute;
  margin: 0 !important;
  top: 10.25%;
  right: 19.92%;
  bottom: 15.45%;
  left: 32.41%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
}
.frame-child.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.frame-group,
.page-layout {
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.frame-group {
  margin: 0 !important;
  top: 0;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 2;
}
.page-layout {
  top: 10%;
  width: 100%;
  height: 674px;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 var(--padding-12xs);
  box-sizing: border-box;
}
.about-us,
.about-us1,
.arts,
.home {
  text-decoration: none;
  position: relative;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  min-width: 54px;
}
.home.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.about-us,
.about-us1,
.arts {
  min-width: 129px;
  white-space: nowrap;
  cursor: pointer;
}
.arts.animate {
  animation: 1s ease 0.5s 1 normal forwards slide-in-top;
}
.about-us,
.about-us1 {
  text-align: center;
  min-width: 87px;
  cursor: pointer;
}
.about-us.animate {
  animation: 1s ease 1s 1 normal forwards slide-in-top;
}
.about-us1 {
  min-width: 113px;
}
.about-us1.animate {
  animation: 1s ease 1.5s 1 normal forwards slide-in-top;
}
.menu-links, 
.menu-list {
  font-size: 21px ;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
}
.menu-links a{
  font-size: clamp(6px, 2vw + 0.1rem, 24px);
  --bg: #000;
  --hover-bg: #ff90e8;
  --hover-text: #000;
  color: #fff;
  cursor: pointer;
  border: 1px solid var(--bg);
  border-radius: 4px;
  padding: 0.2em 0.2em;
  background: var(--bg);
  transition: 0.2s;
}
.menu-links a:hover{
  color: var(--hover-text);
  transform: translate(-0.25rem, -0.25rem);
  background: var(--hover-bg);
  box-shadow: 0.25rem 0.25rem var(--bg);
}
.menu-links {
  justify-content: center;
  padding: var(--padding-4xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
}
.menu-list {
  background-color: var(--color-darkslategray-100);
  justify-content: space-around;
}
.icon-9-,
.reshot-icon-profile-image-sbdv {
  overflow: hidden;
  cursor: pointer;
}
.reshot-icon-profile-image-sbdv {
  height: 28px;
  width: 31px;
  margin: 0 !important;
  top: calc(50% - 14px);
  right: 68px;
  flex-shrink: 0;
}
.reshot-icon-profile-image-sbdv.animate {
  animation: 1s ease 0.5s 1 normal forwards slide-in-top;
}
.icon-9- {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
}
.x36-1- {
  height: 28.5px;
  width: 30px;
  position: relative;
  opacity: 0;
}
.x36-1-.animate {
  animation: 1s ease 0s 1 normal forwards slide-in-top;
}
.reshot-icon-shopping-basket-4s {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-2xl) var(--padding-xl) var(--padding-xl-5);
  box-sizing: border-box;
  z-index: 1;
}
  .user-actions {
      max-width: 100%;
      width: 25%;
      background-color: unset;
  }
.navigation,
.navigation-wrapper,
.user-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.navigation {
  margin-left: -17px;
  width: 1440px;
  background-color: var(--color-darkslategray-100);
  flex-shrink: 0;
  max-width: 103%;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-white);
  font-family: var(--font-cinzel);
}
.navigation-wrapper {
  position: sticky;
  top: 0;
  left: 17px;
  width: 1406px;
  z-index: 99;
  max-width: 100%;
}
.page-layout-parent {
  align-self: stretch;
  height: 733.8px;
  position: relative;
  max-width: 100%;
  font-family: var(--font-cinzel-decorative);
}
.conforts-art {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.conforts-art-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-2xl) 32px;
  opacity: 0;
}
.art-showcase.animate,
.conforts-art-wrapper.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.art-thumbnail-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.harab-painting,
.r2500 {
  position: relative;
}
.r2500 {
  width: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: start;
}
.reshot-icon-shopping-basket-4s1 {
  height: 70px;
  width: 40px;
  position: absolute;
  margin: 0 !important;
  right: 18.5px;
  bottom: 10px;
  border-radius: var(--br-81xl);
  overflow: hidden;
  flex-shrink: 0;
}

.reshot-icon-shopping-basket-4s1-products {
  width: 40px;
  margin: 0 !important;
  right: 18.5px;
  bottom: 10px;
  border-radius: var(--br-81xl);
  overflow: hidden;
  flex-shrink: 0;
}
.art-list,
.art-showcase {
  display: flex;
  justify-content: center;
}
.art-list {
  height: 376px;
  width: 289px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: var(--gap-3xs);
}
.art-showcase {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--padding-11xl) 117px;
  box-sizing: border-box;
  gap: 10px 8.7px;
  opacity: 0;
  min-height: 822px;
  text-align: left;
  font-size: var(--font-size-base);
}
.view-more-art {
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-cinzel);
  color: #e7fdec;
  text-align: left;
}
.view-more {
  cursor: pointer;
  border: 0;
  padding: var(--padding-smi) var(--padding-37xl);
  background-color: var(--color-darkslategray-100);
  border-radius: var(--br-6xl);
  flex-direction: row;
  white-space: nowrap;
}
.view-more:hover {
  background-color: var(--color-teal-100);
}
.get-updated-on,
.main,
.view-more {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main {
  align-self: stretch;
  flex-direction: column;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
  font-size: 30px;
  color: var(--color-black);
}
.get-updated-on {
  margin: 0;
  width: 299.4px;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  flex-shrink: 0;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.get-updated-on-our-latest-art-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.first-name {
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-cinzel);
  color: var(--color-gray-100);
  text-align: left;
  display: inline-block;
  min-width: 102px;
}
.name-labels1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-white);
  flex: 1;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-6xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  min-width: 174px;
  white-space: nowrap;
}
.name-labels1:hover {
  background-color: var(--color-gainsboro-100);
}
.last-name {
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-cinzel);
  color: var(--color-gray-100);
  text-align: left;
  display: inline-block;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  min-width: 97px;
}
.name-labels {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 42.8px;
}
.email {
  position: relative;
  display: inline-block;
  min-width: 54px;
}
.email-input,
.name-fields {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.email-input {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-6xl);
  background-color: var(--color-white);
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-xl);
}
.name-fields {
  flex-direction: column;
  justify-content: flex-start;
  gap: 46.9px;
}
.submit {
  position: relative;
  font-size: var(--font-size-lg);
  display: inline-block;
  font-family: var(--font-cinzel);
  color: var(--color-darkkhaki-100);
  text-align: center;
  min-width: 66px;
}
.submit-button,
.submit-button1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.submit-button1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-2xl) var(--padding-5xl);
  background-color: rgba(0, 69, 68, 0.8);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: var(--br-6xl);
  justify-content: flex-start;
}
.submit-button1:hover {
  background-color: rgba(51, 120, 120, 0.8);
}
.submit-button {
  width: 536.5px;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}
.name-input {
  align-self: stretch;
  gap: 27.2px;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-gray-100);
}
.form-fields,
.frame-container,
.name-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-container {
  align-self: stretch;
  gap: 157.3px;
}
.form-fields {
  width: 579.8px;
  padding: 57.8px 0 0;
  box-sizing: border-box;
  min-width: 579.8px;
}
.httpsapplottiefilescoman-icon {
  height: 571px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 409px;
}
.form-fields-parent,
.frame-parent,
.newsletter {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.form-fields-parent {
  flex: 1;
  border-radius: var(--br-6xl);
  background-color: #80a2a1;
  flex-direction: row;
  padding: 0 61px;
  gap: var(--gap-3xs);
}
.frame-parent,
.newsletter {
  align-self: stretch;
}
.newsletter {
  flex-direction: row;
  padding: 0 48px;
  font-size: var(--font-size-7xl);
  color: #e7fced;
}
.frame-parent {
  flex-direction: column;
  padding: 0 0 188.2px;
  text-align: center;
  font-size: var(--font-size-41xl);
  color: var(--color-darkkhaki-100);
  font-family: var(--font-cinzel);
}
.reshot-icon-profile-image-sbdv1 {
  height: 40px;
  width: 70px;
  position: absolute;
  margin: 0 !important;
  top: 21px;
  right: 68px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
}
.frame-item {
  width: 50px;
  height: 47px;
  position: relative;
}
.group-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper {
  height: 47px;
  flex: 1;
  position: relative;
}
.group-wrapper {
  height: 50px;
  width: 25%;
  margin: 0 !important;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.reshot-icon-shopping-basket-4s9 {
  height: 100%;
  width: 106px;
  margin: 0 !important;
  top: 0;
  right: 122px;
  bottom: 0;
  max-height: 100%;
  overflow: hidden;
  z-index: 2;
}
.about-us2 {
  position: relative;
  text-align: center;
}
.frame-div,
.home-parent,
.reshot-icon-profile-image-sbdv-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.home-parent {
  flex: 1;
  gap: var(--gap-xl);
  min-height: 70px;
  max-width: 100%;
}
.frame-div,
.reshot-icon-profile-image-sbdv-parent {
  top: 0;
}
.frame-div {
  width: 90px;
  margin: 0 !important;
  right: 50%;
  left: 50%;
  max-width: 100%;
  z-index: 3;
}
.reshot-icon-profile-image-sbdv-parent {
  height: 100%;
  bottom: 0;
  left: -17px;
  background-color: var(--color-darkslategray-100);
  width: 1440px;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  gap: var(--gap-xl);
}
.desktop-1-inner {
  display: none;
  width: 1423px;
  height: 70px;
  position: relative;
  max-width: 100%;
  z-index: 3;
}
.artist-name-image,
.thato {
  display: flex;
  justify-content: center;
  max-width: 100%;
  flex-shrink: 0;
}
.thato {
  margin: 0;
  height: 131px;
  width: 848px;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  align-items: center;
}
.artist-name-image {
  position: absolute;
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 var(--padding-xl) 0 49px;
  box-sizing: border-box;
}
.bio-highlight-icon {
  height: 679px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.artist-bio {
  margin-left: -721px;
  width: 697px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  min-width: 697px;
  flex-shrink: 0;
  max-width: 100%;
}
.background-highlight-child {
  align-self: stretch;
  height: 374px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.background-highlight {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  min-width: 215px;
  max-width: 100%;
}
.background-contact-child {
  align-self: stretch;
  height: 376px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.background-contact,
.expertise-description {
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.background-contact {
  height: 384px;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  min-width: 215px;
}
.expertise-description {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-24xl);
}
.thato-renowned-facial {
  margin: 0;
}
.born-and-raised {
  margin: 0;
  font-size: var(--font-size-7xl);
  color: var(--color-white);
}
.thato-renowned-facial-container {
  height: 250px;
  flex: 1;
  position: relative;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.thato-renowned-facial-painter-wrapper {
  align-self: stretch;
  border-radius: var(--br-6xl);
  background-color: transparent;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-mini);
  box-sizing: border-box;
  max-width: 100%;
}
.artist-details,
.artist-expertise,
.component-6 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.artist-expertise {
  width: 705px;
  flex-direction: column;
  gap: var(--gap-11xl);
  min-width: 705px;
  max-width: 100%;
}
.artist-details,
.component-6 {
  box-sizing: border-box;
}
.artist-details {
  width: 1343.5px;
  flex-direction: row;
  padding: 0 0 0 638px;
  gap: var(--gap-5xl);
  max-width: 107%;
  font-size: var(--font-size-21xl);
  color: var(--color-darkkhaki-100);
  font-family: var(--font-marvel);
}

.frame-inner {
  height: 679px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.component-7-inner,
.thato-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
}
.component-7-inner {
  position: absolute;
  top: 144px;
  left: -10px;
  width: 697px;
  align-items: center;
  padding: var(--padding-3xs);
  box-sizing: border-box;
}
.thato-wrapper {
  align-self: stretch;
  align-items: flex-start;
}
.contact-info-icon,
.frame-child1 {
  align-self: stretch;
  height: 374px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.contact-info-icon {
  height: 376px;
}
.bio-content {
  width: 725px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-24xl);
  max-width: 100%;
}
.frame-parent2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-smi);
  max-width: 100%;
}
.thato-renowned-facial-painter-container {
  width: 705px;
  border-radius: var(--br-6xl);
  background-color: var(--color-darkslategray-100);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-mini);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-21xl);
  color: var(--color-darkkhaki-100);
  font-family: var(--font-marvel);
}
.frame-parent1 {
  position: absolute;
  top: 0;
  left: 294px;
  width: 1122px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  max-width: 100%;
}
.component-7,
.thato2 {
  height: 833px;
  width: 1406px;
  position: relative;
  flex-shrink: 0;
  max-width: 100%;
}
.thato2 {
  margin: 0;
  width: 848px;
  height: 131px;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-parent5,
.rectangle-wrapper,
.thato-renowned-facial-painter-frame {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-wrapper {
  flex: 0.9713;
  align-items: center;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  min-width: 453px;
}
.frame-parent5,
.thato-renowned-facial-painter-frame {
  align-self: stretch;
  align-items: flex-start;
}
.frame-parent5 {
  gap: var(--gap-24xl);
}
.thato-renowned-facial-painter-frame {
  border-radius: var(--br-6xl);
  background-color: var(--color-darkslategray-100);
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-mini);
  box-sizing: border-box;
}
.frame-parent3,
.frame-parent4 {
  display: flex;
  align-items: flex-start;
}
.frame-parent4 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  min-width: 458px;
  max-width: 100%;
}
.frame-parent3 {
  margin-right: -274px;
  width: 1426px;
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-5xl);
  flex-shrink: 0;
  max-width: 163%;
  font-size: var(--font-size-21xl);
  color: var(--color-darkkhaki-100);
  font-family: var(--font-marvel);
}
.component-8,
.footer {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}
.swiper-button-prev{
  z-index: 20;
}
.swiper-button-next{
  z-index: 20;
}
.component-8 {
  height: 833px;
  width: 1406px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 264px var(--padding-683xl);
  gap: var(--gap-smi);
  max-width: 100%;
}
.footer {
  width: 1512.5px;
  overflow-x: auto;
  flex-direction: row;
  align-items: flex-start;
  padding: 5px 0;
  gap: 40px;
  max-width: 106%;
  flex-shrink: 1;
  position: relative;
  z-index: 1;
  text-align: center;
  background-color: var(--color-darkslategray-100);
    font-size: var(--font-size-131xl);
  color: var(--color-black);
  font-family: var(--font-kapakana);
}
.rectangle-3-icon {
  width: 100%;
  height: 1034px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: 469px;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.art-crafts {
  margin: 0;
  align-self: stretch;
  height: 48px;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.footer-links {
  width: 712px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.reshot-icon-facebook-square-gc {
  overflow: hidden;
  flex-shrink: 0;
}
.reshot-icon-facebook-square-gc,
.reshot-icon-twitter-4eaxdhgym5 {
  width: 30px;
  height: 30px;
  position: relative;
}
.reshot-icon-facebook-square-gc-parent,
.social-icons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.reshot-icon-facebook-square-gc-parent {
  gap: var(--gap-3xs);
}
.social-icons {
  padding: var(--padding-37xl) 0 0;
}
.desktop-1,
.footer-menu {
  display: flex;
  align-items: flex-start;
  color: var(--color-white);
  font-family: var(--font-cinzel);
}
.footer-menu {
  margin-left: -1px;
  align-self: stretch;
  background-color: var(--color-darkslategray-100);
  flex-direction: row;
  justify-content: space-between;
  padding: 115.5px var(--padding-53xl) 131.5px var(--padding-12xs);
  box-sizing: border-box;
  max-width: 100%;
  gap: var(--gap-xl);
  text-align: center;
  font-size: var(--font-size-5xl);
}
.desktop-1 {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  gap: 131px;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: var(--font-size-lg);
}

    .artist-expertise {
      flex: unset;
      width: unset;
      flex-direction: column;
      gap: var(--gap-11xl);
      min-width: 705px;
      max-width: unset; 
  }
  .artist-details {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 319px;
    box-sizing: border-box;
  }
  .artist-name-image {
    position: unset;
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 var(--padding-xl) 0 49px;
    box-sizing: border-box;
}
.burger-menu {
  width: 25%;
}
  .frame-parent4,
  .rectangle-wrapper {
    flex: 1;
  }
  .frame-parent3 {
    flex-wrap: wrap;
  }
  .component-8 {
    height: auto;
    padding-left: var(--padding-113xl);
    padding-right: var(--padding-113xl);
    padding-bottom: var(--padding-437xl);
    box-sizing: border-box;
  }
  .desktop-1 {
    gap: 65px;
  }

@media screen and (max-width: 1200px) {
  .k64dox1xqcmwqjq9x1gvlhb9m8-1-icon {
    opacity: 0;
  }
  .k64dox1xqcmwqjq9x1gvlhb9m8-1-icon.animate {
    animation: 1s ease 0s 1 normal forwards fade-in;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .artwork-wrapper {
    flex: unset;
  }
  .x36-1- {
    opacity: 0;
  }
  .x36-1-.animate {
    animation: 1s ease 0s 1 normal forwards slide-in-top;
  }
  @keyframes slide-in-top {
    0% {
      transform: translateY(-200px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .form-fields {
    flex: 1;
    min-width: 100%;
  }
  .form-fields-parent {
    flex-wrap: wrap;
  }
 
  .artist-name-image {
    padding-left: var(--padding-5xl);
    box-sizing: border-box;
  }
  .artist-bio,
  .artist-expertise,
  .frame-parent4,
  .rectangle-wrapper {
    min-width: 450px;
  }
  .footer-menu {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 825px) {
  .k64dox1xqcmwqjq9x1gvlhb9m8-1-icon {
    opacity: 0;
  }
  .desktop-1 {
    position: unset;
 
}
.frame-div{

  width:25%
}
.frame-child {
  width: 80.67%;
  height: 80.29%;
  top: 10.25%;
  right: 15.92%;
  bottom: 15.45%;
  left: 2.41%;
  z-index: -44;
}
.artwork-wrapper {
  display: none;
}
.inner-layout {
  display: none;
}
.reshot-icon-profile-image-sbdv1 {
  height: unset; 
  width: unset; 
  position: unset; 
}
  .k64dox1xqcmwqjq9x1gvlhb9m8-1-icon.animate {
    animation: 1s ease 0s 1 normal forwards fade-in;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .one-soul {
    font-size: var(--font-size-29xl);
  }
  .artist-name-image {
    position: absolute;
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 var(--padding-xl) 0 49px;
    box-sizing: border-box;
}
  .x36-1- {
    opacity: 0;
  }
  .x36-1-.animate {
    animation: 1s ease 0s 1 normal forwards slide-in-top;
  }
  @keyframes slide-in-top {
    0% {
      transform: translateY(-200px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
 
  .navigation-wrapper {
    display: none;
  }
  .conforts-art {
    font-size: var(--font-size-5xl);
  }
  .art-showcase {
    padding-left: var(--padding-10xl);
    padding-right: var(--padding-10xl);
    box-sizing: border-box;
  }
  .name-labels {
    flex-wrap: wrap;
    gap: var(--gap-2xl);
  }
  .name-fields {
    gap: 23px;
  }
  .frame-container {
    gap: 79px;
  }
  .form-fields {
    padding-top: var(--padding-19xl);
    box-sizing: border-box;
    max-width: 100%;
    z-index: 1;
  }
  .httpsapplottiefilescoman-icon {
    position: absolute;
    z-index: 0;
    top: -70;
  }
  .newsletter {
    padding-left: var(--padding-5xl);
    padding-right: var(--padding-5xl);
    box-sizing: border-box;
  }
  .frame-parent {
    padding-bottom: 51px;
    box-sizing: border-box;
  }
  #Layer_3 {
    height: 50px;
    width: fit-content;
    color: white;
    stroke: white;
    fill: white;
  }
  .header-icons{
    display: flex;
    justify-content: end;
    width: 25%;
  }
  .reshot-icon-shopping-basket-4s9 {
    width: 50px;
    height: 50px;
  }
  .reshot-icon-profile-image-sbdv-parent {
    width: 100%;
  }

  .desktop-1-inner {
    display: block;
    align-self: stretch;
    max-width: 100%;
    position: absolute;
  }
  .thato {
    font-size: var(--font-size-41xl);
  }
  .bio-highlight-icon {
    width: 350px;
    height: 350px;
  }
  .artist-bio {
    min-width: 250px;
}
.artist-details {

   padding-left: unset; 
}
  .background-contact-child,
  .background-highlight-child {
    width: 150px;
    height: 150px;
  }
  .expertise-description {
    flex-wrap: wrap;
    gap: var(--gap-2xl);
  }
  .artist-expertise {
    min-width: 100%;
  }
  .artist-details {
    padding-left: 159px;
    box-sizing: border-box;
  }

  .component-7 {
    height: auto;
    min-height: 833;
  }
  .thato2 {
    font-size: var(--font-size-41xl);
  }
  .frame-parent5 {
    flex-wrap: wrap;
    gap: var(--gap-2xl);
  }
  .component-8 {
    padding-left: var(--padding-47xl);
    padding-right: var(--padding-47xl);
    padding-bottom: var(--padding-277xl);
    box-sizing: border-box;
  }
  .footer {
    gap: var(--gap-xl);
    max-width: 106%;
    flex-shrink: 1;
    position: relative;
  }
  .rectangle-3-icon {
    position: absolute;
    bottom: 25%;
  }
  .footer-menu {
    padding-top: 75px;
    padding-right: var(--padding-17xl);
    padding-bottom: 85px;
    box-sizing: border-box;
  }
  .desktop-1 {
    gap: 33px;
  }
  .background-contact {
    height: 384px; 
    flex: unset;
    flex-direction: unset; 
    align-items: center;
    padding: unset;
    box-sizing: border-box;
    min-width: unset;
}
}
@media screen and (max-width: 450px) {
  .one-soul {
    font-size: var(--font-size-17xl);
  }
  .where-art-dwells {
    font-size: var(--font-size-xl);
  }
  .conforts-art {
    font-size: var(--font-size-lg);
  }
  .art-showcase {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  
  .view-more {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
    width: calc(100% - 40px);
  }
  .get-updated-on {
    font-size: var(--font-size-2xl);
  }
  .frame-container {
    gap: 39px;
  }
  .reshot-icon-shopping-basket-4s9 {
    width: 50px;
    object-fit: cover;
  }
  .home-parent {
    flex-wrap: wrap;
    justify-content: center;
  }
  .frame-div {
    width: 25%;
    height: 70px;
    max-width: 100%;
    overflow: hidden;
  }
  .reshot-icon-profile-image-sbdv-parent {
    height: auto;
    min-height: 70;
}

  .desktop-1-inner {
    max-width: 100%;
    position: absolute;
  }
  .thato {
    font-size: var(--font-size-18xl);
  }
  .artist-bio {
    min-width: 100%;
  }
  .thato-renowned-facial-container {
    font-size: var(--font-size-2xl);
  }
  .artist-expertise {
    min-width: 100%;
  }
  .artist-details {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }

  .thato2 {
    font-size: var(--font-size-18xl);
  }
  .component-8 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    padding-bottom: var(--padding-173xl);
    box-sizing: border-box;
  }
  .art-crafts {
    font-size: var(--font-size-lgi);
  }
  .desktop-1 {
    gap: var(--gap-base);
  }
}
.pop-up-child {
  align-self: stretch;
  height: 41px;
  position: relative;
  backdrop-filter: blur(60.5px);
  background-color: rgba(166, 140, 63, 0.8);
}
.frame-child9 {
  height: 93px;
  width: 375px;
  position: relative;
  border-radius: var(--br-6xl);
  background-color: var(--color-darkslategray-100);
  display: none;
  max-width: 100%;
}
.t {
  flex: 1;
  position: relative;
  font-size: var(--font-size-21xl);
  font-family: var(--font-cinzel-decorative);
  color: var(--color-white);
  text-align: center;
  z-index: 1;
}
.bahamas-rect-one,
.frame-button {
  border-radius: var(--br-6xl);
  background-color: var(--color-darkslategray-100);
}
.frame-button {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mid) 76px var(--padding-3xl);
  width: 375px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-button:hover,
.rectangle-parent4:hover {
  background-color: var(--color-teal-100);
}


.left-side-icon {
  height: 186px;
  width: 194px;
  border-radius: var(--br-6xl);
  object-fit: cover;
}
.bahamas-paint {
  width: 403px;
  top: -110px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.r25008 {
  flex: 1;
  position: relative;
  font-size: var(--font-size-7xl);
  display: inline-block;
  color: var(--color-black);
  max-width: 100%;
  z-index: 1;
}
.bahamas-elements,
.bahamas-elements-wrapper,
.repeated-elements {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}

.bahamas-elements-wrapper,
.repeated-elements {
  align-self: stretch;
  padding: 0 var(--padding-9xs) 14px 0;
}
.repeated-elements {
  border-radius: var(--br-6xl);
  background-color: var(--color-darkkhaki-200);
  padding: 0 0 var(--padding-21xl);
  position: relative;
}
.repeated-elements-parent {
  flex: 1;
  flex-direction: column;
  gap: 272px;
  max-width: 100%;
}
.frame-parent7,
.frame-wrapper2,
.repeated-elements-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper2 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 0 var(--padding-9xs);
  box-sizing: border-box;
  max-width: 100%;
}

.frame-child10,
.frame-child11 {
  width: 28px;
  position: relative;
  border-radius: var(--br-6xl);
}
.frame-child10 {
  height: 1284px;
  backdrop-filter: blur(69.1px);
  background-color: var(--color-darkslategray-200);
  display: none;
}
.frame-child11 {
  align-self: stretch;
  background-color: #afa375;
  z-index: 1;
}
.frame-parent6,
.rectangle-parent3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.rectangle-parent3 {
  height: 1284px;
  backdrop-filter: blur(69.1px);
  border-radius: var(--br-6xl);
  background-color: var(--color-darkslategray-200);
  align-items: flex-start;
  padding: 0 0 1177px;
  box-sizing: border-box;
}

.frame-child12,
.rectangle-parent4 {
  background-color: var(--color-darkslategray-100);
  width: 424px;
  border-radius: var(--br-6xl);
  max-width: 100%;
}
.frame-child12 {
  height: 99px;
  position: relative;
  display: none;
}
.rectangle-parent4 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-mid) 52px 28px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
#Layer_3{
    height: 70px;
    width: fit-content;
    color: white;
    stroke: white;
    fill: white;
}
.pop-up,
.pop-up-inner,
.rectangle-parent4 {
  display: flex;
  box-sizing: border-box;
}
.pop-up-inner {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-19xl) 0 var(--padding-xl);
  max-width: 100%;
}
.cart-container{
    height: 100%;
    position: relative;
    top: 160px;
    right: 4.5%;
    /* background: #e38035; */

}
.pop-up {
  width: 834px;
  position: relative;
  box-shadow: -16px 17px 83.9px #e38035;
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-smi);
  opacity: 0;
  line-height: normal;
  letter-spacing: normal;
  height: 100%;
  max-width: 90%;
}
.pop-up.animate {
  animation: 0.25s ease 0s 1 normal forwards slide-in-left;
}
@media screen and (max-width: 750px) {
  .t {
    font-size: var(--font-size-13xl);
  }
  .bahamas-paint {
    font-size: var(--font-size-7xl);
  }
}
@media screen and (max-width: 675px) {
  .rectangle-parent3 {
    padding-bottom: 497px;
    box-sizing: border-box;
  }
  .frame-parent6 {
    gap: 37px;
  }
  .frame-section {
    gap: 97px;
  }
}
@media screen and (max-width: 450px) {
  .t {
    font-size: var(--font-size-5xl);
  }
  .frame-button {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .bahamas-paint {
    font-size: var(--font-size-lgi);
  }
  .r25008 {
    font-size: var(--font-size-2xl);
  }
  .frame-parent7,
  .repeated-elements-parent {
    gap: var(--gap-117xl);
  }
  .frame-parent7 {
    max-width: 100%;
  }
  .rectangle-parent3 {
    display: none;
  }
  .frame-parent6 {
    gap: 18px;
  }
  .frame-section {
    gap: 49px;
    padding-bottom: 45px;
    box-sizing: border-box;
  }
  .mySwiper2 swiper-slide .title {
    position: absolute;
    top: 40px;
    left: 40%;
    border-radius: 60%;
}
.mySwiper2 swiper-slide img {
    height: 150px;
    border-radius: 25px;
  }
  .text p{
   font-size: 10px;
  }
  }
  
  .rectangle-parent4 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
/* deleted */
.kqdeyase3wyw7xwb77ycn8xtwa-1-icon {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  min-height: 350px;
}
.kqdeyase3wyw7xwb77ycn8xtwa-1-parent,
.root {
  max-width: 100%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.kqdeyase3wyw7xwb77ycn8xtwa-1-parent {
  flex: 1;
  background-color: var(--color-darkslategray-200);
  display: grid;
  padding: 84px 131px;
  box-sizing: border-box;
  gap: 60px;
  grid-template-columns: repeat(3, minmax(262px, 1fr));
}
.root {
  width: 1433px;
  display: flex;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1050px) {
  .kqdeyase3wyw7xwb77ycn8xtwa-1-parent {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(262px, 455px));
  }
}
@media screen and (max-width: 725px) {
  .kqdeyase3wyw7xwb77ycn8xtwa-1-icon {
    width: 100%;
  }
  .kqdeyase3wyw7xwb77ycn8xtwa-1-parent {
    gap: 30px;
    padding-left: 65px;
    padding-right: 65px;
    box-sizing: border-box;
    grid-template-columns: minmax(262px, 1fr);
  }
}
@media screen and (max-width: 450px) {
  .kqdeyase3wyw7xwb77ycn8xtwa-1-parent {
    gap: 15px;
    padding: 55px 20px;
    box-sizing: border-box;
  }
}