@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);

html {
  scroll-behavior: smooth;
}

.modal{
    z-index:9999;
}
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
body {
  background-color: #fff;
  color: #000;
  padding: 0px;
  margin: 0px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

section {
  padding: 50px 0 30px 0;
}
a {
  text-decoration: none;
}
h1 {
  font-family: "Cinzel", serif !important;
}
h2 {
  font-family: "Cinzel", serif !important;
}
h3 {
  font-family: "Cinzel", serif !important;
  color: #222222;
  font-weight: 500;
  font-size: 28px;
  line-height: 50px;
}
h4 {
  font-family: "Cinzel", serif !important;
  font-weight: 600;
  color: #3a4489;
  font-size: 20px;
}
h5 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
h6 {
  font-family: "Inter", sans-serif;
}
p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
}
.hadding {
  padding: 0 0 0px 0;
  text-align: center;
  justify-content:center;
}
.hadding p {
  padding: 0 0 20px 0;
  font-size: 14px;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.hd-border {
  border-top: 2px solid #333;
  width: 40px;
  margin: 22px 10px 0 10px;
}
.main-bt {
  margin: 20px 0;
}
.main-bt a {
  background-color: #40c4ff;
  color: #fff;
  border-radius: 2px;
  font-weight: 600;
  padding: 7px 22px;
  font-size: 20px;
}
.main-bt a:hover {
  background-color: #2ca6dd;
  color: #fff;
  border-radius: 2px;
  font-weight: 600;
  padding: 7px 22px;
  font-size: 20px;
  margin: 20px 0;
}
#image-gallery .slide-box {
  margin: 10px;


  border: 2px solid transparent;
}


#cat-slide .slide-box {
  margin: 10px;


  border: 2px solid transparent;
}
/*-----------------------------------*/
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.serach_art {
    width: 100%;
}
.serach_art input {
    width: 100%;
}
.navbar-brand.fw-bold {
    padding-right: 15px;
}
.search-select select {
    padding: 11px 2px;
    /* margin-left: 5px; */
    width: 80px;
    height: 100%;
    border: 0;
    border-right: 1px solid;
}
.border-none {
    border: 0;
}
a.heart-icon i {
    font-size: 25px;
}


























/*-----------------------------------*/

.media-92812 .text {
  position: relative;
}

.media-92812:hover .text:before {
  width: 100%;
  transition: 0.6s;
}

.media-92812 .text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #b6909a36;
  width: 0;
  transition: 0.6s;
}

/*#image-gallery .slide-box:hover{ border: 2px solid #b6909a;}*/
/*-------end------*/

/* header---start---- */

header {
  background-color: #fff;
  /*background-color: rgb(187, 187, 187);*/
}

.navbar{
  border-bottom: 2px solid #c3c3c380;
}

.navbar-nav .nav-link {
  color: #222222;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.nav-link {
  font-size: 14px;
}
.dropend .dropdown-toggle {
  color: salmon;
  margin-left: 1em;
}
.dropdown-item:hover {
  /*background-color: lightsalmon;*/
  color: #fff;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
.logo {

  width: 235px;
}

.become:hover{
  background:black;
  color:white ;
}
.become:hover a{
  color:white;
}
.become a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
}
.become a:hover{
  color:white !important;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: rgba(0, 0, 0, 0.55);
  background-color: #000;
  border: none !important;
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
.navbar-toggler:focus{
  box-shadow: none !important;
}
.nav-item {
    /* padding: 0 10px; */
    letter-spacing: 1px;
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #fff;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: none;
}

@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}

.slide-box {
  position: relative;
  overflow: hidden;
  margin:10px;
}

.slide-box h6 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  font-size: 12px !important;
  width: 100%;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* discover */
.discover-main {
  width: 100, 100;
}
/* end */

/*browse--price---start*/
.price-box {
  /* background-color: #fff; */
  /* box-shadow: 8px 7px 15px -4px #b6b6b6; */
  /* outline: 1px solid #000000; */
}
a {
  color: rgb(0 0 0);
  text-decoration: none;
}
.price-box h6 {
  font-size: 14px;
}
.price {
  line-height: 30px;
}
.artwork-main {
  background: #f5f5f5;
  padding: 40px 0px;
}
.price-box p {
  font-size: 12px;
  /* padding: 10px; */
}
/* end */

