/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
/*  width: auto !important;*/
  margin: 0 auto;
  width: auto;
}
/* Add this CSS to make the parent container a flex container */
.row.equal-height-row {
    display: flex;
}
/* Add this CSS to make each offer-box a flex item with equal height */
.row.equal-height-row .rew-box{
    display: flex;
    flex-direction: column;
}
.row.equal-height-row .review-data{
    flex: 1;
    align-content: center;
}
/*animation*/
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: translateY(-150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: translateX(150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: translateY(150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-150px);
  }
}

@keyframes zoomOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(150px);
  }
}

@keyframes zoomOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-150px);
  }
}

@keyframes zoomOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(150px);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

 /* Common reveal styles */
.reveal {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.reveal.active {
  opacity: 1;
}

.reveal.zoomInDown.active {
  animation: zoomInDown 1s ease-out forwards;
}

.reveal.zoomInRight.active {
  animation: zoomInRight 1s ease-out forwards;
}

.reveal.zoomInUp.active {
  animation: zoomInUp 1s ease-out forwards;
}

.reveal.flipInX.active {
  animation: flipInX 1s ease-out forwards;
}
.reveal.flipInY.active {
  animation: flipInY 1s ease-out forwards;
}

.reveal.fadeInLeft.active {
  animation: fadeInLeft 1s ease-out forwards;
}


/* Adding new animation styles */
.reveal.zoomInLeft.active {
  animation: zoomInLeft 1s ease-out forwards;
}

.reveal.zoomOutLeft.active {
  animation: zoomOutLeft 1s ease-out forwards;
}

.reveal.zoomOutRight.active {
  animation: zoomOutRight 1s ease-out forwards;
}

.reveal.zoomOutUp.active {
  animation: zoomOutUp 1s ease-out forwards;
}

.reveal.zoomOutDown.active {
  animation: zoomOutDown 1s ease-out forwards;
}

.reveal.fadeInRight.active {
  animation: fadeInRight 1s ease-out forwards;
}

.reveal.fadeInUp.active {
  animation: fadeInUp 1s ease-out forwards;
}

.reveal.fadeInDown.active {
  animation: fadeInDown 1s ease-out forwards;
}
/*--------commom css------------*/
a.serv-btn.btn:hover{
    background: #28183A;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
input[type="submit"].newsltr-bbtn.btn:hover {
    background: #28183A;
}
/* --------- SLIDER--------- */
section#slider-banner{
    position: relative;
}
section#slider-banner .carousel-caption {
    position: absolute;
    transform: translateY(-50%);
    top: 27%;
    left: 31%;
    right: 31%;
    bottom: 30%;
    padding: 0;
}
p.slid-txt {
    color: #5C4968;
}
a.slide-btn.btn {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    border-radius: 8px;
    padding: 15px 20px;
}
h2.slide-main-head {
    font-size: 56px;
    color: #28183A;
}
.slider-banner-image {
  position: relative;
}
.slider-banner-image img {
    width: 100%;
}
.game-box1,.game-box2,.game-box3,.game-box4{
    border-radius: 20px;
}
.game-box1 {
    background: linear-gradient(180deg, #8C5DF1 0%, #7342F3 100%);
}
.game-box2{
  background: linear-gradient(180deg, #F85D6E 0%, #F65E61 100%);

}
.game-box3{
  background: linear-gradient(180deg, #38D7FF 0%, #69C5F7 100%);
}
.game-box4{
  background: linear-gradient(180deg, #24D8A7 0%, #33DDC3 100%);
}
h6.slide-gm-head {
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
}
a.slide-gm-btn1.btn{
  color: #8354F2;
}
a.slide-gm-btn2.btn{
  color: #F65E62;
}
a.slide-gm-btn3.btn{
  color: #5DCAF9;
}
a.slide-gm-btn4.btn{
  color: #29DAB0;
}
a.slide-gm-btn1.btn,a.slide-gm-btn2.btn,a.slide-gm-btn3.btn,a.slide-gm-btn4.btn {
    font-size: 16px;
    background: #ffffff;
    border-radius: 8px;
    font-weight: 700;
}
/*bg*/
.game-box2:before {
    content: '';
    position: absolute;
    right: -108px;
    bottom: -57px;
    background: #FF6C79;
    border-radius: 50%;
    width: 330px;
    height: 330px;
     z-index: 0;
}
.game-box2 {
    position: relative;
    width: 400px;
    height: 240px;
    overflow: hidden;
}
img.gm-box-img2 {
    position: absolute;
    right: 15px;
    top: 30px;
    width: 55%;
     z-index: 1;
}
/*box1*/
.game-box1:before {
    content: '';
    position: absolute;
    right: -60px;
    bottom: -80px;
    background: #9062FC;
    border-radius: 50%;
    width: 330px;
    height: 330px;
     z-index: 0;
}
.game-box1 {
    position: relative;
    width: 300px;
    height: 500px;
    overflow: hidden;
}
img.gm-box-img1 {
    position: absolute;
    right: 16px;
    bottom: 18px;
    width: 82%;
     z-index: 1;
}
/*box3*/
.game-box3:before {
    content: '';
    position: absolute;
    right: -36px;
    bottom: -40px;
    background: #66DAFF;
    border-radius: 50%;
    width: 330px;
    height: 330px;
     z-index: 0;
}
.game-box3 {
    position: relative;
    width: 485px;
    height: 340px;
    overflow: hidden;
}
img.gm-box-img3 {
    position: absolute;
    right: 15px;
    bottom: 30px;
    width: 58%;
    z-index: 1;
}
.game-box3 h6.slide-gm-head{
  width: 40%;
}
/*box4*/
.game-box4:before {
    content: '';
    position: absolute;
    right: -85px;
    bottom: -140px;
    background: #37E9BE;
    border-radius: 50%;
    width: 330px;
    height: 330px;
     z-index: 0;
}
.game-box4 {
    position: relative;
    width: 300px;
    height: 400px;
    overflow: hidden;
}
img.gm-box-img4 {
    position: absolute;
    right: 15px;
    bottom: 30px;
    width: 75%;
     z-index: 1;
}
.shift-box-1 {
    position: absolute;
    bottom: 10%;
    left: 4%;
}
.shift-box-2 {
    position: absolute;
    bottom: 16%;
    left: 24%;
}
.shift-box-3 {
    position: absolute;
    bottom: 10%;
    right: 24%;
}
.shift-box-4 {
    position: absolute;
    bottom: 18%;
    right: 5%;
}
.game-box1,
.game-box2,
.game-box3,
.game-box4 {
  transition: transform 0.6s ease;
  will-change: transform;
}

.game-box1:hover,
.game-box2:hover,
.game-box3:hover,
.game-box4:hover {
  transform: rotateZ(5deg) scale(1.05);
}

/*---about----*/
h6.abt-small-head,h6.serv-sm-hd,h6.testi-sm-hd,h6.commnty-sm-head,h6.gmshop-sm-hd,h6.plans-sm-hd,h6.team-small-head,h6.blog-sm-hd,h6.nlttr-sm-hd {
    font-weight: 700;
    position: relative;
    margin-left: 40px;
    display: inline-block;
}
h6.abt-small-head:before,h6.serv-sm-hd:before,h6.testi-sm-hd:before,h6.commnty-sm-head:before,h6.gmshop-sm-hd:before,h6.plans-sm-hd:before,h6.team-small-head:before,h6.blog-sm-hd:before,h6.nlttr-sm-hd:before {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    left: -40px;
    background: #7921DE;
    top: 50%;
    transform: translateY(-50%);
}
h2.abt-main-head,h2.serv-main-head {
    font-size: 44px;
    line-height: 48px;
}
h2.serv-main-head{
    width: 55%;
}
p.abt-para {
    color: #5C4968;
    line-height: 26px;
}
a.abt-btn.btn {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    border-radius: 8px;
    padding: 12px 25px;
}
.abt-img2 img{
  width: 300px;
  height: 406px;
  border-radius: 10px;
}
.abt-img1 img{
  width: 370px;
  height: 409px;
  border-radius: 10px;
}
.abt-img2 {
    position: absolute;
    top: 15%;
    right: 13%;
}
.abt-img-box {
    position: relative;
}
.abt-call-head,a.serv-btn.btn {
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-family: "Heebo", sans-serif;
}
i.phone-icon {
    font-size: 50px; /* adjust size if needed */
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    transform: rotate(-45deg);
}
h6.abt-call-num a{
    font-size: 40px;
    font-weight: 700;
    color: #28183A;
    line-height: normal;
}
.abt-call-box {
    box-shadow: 7.33px 20px 50px 0px #7B20DE33;
    background: #ffffff;
    position: absolute;
    border-radius: 10px;
    left: 9%;
    top: 81%;
    width: 370px;
    height: 100px;
    border: 1px solid #E2CEF6;
    padding: 12px 20px;
}
/*-------partner---------*/
.owl-carousel .owl-item img.prtnr-img {
    width: 85%;
    height: auto;
    transition: transform 0.4s ease, opacity 0.4s ease;
    display: block;
    margin: 3px auto;
}

.prtnr-img-box {
    position: relative;
    display: inline-block;
    overflow: hidden; /* Prevent image overflow on transform */
    transition: transform 0.4s ease;
}

.prtnr-img-box::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    -webkit-mask-image: var(--partner-img);
    -webkit-mask-size: cover;
    mask-image: var(--partner-img);
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transform: scale(1);
}

/* Hover Effect */
.prtnr-img-box:hover::after {
    opacity: 1;
    transform: scale(0.9); /* Zoom inwards smoothly */
}

.prtnr-img-box:hover .prtnr-img {
    opacity: 0;
    transform: scale(0.9); /* Image scales in before disappearing */
}

/*--services---*/
a.serv-otr-btn.btn,a.cmnty-btn.btn,a.plan-btn.btn,a.team-btn.btn,a.blog-otr-btn.btn {
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    color: #ffffff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 25px;
}
h6.category-name a,h6.category-name {
    font-size: 24px;
    font-weight: 700;
    color: #28183A;
}
p.serv-inn-txt {
    font-size: 16px;
    color: #5C4968;
    line-height: 26px;
}
i.arrw-icn{
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    transform: rotate(-45deg);
}
.serv-item {
    background: #ffffff;
    border-radius: 10px;
    position: relative;
}
.serv-item:before {
    position: absolute;
    content: '';
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    width: 350px;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -15px;
    z-index: -1;
    border-radius: 15px;
}
/*-----------testimoial------*/
h2.testi-main-hd,h2.blog-main-hd {
    font-size: 38px;
}
h6.testi-title a,h6.testi-title {
    font-size: 22px;
    font-weight: 700;
    color: #28183A;
}
p.test-designtn {
    font-size: 16px;
    font-weight: 600;
    color: #5C4968;
}
p.test-inn-txt {
    font-size: 22px;
    font-weight: 500;
    color: #28183A;
}
.testimonial-data {
    border: 1px solid #E2CEF6;
    border-radius: 10px;
    box-shadow: 7.33px 20px 50px -15px #7B20DE1A;
    position: relative;
}
i.testi-quote-icn {
    font-size: 30px;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    color: #ffffff;
    border-radius: 50%;
    width: 67px;
    height: 67px;
    align-items: center;
    text-align: center;
    align-content: space-around;
    position: absolute;
    top: -35px;
}
.info-testi{
    position: relative;
}
.info-testi button.owl-prev,.info-testi button.owl-next,section#game_shop button.owl-prev,section#game_shop button.owl-next {
    color: #ffffff;
    border-radius: 50%;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    border: none;
    width: 50px;
    height: 50px;
    display: inline-block;
}
.info-testi button.owl-prev:hover, .info-testi button.owl-next:hover,section#game_shop button.owl-prev:hover,section#game_shop button.owl-next:hover{
    background: #28183A;
}
section#game_shop button.owl-prev{
    margin-right: 10px;
}
.info-testi button.owl-prev {
    position: absolute;
    top: 38%;
    left: -5%;
}
.info-testi button.owl-next{
    position: absolute;
    top: 38%;
    right: -5%;
}
.info-testi .owl-dots {
    text-align: center;
}
.info-testi button.owl-dot {
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    margin: 5px;
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 50%;
    opacity: 30%;
}
.info-testi button.owl-dot.active{
    opacity: 1;
}
/*community*/
h6.commnty-sm-head{
    color: #7921DE;
}
h2.commnty-main-head {
    font-size: 38px;
    color: #ffffff;
}
p.commnty-txt{
    color: #ffffff;
}
.commnty-hd-box {
    width: 32%;
}
.comnty-bg-whole {
    position: relative;
}
.img-commnty-box img {
    border: 3px solid #ffffff;
    border-radius: 50%;
}
img.cmmntyimg1,img.cmmntyimg2,img.cmmntyimg4,img.cmmntyimg6{
    width: 135px;
    height: 135px;
    position: absolute;
}
img.cmmntyimg3,img.cmmntyimg5,img.cmmntyimg7,img.cmmntyimg8{
    width: 105px;
    height: 105px;
    position: absolute;
}
img.cmmntyimg1{
    left: 8%;
    top: -25%;
}
img.cmmntyimg2{
    left: 5%;
    top: 95%;
}
img.cmmntyimg3{
    left: 25%;
    top: 40%;
}
img.cmmntyimg4{
    left: 39%;
    top: 92%;
}
img.cmmntyimg5{
    left: 51%;
    top: -27%;
}
img.cmmntyimg6{
    left: 75%;
    top: 33%;
}
img.cmmntyimg7{
    right: 2%;
    top: -34%;
}
img.cmmntyimg8{
    top: 103%;
    right: 5%;
}
/*------game-shop---*/
/* Remove left side stage padding */
.gmshop-info .owl-carousel .owl-stage {
  margin-left: -200px; /* Adjust this to match your stagePadding */
  padding-left: 200px !important; /* Add actual space inside */
  box-sizing: content-box;
}

