.gradient-text {
  font-size: 48px;
  font-weight: 700;
  background: linear-gradient(
    270deg,
     #D4AF37,
		 #F9E076,
    #996515,
   #F9E076
  );
  background-size: 600% 600%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 8s ease infinite;
}

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




.custom-hover-div {
    position: relative;
    background: #0b0b0b;
    border: 1px solid rgba(212,175,55,0.25); /* gold border */
    padding: 50px 30px;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(.19,1,.22,1);
}

/* Soft inner glow layer */
.custom-hover-div::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center,
        rgba(212,175,55,0.15),
        transparent 70%);
    opacity: 0;
    transition: opacity 0.6s ease;
}

/* Golden shine sweep */
.custom-hover-div::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,215,0,0.25),
        transparent
    );
    transform: skewX(-20deg);
    transition: 0.8s;
}

/* Hover main effect */
.custom-hover-div:hover {
    transform: translateY(-12px);
    border-color: rgba(212,175,55,0.7);
    box-shadow:
        0 25px 60px rgba(0,0,0,0.6),
        0 0 30px rgba(212,175,55,0.35);
}

/* Inner glow visible */
.custom-hover-div:hover::before {
    opacity: 1;
}

/* Shine move */
.custom-hover-div:hover::after {
    left: 140%;
}

/* Icon animation */
.custom-hover-div:hover .icon-1 {
    transform: translateY(-6px) scale(1.1);
    filter: drop-shadow(0 8px 20px rgba(212,175,55,0.6));
    transition: all 0.5s ease;
}

/* Heading luxury glow */
.custom-hover-div:hover .text-1 {
    letter-spacing: 1.5px;
    color: #d4af37;
    text-shadow: 0 0 10px rgba(212,175,55,0.6);
    transition: all 0.4s ease;
}

.padding-hover-img{
    transition: all 0.5s cubic-bezier(.19,1,.22,1);
}

.padding-hover-img:hover{
    padding:0 !important;
    margin:0 !important;
    transform: scale(1.03);
}









.custom-div-1{
    background:#0b0b0b;
    border:1px solid rgba(249,224,118,0.45);
    position:relative;
    overflow:hidden;
    transition:all 0.55s cubic-bezier(.19,1,.22,1);
}

/* soft glow layer */
.custom-div-1::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at center,
        rgba(249,224,118,0.15),
        transparent 70%);
    opacity:0;
    transition:opacity .5s ease;
}

/* card hover */
.custom-div-1:hover{
    transform:translateY(-8px);
    border-color:#F9E076;
    background:#111;
    box-shadow:
        0 25px 55px rgba(0,0,0,0.6),
        0 0 22px rgba(249,224,118,0.25);
}

.custom-div-1:hover::before{
    opacity:1;
}

/* ICON LUXURY MOTION */
.icon2{
    transition:all .55s cubic-bezier(.19,1,.22,1);
}

/* icon hover animation */
.custom-div-1:hover .icon2{
    transform:translateY(-6px) scale(1.12) rotate(3deg);
    filter:drop-shadow(0 6px 15px rgba(249,224,118,0.6));
}




.luxury-img {
    position: relative;
    overflow: hidden;
}

.luxury-img img{
    width:100%;
    height:auto;
    transition: transform 0.7s cubic-bezier(.19,1,.22,1), filter 0.6s ease;
}

/* golden overlay */
.luxury-img::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        120deg,
        rgba(249,224,118,0.15),
        transparent,
        rgba(249,224,118,0.15)
    );
    opacity:0;
    transition:opacity .5s ease;
    pointer-events:none;
}

/* hover effect */
.luxury-img:hover img{
    transform:scale(1.08);
    filter:brightness(1.1) contrast(1.05);
}

/* overlay visible */
.luxury-img:hover::before{
    opacity:1;
}