/*original---start*/
.original-main {
  padding: 50px 0px;
}
.main-bg {
  background-color: #fff8f0;
}
a:hover {
  color: black !important;
}
.image-box {
  position: relative;
  overflow: hidden;
}
.image-box h6 {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
/* end */

.slick-track * {
  outline: none;
}
.property-wrapper h1 {
  font: 400 40px "Playfair Display", serif;
  color: #e1ab35;
  text-transform: uppercase;
}
.property-wrapper span {
  font: 500 13px/21px "Roboto", sans-serif;
  color: #680909;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.property-slide {
  margin: 0 -7px;
}

.property-slide:not(.slick-initialized) .property-item:nth-child(n + 4) ~ div {
  display: none;
}

.property-item {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% / 4);
  padding: 0 7px;
}

.property-item a {
  display: block;
  position: relative;
}

.property-slide button.slick-arrow {
  display: inline-block;
  position: absolute;
  width: 41px;
  height: 41px;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(-40px);
  border: none;
  outline: none;
}

.property-slide button:before {
  font-family: inherit !important;
  color: #000 !important;
  font-size: 30px;
}
.property-slide button.slick-prev {
  left: -50px;
}

.property-slide button.slick-next {
  right: -50px;
}

.property-item .property-img:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(153, 126, 67, 0.3);
  opacity: 0;
  outline: 1px solid #ffffff;
  outline-offset: -10px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.property-item .property-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.property-img {
  position: relative;
}

.property-img img {
  display: inline-block;
  width: 100%;
  height: 346px;
  object-fit:cover;
}

.property-details {
  padding: 20px 0;
  opacity: 0;
  transition: all 0.3s ease;
  text-align: center;
}

.property-details strong {
  font-family: "Inter", sans-serif;
  color: #2f2f2f;
}
button.become {
  padding: 8px 12px;
  border: 1px solid black;
  color: black;
  background-color: white;;
}