/*.gmshop-info .owl-carousel {
  padding-left: 0 !important;
  margin-left: 0 !important;
  overflow: visible;
}
.gmshop-info .owl-stage-outer {
  overflow: visible !important;
}
*/
h3.gmshop-sm-hd a {
    font-size: 14px;
    font-weight: 400;
    color: #5C4968;
    font-family: 'Plus Jakarta Sans';
}
h5.gmshop-name a {
    font-size: 18px;
    font-weight: 500;
    color: #28183A;
    font-family: 'Plus Jakarta Sans';
}
h4.gmshop-price.price {
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
}
section#game_shop {
    position: relative;
}
section#game_shop .owl-nav {
    position: absolute;
    left: -47%;
    bottom: 13%;
}
h2.gmshop-main-head {
    font-size: 42px;
}
.img-box-gmshop {
    border: 1px solid #E7DCF1;
    border-radius: 12px;
    background: #ffffff;
    padding: 10px;
}
img.prod-image {
    padding: 35px;
}
.gmshop-image {
    background: #FBF6FF;
    border-radius: 12px;
}
.gmshop-box,.gmshop-info{
    position: relative;
}
.gmshop-box:before {
    content: '';
    background: #F7EFFE;
    padding: 30px 0px 30px 30px;
    position: absolute;
    width: 1245px;
    height: 409px;
    bottom: -45px;
    left: -45px;
    right: 0;
    border-radius: 50px 0px 0px 50px;
}
.gmshop-info:before{
    content: '';
    background-image: url(../images/shop/shop-line.png);
    background-size: cover;
    position: absolute;
    left: -87px;
    top: 25px;
    height: 53px;
    display: block;
    width: 50px;
    background-repeat: no-repeat;
}
/*---counter----*/
h3.count-plus {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans';
}
h2.countr-main-head {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
}
p.countr-txt {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
/*-----download-app-*/
h2.dwapp-sm-head {
    font-size: 46px;
    font-weight: 700;
    color: #10B788;
}
h2.dwapp-main-head {
    font-size: 46px;
    font-weight: 700;
    color: #28183A;
}
p.dwapp-txt {
    font-size: 16px;
    color: #5C4968;
}
h2.dwapp-inn-head {
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    font-family: 'Outfit';
    position: relative;
}
h2.dwapp-inn-head:before{
    content: '';
    background-image: url(../images/download/hd-shadow.png);
    background-size: cover;
    position: absolute;
    left: -25px;
    top: -25px;
    height: 90px;
    display: block;
    width: 225px;
    background-repeat: no-repeat;
}
.dwnimg-bg-box {
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    border-radius: 10px;
    width: 239px;
    height: 365px;
    text-align: center;
    align-content: space-around;
}
.downl-left-img-box {
    position: relative;
}
.downl-left-img-box:before{
    content: '';
    background-image: url(../images/download/down-bg.png);
    background-size: cover;
    position: absolute;
    left: 40px;
    top: 25px;
    height: 477px;
    display: block;
    width: 384px;
    background-repeat: no-repeat;
    z-index: -1;
}
img.down-img-right {
    box-shadow: 0px 4px 80px 0px #48478240;
    position: absolute;
    right: 18%;
    bottom: -48%;
    width: 239px;
    height: 430px;
}
section#download_app {
    padding: 6% 0 13% 0;
}
/*-------pricing-plan---*/
.clickable-plan-box {
  cursor: pointer;
  transition: 0.3s ease;
}
.clickable-plan-box:hover,
.clickable-plan-box.active {
  background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
  border-radius: 16px;
}
.clickable-plan-box:hover h2.plans-price,
.clickable-plan-box.active h2.plans-price,.clickable-plan-box:hover h3.plans-inn-head,
.clickable-plan-box.active h3.plans-inn-head,.clickable-plan-box:hover p.plans-inn-txt,
.clickable-plan-box.active p.plans-inn-txt{
    color: #ffffff;
}
.plan-types {
    width: 85%;
}
.plans {
    border-width: 0 2px 0 0;
    border-style: solid;
    border-image: linear-gradient(257.87deg, rgba(107, 32, 222, 0.1) 10.63%, rgba(158, 33, 221, 0.1) 95.22%) 1;
}
h2.plans-main-head {
    font-size: 38px;
    width: 40%;
}
h2.plans-price {
    font-size: 30px;
    font-family: 'Plus Jakarta Sans';
}
h3.plans-inn-head {
    font-size: 22px;
}
p.plans-inn-txt{
    font-size: 14px;
    color: #5C4968;
}
.plans-info.pricing-tables {
    background: #ffffff;
    border-radius: 20px;
    width: 80%;
}
h6.plans-feat-hd {
    font-weight: 700;
    color: #28183A;
}
p.planlist-item {
    font-size: 14px;
    font-weight: 400;
    color: #5C4968;
    line-height: 40px;
}
i.pln-tick-icn,i.news-com-icn,.date-comm-box i {
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
ul.plan-list.feature-set {
    list-style: none;
    margin: 0;
}
.features-box {
    background: #F7EFFE;
    border-radius: 20px;
}
/*---team----*/
h2.team-main-head {
    font-size: 38px;
}
p.team-para {
    font-size: 16px;
    color: #5C4968;
    line-height: 26px;
}
.team-img-box img {
    width: 100%;
}
/*---------blog------*/
img.blog-image {
    width: 100%;
}
.date-comm-box span,span.blg-comnt {
    font-size: 15px;
    font-weight: 400;
    color: #5C4968;
}
h6.news-inner-head a {
    font-size: 30px;
    font-weight: 700;
    color: #28183A;
}
p.blog-inn-txt1, p.blog-inn-txt2 {
    font-size: 16px;
    color: #5C4968;
    line-height: 26px;
}
h2.blog-main-hd {
    width: 75%;
}
/*newsletter*/
input[type="email"].nltr-mail {
    font-size: 15px;
    font-weight: 400;
    color: #757575;
    background: #ffffff;
    border: 1px solid #E6EAF4;
    border-radius: 10px;
    padding: 18px 20px;
    font-family: 'Inter';
    width: 100%;
    height: 100%; /* take full height of parent */
    box-sizing: border-box;
}

input[type="email"].nltr-mail::placeholder{
    color: #757575;
}
.newsltt-form form {
    position: relative;
    padding-right: 0px; /* give space for the button */
    height: 58px; /* adjust as needed to match input + button */
}

input[type="submit"].newsltr-bbtn.btn {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 10px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    padding: 11px 30px;
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
    border: none;
    cursor: pointer;
}
.newsltt-form .wpcf7 form .wpcf7-response-output {
    margin: 3em 0.5em 1em;
}
h2.nlttr-main-head {
    font-size: 34px;
    color: #ffffff;
}
h6.nlttr-form-hd {
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Plus Jakarta Sans';
}
.socialbox i {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    padding: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
}
.socialbox i:hover {
    background: linear-gradient(257.87deg, #6B20DE 10.63%, #9E21DD 95.22%);
}
/*button animation*/
a.grow_spin {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
a.grow_spin:hover {
  color: #7921DE !important;
}
a.grow_spin::after {
  content: "";
  background: #ffffff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
a.grow_spin::after {
  transition: all 0.3s ease;
}
a.grow_spin:hover::after {
  transition: all 0.3s ease-out;
}

a.grow_spin::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0, 0) rotate(-180deg);
}
a.grow_spin:hover::after {
  transform: scale(1, 1) rotate(0deg);
}
/*2*/
a.grow_spin2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
a.grow_spin2:hover {
  color: #ffffff !important;
}
a.grow_spin2::after {
  content: "";
  background: #7921DE;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
a.grow_spin2::after {
  transition: all 0.3s ease;
}
a.grow_spin2:hover::after {
  transition: all 0.3s ease-out;
}
a.grow_spin2::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0, 0) rotate(-180deg);
}
a.grow_spin2:hover::after {
  transform: scale(1, 1) rotate(0deg);
}

a.slide-gm-btn2.grow_spin2::after {
  content: "";
  background: #F65E62;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
a.slide-gm-btn3.grow_spin2::after {
  content: "";
  background: #5DCAF9;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
a.slide-gm-btn4.grow_spin2::after {
  content: "";
  background: #29DAB0;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
/*image*/
.shape-shift {
  transition: border-radius 0.3s ease;
  position: relative;
  overflow: hidden;
}

.shape-shift img {
  object-fit: cover;
}

.shape-shift:hover img{
  border-radius: 50%;
}
/*card*/
.hologrp-effct {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}

.hologrp-effct::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    #7921de4f
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
  z-index: 999;
}

.hologrp-effct:hover {
  transform: scale(1.05);
}

.hologrp-effct:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}
/*testi-card*/
.testimonial-data,.postbox {
  transition: all .3s;
}
.testimonial-data:hover,.postbox:hover{
  box-shadow: 0px 0px 30px 1px #BC8DEA;
   transform: scale(1.05);
}
h3.gmshop-sm-hd a:hover,h5.gmshop-name a:hover,h6.news-inner-head a:hover {
    color: #7921DE;
}
.gmshop-image:hover::after {
  opacity: 1;
}
.gmshop-image::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 12px;
  right: 12px;
  bottom: 160px;
  background-color: rgba(188,141,234, 0.7);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 12px;
}
img.down-img-right,.dwnimg-bg-box {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.down-img-right:hover ,.dwnimg-bg-box:hover{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
img.ply-store-btn:hover,img.appl-store-btn:hover {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.ply-store-btn,img.appl-store-btn {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
@keyframes slideInLeftHover {
  0% {
    transform: translateX(-20px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInRightHover {
  0% {
    transform: translateX(20px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.count-info.slide-left:hover {
  animation: slideInLeftHover 0.6s ease forwards;
}

.count-info.slide-right:hover {
  animation: slideInRightHover 0.6s ease forwards;
}
.news-img {
    position: relative;
}
.news-img::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.news-img:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
.date-comm-box span,
.blg-comnt {
  transition: all 0.4s ease;
}

.date-comm-box:hover span,
.blg-comnt:hover {
  transform: translateY(-2px);
  text-shadow: 0 0 5px #7921DE;
  color: #7921DE;
}
.newsltt-form .wpcf7-response-output {
    color: #ffffff;
}
.effect {
    position: relative;
    overflow: hidden;
    background: #7921DE;
    cursor: pointer
}
.effect.effect-six {
    background-color: #7921DE
}
.effect.effect-six img {
    transition: all .35s;
    transform: translate3d(0, 0, 0) scale(1.05);
    -webkit-transition: all .35s;
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    border-radius: 10px;
}

.effect.effect-six:hover img {
    opacity: .4;
    transform: translate3d(-50px, 0, 0) scale(1);
    -webkit-transform: translate3d(-50px, 0, 0) scale(1);
    border-radius: 10px;
}
.effect {
    border-radius: 10px;
    margin: auto;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .07);
    background-color: #fff;
}
.effect img {
    position: relative;
    display: block;
    min-height: 100%;
    opacity: .8;
    border-radius: 10px;
}
.effect.effect-six .tab-text:before {
    background-color: rgba(255, 255, 255, .4);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
    transition: all .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
    -webkit-transition: all .6s
}

.effect.effect-six:hover .tab-text:before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 101%, 0);
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 101%, 0);
    border-radius: 10px;
}
.effect.effect-six .tab-text:before {
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    content: "";
}
/*shop*/
.img-box-gmshop:hover {
    transform: translate(-15px, 8px);
    border-color: #7921DE;
    box-shadow: 30px 0px 0px 0px #7B20DE33;
}