.more-39291 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  padding-right: 20px;
  color: black;
}
.offer-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
}
.off-ca {
  background: url(https://cdn11.bigcommerce.com/s-2mjaftvnkq/product_images/uploaded_images/offer-bg.jpg)
    no-repeat 0 50%;
}
.off-ca {
  position: unset;
  padding: 100px 15px;
  text-align: center;
}
.off-img {
  padding: 0;
}
.beffect {
  position: relative;
}
.beffect img {
  border-radius: 0;
  position:absolute;
  top: -176px;
  left: 97px;
  animation-name: imagefade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}

@keyframes imagefade {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.beffect img:nth-of-type(1) {
  animation-delay: 6s;
}
.beffect img:nth-of-type(2) {
  animation-delay: 4s;
}
.beffect img:nth-of-type(3) {
  animation-delay: 2s;
}
.beffect img:nth-of-type(4) {
  animation-delay: 0;
}

.beffect img{
  width: 75%;
}


/* .imgbanner{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
    padding: 10px;
} */

.image-container {
  overflow: hidden;
  position: relative;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 600px) {
  .imgbanner {
      grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) {
  .imgbanner {
      grid-template-columns: repeat(3, 1fr);
  }
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

.image-container-1 {
  width: 188px;
  height: 247px;
  top: 0;
  left: 0;
}

.image-container-2 {
  width: 164px;
  height: 214px;
  top: 9px;
  left: 320px;
}

.image-container-3 {
  width: 113px;
  height: 143px;
  top: 80px;
  left: 490px;
}

.image-container-4 {
  width: 108px;
  height: 143px;
  top: 329px;
  left: 203px;
}

.image-container-5 {
  width: 162px;
  height: 215px;
  top: 230px;
  left: 320px;
}

.image-container-6 {
  width: 146px;
  height: 170px;
  top: 230px;
  left: 490px;
}

.beffect a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  transition: all 0.9s;
}
.media-92812 {
  position: relative;
  margin-bottom: 40px;
}
.media-92812 .text {
  width: 80%;
  margin-top: -100px;
  position: relative;
  padding: 50px;
  display: block;
  background: #fff;
}
.media-92812 .caption {
  color: #b3b3b3;
}
.media-92812 h3,
.media-92812 h3 > a {
  color: #000;
  text-transform: uppercase;
}

.media-92812 .text:after {
  content: "-";
  position: absolute;
  background: #212529c9;
  width: 100%;
  height: 100%;
  z-index: -1;
  bottom: -20px;
  right: -20px;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 0.1;
  visibility: visible;
}

button.become a {
  color: black;
  background: transparent !important;
}
.property-item:hover .property-img:before,
.property-item:hover .property-img:after {
  opacity: 1;
}

.property-item  .property-details {
  opacity: 1;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  section {
    padding: 20px 0 10px 0;
  }
  .navbar-brand {
    width: 70%;
  }
  .hadding h3 {
    font-size: 16px;
  }
}

.footer-section {
  background-color: #fff;
  position: relative;
  background-repeat: no-repeat;
  border: 1px solid #dad9d9;
}
.footer-cta {
  border-bottom: 1px solid #373636;
}
.single-cta i {
  color: #00000;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.cta-text {
  padding-left: 15px;
  display: inline-block;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 15px;
}
.footer-content {
  position: relative;
  z-index: 2;
}
.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.footer-logo {
  margin-bottom: 30px;
  margin-left: -12px;
}
.footer-logo img {
  max-width:330px;
}
.footer-text p {
  margin-bottom: 14px;
  font-size: 17px;
  color: #000;
  line-height: 28px;
}
.footer-social-icon span {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 700;
    font-family: "Cinzel", serif !important;
    margin-bottom: 20px;
}
.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 6px;
}

.footer-social-icon i {
    font-size: 26px;
    padding: 9px;
    text-align: center;
}
.facebook-bg {
  background: #3b5998;
  padding: 5px;
}
.twitter-bg {
  background: #000;
  padding: 5px;
}
.pinterest-bg {
  background: #E60023;
}
.youtube-bg {
  background: #FF0000;
}
.linkedin-bg {
  background: #0072b1;
}
.instagram-bg {
  background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
  padding: 5px;
}
.footer-widget-heading h3 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  /*margin-bottom: 40px;*/
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #00000;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover {
  color: #000;
}
.footer-widget ul li a {
  color: #000 !important;
  text-transform: capitalize;
}
.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 5px 10px;
  background: transparent;
  border: 1px solid #2e2e2e;
  color: #000;
}
.subscribe-form button {
  position: absolute;
  right: 0;
  background-color: #b6909a;
  padding: 0px 10px;
  color: white;
  border: none;
  top: 0;
  font-size: 23px;
}

.subscribe-form button:hover { background-color: #8e787e;}
.subscribe-form button i {
  color: #fff;
  font-size: 20px;
  transform: rotate(-6deg);
}
.copyright-area {
  background: #f5f5f5;
  padding: 25px 0;
}
.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #000;
}
.copyright-text p a {
  color: #000000;
}
.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
.footer-menu li:hover a {
  color: black;
}
.footer-menu li a {
  font-size: 14px;
  color: #878787;
}
.footer-widget ul {
  padding: 0px;
}


.top-header{
    padding:40px 0px;
    background:#FBFBFB;
    margin-bottom: 40px;
    background-image: url('https://t3.ftcdn.net/jpg/05/30/03/40/360_F_530034062_Zfweld9RDiPmKrg1hblsFcIlWafencPt.jpg');
    background-position: top;
}
.form{
  padding: 75px 78px;
}

.form span { 
  display: block;
  text-align: center;
  font-size: 14px;
}
.sign-img{
  position:relative;
}

.sign-img .sign-content{
  position:absolute;
  bottom:30px;
  left:30px;
  z-index: 1;
  color:white;
  width:377px;
}

.sign-img .sign-content p{
  font-size: 28px;
  margin: 0px;
  color: white;

}

.sign-img img{
  border-radius: 10px;
}

.form-control:focus{ border: 1px solid #000!important;box-shadow: none;}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  border: 1px solid #e3e3e3 !important;
  padding: 10px;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: #F6F9FF;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.login{       
    padding: 80px 0;
    
}

/* .login .row{
  margin:3rem;
} */

/* .enroll_now{
  padding:0px 30px 0px 250px;
} */

@media screen and (max-width:992px) {


  .top-art-content {

    bottom: 0px!important;

  }
  .login .row{
    margin:5px !important;

  }
  .form {
    padding: 40px 15px;
  }
  .left_side, .right_side{
    margin:0px 0px !important;
  }
  /* .p-5{
    padding:0px !important;
  } */
  /* .artworks{
    padding:10px 30px;
  } */
  .brands .card{
    width:100%;
  }
  .brands .card img{
    height:231px;
  }
  /* .profile-detail{
    margin-top:10px;
  } */
  .subscription_content p{
    font-size: 14px;
  }
  .subscription_price a{
    font-size:14px;
  }
  /* .remember_me{
    display: block !important;
  } */
  .remember_me span{
    padding-left:10px;
  }
  .property-details{
    opacity: 1;
  }

  .imgbanner{
    height: 200px;
  }
  .beffect img{
    width:85%;
    top:0px;
    left: 50%;
    transform: translateX(-50%)
  }
  .art_profile_img{
    display: none !important;
  }
  .enroll_now{
    padding:0px 25px
  }
}



@media (min-width: 992px) {
  .artwork-main .col-md-3 {
      flex: 0 0 auto;
      width: 24%;
  }
}


.grid-container {
  display: grid;
  grid-template-columns: 80px 200px 80px;
  gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

.product img{

  width: 100%;
  object-fit: cover;

}


.main_imgae_box { position: relative;}

.cnt_rel_image{position: absolute;  right: 0px;
  top: 50%;
  transform: translate(-50%,-50%); color: white;}


  .cnt_rel_image h1{ font-size: 52px;}

.cnt_rel_image p{ color: white; margin: 0px; font-size: 18px;}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideInUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.cnt_rel_image p {
  animation: fadeIn 2s ease-in-out;
}

.cnt_rel_image h1 {
  animation: slideInUp 2s ease-in-out;
}

.main_imgae_box img {
  animation: fadeIn 1s ease-in-out;
}


@keyframes revealChar {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.reveal h3 span {
  display: inline-block;
  opacity: 0;
  animation: revealChar 0.5s ease-in-out forwards;
}


.art-category:hover img { transform: scale(1.2); transition: 0.6s; }

.art-category img {  transition: 0.6s; }


.slide-box:hover img{ transform: scale(1.2); transition: 0.6s;}

.slide-box img{transition: 0.6s;}


.discover-main {
    background-color: #fcf0e2;
    padding: 180px 0px;
    position: relative;
    overflow: hidden;
}

.discover-main_outer h3{ 
    /*font-family: "Dancing Script", cursive !important;*/
    font-size: 32px;
    /*font-weight: 500;*/
    line-height: 50px;
}

.art-category .tile:hover  h6{ display: none; }
.media-92812{ overflow: hidden;}
.media-92812:hover img{ transform: scale(1.2); transition: 0.6s;}

.media-92812 img{  transition: 0.6s;}

.left_img { position: absolute; top: 0px; left: 0px;}

.left_img img{ width: 450px;}

.right_img { position: absolute; top: 0px; right: 0px;}

.right_img img{ width: 650px;}

.discover-main h3 { position: relative; z-index: 999;}

.main_price_box{   transition: 0.6s;}
.main_price_box{ border-bottom: 6px solid transparent;}
.main_price_box:hover{     transform: translateY(20px);
  transition: 0.6s;     border-bottom: 6px solid #b6909a;}


  .navbar-nav .nav-item .nav-link.active { position: relative; font-weight: 600; color: #b6909a!important;}

  .navbar-nav .nav-item .nav-link.active:before{      content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #b6909a;
  }


.offerbanner{padding: 60px 0px 200px;}

.art-category .tile{ width: 100%;}

.become_my { position: relative; overflow: hidden !important;}

.become_my:before{ content: ""; position: absolute; left: 0px; height: 100%; background-color: #111 !important; width: 0px; top: 0px; transition: 0.6s; border-radius: inherit !important;}

.become_my:hover:before { width: 100%; transition: 0.6s;}

.become_my a{ position: relative;}

.become_my.become{     
    background: linear-gradient(135deg, #debc7e 0%, #b89355 100%) !important;
    border: none !important;
    padding: 13px 25px !important;
    border-radius: 50px !important;
    font-weight: 600;
    width: 100%;
    margin:2px;
    box-shadow: 0 4px 12px rgba(222, 188, 126, 0.2);
    transition: all 0.3s ease !important;
    color: #fff !important;
}

.become_my.become:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
}

  .white_border_btn.become_my.become {
    background: linear-gradient(135deg, #debc7e 0%, #b89355 100%) !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 600;
    color: white !important;
    box-shadow: 0 4px 12px rgba(222, 188, 126, 0.2);
    transition: all 0.3s ease !important;
}

.white_border_btn.become_my.become:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
}

.white_border_btn.become_my.become::before { background-color: #111 !important;}

.white_border_btn.become_my.become:hover span{ color: white !important; transition: 0.6s; }


@keyframes wobble {
  0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
  15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
      transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
      transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
      transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
      transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
      transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}



.updown {
  -webkit-animation: updown 5s linear infinite;
  animation: updown 5s linear infinite;
}
@keyframes updown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

  to {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}





.leftani {
  -webkit-animation: leftani 5s linear infinite;

  animation: leftani 5s linear infinite;
}

@-webkit-keyframes leftani {
  0% {
    -webkit-transform: translateX(-15px);

    transform: translateX(-15px);
  }

  50% {
    -webkit-transform: translateX(15px);

    transform: translateX(15px);
  }

  to {
    -webkit-transform: translateX(-15px);

    transform: translateX(-15px);
  }
}

@keyframes leftani {
  0% {
    -webkit-transform: translateX(-15px);

    transform: translateX(-15px);
  }

  50% {
    -webkit-transform: translateX(15px);

    transform: translateX(15px);
  }

  to {
    -webkit-transform: translateX(-15px);

    transform: translateX(-15px);
  }
}


.main-button span {
  position: relative;
  z-index: 5;
  color: #fff;
}
.main-button {
    color: #fff;
    background: #000;
    border: 0;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    font-family: 'Assistant';
    cursor: pointer;
    position: relative;
    z-index: 3;
    text-wrap: nowrap;
    /*border-radius: 30px;*/
}

.main-button:hover{ color: white!important;}
.main-button:after {
  display: none;
}



.product-imgs {
  display: flex;
}

.img-select {
  display: flex;
  flex-direction: column;
}

.img-item {
  margin-bottom: 10px;
}

.img-display {
  position: relative;
  /*width: 300px;*/
  /*height: 300px;*/
  overflow: hidden;
  /*margin-left: 20px;*/
}

.img-showcase {
  width: 100%;
  height: 100%;
}

.img-showcase .main-img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

.img-showcase .main-img:hover {
  transform: scale(1.5); /* Adjust the scale as needed */
}

.artist_list .card .tile:before{ content: unset!important;}

.artist_list .card .tile .details{ position: unset!important;}

.artist_list .card .tile .details span{ color: black; opacity: 1; position: unset!important;     text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;}

.artist_img{ overflow: hidden;} 
.artist_img img { width: 194; height: 194px;}

.cat_name{ font-size: 14px;}


@keyframes blink {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 0.8;
 }
  100% {
    transform: scale3d(1.1, 1.4, 1.1);
    opacity: 0;
 }
}




@media only screen and (max-width: 1450.98px) {

  .offerbanner {
    padding: 60px 0px 0px;
}
  .cnt_rel_image {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(-24%, -50%);
    color: white;
}


}



@media only screen and (max-width: 991.98px) {

  .nav-item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  .nav-item{        padding: 0px !important;
    margin-bottom: 17px;}
  
.collapse.show {
  right: 0px !important;
  transform: translate(0%)!important;
  transition: transform 0.3s ease!important;
}

.collapse.show {
    height: 100vh;
    overflow: auto;
}
.navbar-collapse {
  flex-basis: 100%!important;
  flex-grow: 1!important;
  align-items: center!important;
  transformX: -100%!important;
  transform: scaleX(0)!important;
  position: fixed!important;
  /* right: 0px; */
  transform: translate(100%)!important;
  transition: transform 0.3s ease!important;
  background: #fff!important;
  top: 88px!important;
  width: 100%!important;
  z-index: 99!important;
  padding: 10px 15px 40px!important;
  height: 100%;
}

  .top-header {
    margin-bottom: 15px!important;
}

  .subscription_plan {
    background: #F3F3F3;
    padding: 15px 10px!important;
}

   .verified{ padding: 10px;}

  .subscription_box{ padding: 10px!important;}

  .card{padding: 10px!important;}

  .profile-detail{ padding: 10px!important;}

  .left_side ul { display: flex; overflow: scroll; }
  .left_side ul li a{ text-wrap: nowrap;}

  .login {
    padding: 44px 0;
}
  .brands .card img{
    height:231px;
    object-fit: cover;
  }


  .card .tile .details span {

    opacity: 1!important;

    top: 0px!important;}

  .card .tile:before {
    top: 50%!important; opacity: 1!important;}

  .product-imgs { display: flex; flex-direction: column-reverse;}

  .product-imgs  .img-select { display: flex; gap: 10px; margin: 10px 0;}

  .product-imgs  .img-select .img-item { margin: 0px;}

  .offerbanner{ padding: 0px;}

  .left_img  { display: none;}

  .discover-main h3 {
    font-size: 36px;
}

  .discover-main {
    background-color: #fcf0e2;
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}

  .left_img img {
    width: 302px;
}

  .right_img{ display: none;}
.cnt_rel_image{ position: unset; transform: unset; background-color: black; padding: 20px 20px 50px;}
}

@media only screen and (max-width: 767.98px) {

  .subscription_price a { width: 100%;}

  .discover-main h3 {
    font-size: 36px;
}
.cnt_rel_image h1 {
  font-size: 36px;
}

}


@media only screen and (max-width: 575.98px) {

  .discover-main h3 {
    font-size: 26px;
}
  .cnt_rel_image h1 {
    font-size: 26px;
  }
  
  }




 .navbar.scrolled {
    position: fixed;
    top: 0px;
    width: 100%;
    background: #ffffff;
    z-index: 9999;
    transition: 0.6s;
    padding: 10px 0;
}


  .become_my span { position: relative; transition: 0.4s;}

  .become_my:hover span{ color:white; transition: 0.4s;}

  .product-detail p{ margin-bottom: 25px!important;}

  .img-select img{ width: 70px; height: 70px; object-fit: cover;}


      /* Custom transition effect for carousel */
    .carousel-item {
      transition: transform 0.6s ease-in-out;
    }


    .artist_list .card-body { display: none; }

    .artist_list .card:hover img {transform: scale(1.2); transition: 0.6s;  }

    .artist_list .card img { transition: 0.6s;  }

    .brands .tile .card-body{ display: none; }


    .product_box_inner:hover img{ transform: scale(1.2); transition: 0.6s;}
    .product_box_inner img{ height: 370px; object-fit: cover!important; overflow: hidden; transition: 0.6s;}
    .product_box_inner{  overflow: hidden; position: relative;} 

    .product_box_inner:before{ position: absolute; content: ""; bottom: 0px; width: 100%; height: 0px; background-color: #e5e5e5; transition: 0.6s;}
    .product_box_inner:hover:before{ height: 100%; transition: 0.6s;}

    .product_box_inner{ overflow: hidden;}

    .product_box_inner_img{ overflow: hidden;}



   

    .cnt_inner {
      position: relative;
  }

  .cnt_inner{ padding: 10px;}

  .product_releted_slider .property-item{ overflow: hidden;}
  .product_releted_slider .property-item:hover .property-img:before, .property-item:hover .property-img:after{ opacity: 0!important;}
  .product_releted_slider .property-item:hover .property-img{ overflow: hidden;}
  .product_releted_slider .property-item .property-img img{ transition: 0.6s; height: 344px; overflow: hidden; object-fit: cover;}
  .product_releted_slider .property-item:hover .property-img img{ transform: scale(1.2); transition: 0.6s;}

.product_releted_slider .property-img{ overflow: hidden!important;}


.artist_profile_codepen .nav-item { padding: 0px!important; }

.artist_profile_codepen .nav-item button.active{ background-color: transparent!important; color: #000000!important; position: relative !important;}

.artist_profile_codepen .nav-item button.active::after{ content: ""; position: absolute; bottom: 0px; width: 100%; height: 3px; background-color: #000000; left: 0;}

.artist_profile_codepen .nav-item button{ color: #3a3a3a!important; padding: 5px;}
/* leftbar-sidebar */
/* .left_side, .right_side{
  background:#FBFBFB;
  margin:0px 20px;
} */
.left_side ul{
  list-style:none;
  padding:0px;
  position: sticky;
  top: 155px
}
.left_side ul li {
  padding: 10px;
  margin-bottom: 10px;
  background: white;
  border: 1px solid #dddcdc;
  margin-right: 10px;
}
.left_side ul li:hover{
  background:#FBFBFB;
  cursor: pointer;
}


.subscription_box { padding: 20px;}
.profile-detail{ padding: 20px;}


.form-check-input:checked {
  background-color: #000000;
  border-color: #000000;
}


.file-uploader {
  /* background-color: initial !important; */
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-radius: 10px !important;
  overflow: hidden;
}


.global_file_upload_deisgn {
  align-items: center;
  border-radius: 0px;
  cursor: pointer;
  display: flex;
  font-weight: 500;
 align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: .6s;
width: 250px;
background-color: black;
color: white;
padding: 10px;
}

.global_file_upload_deisgn svg {
  color: #93adce;
  font-size: 30px;

  transition: .6s;
  width: 34px;
}

.global_file_upload_deisgn svg path{ color: white; fill: white;}

.file-uploader input {
  visibility: hidden;
  display: none;
}

textarea { width: 100%; border: 1px solid #C1C1C1; height: 150px;}

.subscription_plan  {    background: #F3F3F3;
  padding: 51px 50px;}

  .verified { padding: 20px;}

  .product_box_inner { cursor: pointer;}

  .op_tbn { 

    position: absolute;
    top: 15px;
    right: 15px;
  }



  .op_tbn a{ background: #00000085;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;}

  .op_tbn a:hover{ background-color: white; color: black;}

  .op_tbn ul li{ margin-bottom: 10px; list-style: none;}


 .cs_menu_check{    display: flex;
    align-items: center;
    gap: 15px;}
  .cs_menu_check input{    width: 22px;
    height: 19px;}

    .filter_design .accordion-button:focus{ box-shadow: none; }
    .filter_design .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
      transition: all 0.5s;
    }
    .filter_design .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    }
    .filter_design .accordion-button::after {
      transition: all 0.5s;
    }


    .filter_design .accordion-button:not(.collapsed){ box-shadow: none!important;}
    .filter_design .accordion-header{ border-bottom: 1px solid #dee2e6;}

    .filter_design .accordion-item{ border: none!important;}


    .filter_design { position: sticky; top: 100px;}
    .all-artworks img{  transition: 0.6s; }
    .filter_art_work .all-artworks:hover img{ transform: scale(1.2); transition: 0.6s; }

    .all-artworks{ overflow: hidden;}
    
       .img_art{overflow: hidden; }
    .page_cs .pagination { gap: 15px;}
    .page_cs .page-link{ background-color: #EEEEEE; color: black;}
    .become_my.become svg path{transition: 0.6s;}
    .become_my.become:hover svg path{ fill: orange; color: orange; transition: 0.6s;}


    .model_img img{ height: 100%; object-fit: cover; }
    .model_img { height: 100%;}
    .close_my { background-color: transparent; position: absolute; right: 10px; top: 10px;}
    
    .main-button svg path{ fill:#fff; color:#fff;}
    .serach_art{ position:relative;}
    .serach_art svg{ position:absolute; right:10px;     top: 12px;}
   .search-select {
    position: absolute;
    left: 2px;
    top: 2px;
}
    .serach_art input {
        padding: 10px 40px 10px 20px;
    }
    
    .search_art input::placeholder {
        font-size: 12px;
    }

.property-slide .fa-chevron-right {
    position: absolute;
    top: 220px!important;
    bottom:unset;
    text-align: center;
    right: -20px;
    background: #fff;
    border-radius: 35px;
    font-size: 25px;
    padding: 12px;
    width: 49px;
    height: 49px;
    z-index: 2;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.product_releted_slider .property-slide .fa-chevron-left { top:150px!important; }

.product_releted_slider .property-slide .fa-chevron-right { top:150px!important; }

.search_artist {    display: flex;
    align-items: center; border:1px solid #000; display:inline-block;}
    
    
    .search_artist input{     padding: 8px; border:none; }
    
    .sort_btn select{     padding: 12px;  }
    
    .search_artist input:focus{     border:none; outline:none; }
    
    .search_artist button{    background: black;
    padding: 8px 14px;}

.property-slide .fa-chevron-left {
    position: absolute;
    top: 220px !important;
    bottom: unset;
    text-align: center;
    left: -20px;
    background: #fff;
    border-radius: 35px;
    font-size: 25px;
    padding: 12px;
    width: 49px;
    height: 49px;
    z-index: 2;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.slick-next{    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;   background: #fff!important; color:impotrtant; }

/*.top-art-content{ bottom:0px!important;}*/





.art_work_banner .profileImage {
    position: absolute;
    width: auto;
    height: 215px!important; width:215px!important; object-fit:cover!important;object-position:top;}
.artwork-main .price-box img{ height:100px; object-fit:contain}

.property-slide i{ cursor:pointer;}
.top_line{    position: absolute; top:0px; left:0px;}
.bottom_line{    position: absolute; bottom:20px; right:0px;}

.main_box_painting { position:relative; padding:20px;}

.img-showcase img{     height: 500px;
    object-fit: contain;
    background: #f1f1f1;}


@media screen and (max-width: 1450px) {
    
    .logo {
    width: 200px;
}
.navbar-nav .nav-item {
    padding: 0 0px;}
}



@media screen and (max-width: 991px) {
    
    .serach_art input {
  
    width: 100%;
}
    
    .serach_art {
    margin-bottom: 15px;
    display: none;
}
a.main-button {
    display: none;
}
.respon-top {
    width: 50% !important;
}
.respon-artist-profile {
 display: block !important;   
}
.navbar-toggler {
    position: absolute;
    right: 20px;
    top: -54px;
}
.property-wrapper div {
    display: block !important;
}
.megamneu-list {
    margin-bottom: 10px;
}

}


@media screen and (max-width: 575px) {
    
    .art_work_banner .profileImage {
  
    top: 102px!important;
    left: 9px!important;
    
}
    .art_work_banner .profileImage {
  
    height: 130px !important;
    width: 120px !important;
 
}
    
}

#cat-slide2 .slide-box{ margin:20px;}

/*-------------------new css 07/09/24--------------------------------*/



.navbar .dropdown {
    position: initial;
}
.submenu-item li {
    margin-bottom: 10px;
    font-size: 14px;
}
.megamneu-list h6 {
    margin-bottom: 15px;
}
.submenu-item li:hover {
    font-weight: 800;
}


.dropdown .dropbtn:hover {
    border-bottom: 4px solid #b6909a36;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
  transition: 0.5s all;
}
.dropdown .dropbtn i {
    transition: 0.5s all;
    font-size: 13px;
}
.dropdown .dropbtn:hover i {
    transform: rotate(180deg);
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    left: 0;
    top: 56px;
    border-top: 0px solid #c3c3c380;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index: 999;
    padding: 25px 0;
    transition:0.9s all;
    height: 0;
}
ul.submenu-item {
    padding-left: 0;
    list-style: none;
}
.dropdown:hover .dropdown-content {
    display: block;
    height: auto;
}
.tooltip {
    position: relative;
    display: contents;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    padding: 4px 11px;
    /* width: 120px; */
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 16px;
    position: absolute;
    z-index: 10;
    bottom: -28px;
    right: -33px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.accordion-flush .accordion-collapse {
    border-width: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
 .accordion-header {
    background: #b6909a36;
}
.accordion-button.collapsed {
    background: #b6909a36;
}

.navbar.scrolled .dropdown-content {
    top: 65px;
}
.megamneu-list {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.nav-item {
    margin: 7px 5px;
}