:root {
  --purple:#5F29DE;
  --orange:#F68122;
  --light-purple: #F1EAFF;
  --light-orange: #FFF6E9;
  --black:#000;
  --white:#fff;
}
/* slider */
.slider-para{
       width: 80%;
}
#slider{
     background: linear-gradient(254.49deg, #CBB6FE 4.35%, #EAD6B5 99.71%);
     padding-bottom: 7%;
    padding-top: 5%;
}
 .slider-head {
     font-family: Inter;
     font-weight: 700;
     font-size: 42px;
     line-height: 60px;
}
 .slider-main-right-wrap{
     height: 645px;
     width: 645px;
   margin-left: 25%;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .slider-main-right-wrap::after{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 50%;
     background-color: rgba(255, 255, 255, 15%);
}
 .slider-main-right-wrap::before{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 95%;
     height: 95%;
     border-radius: 50%;
    border: 2px dashed #fff;
     z-index: 1;
       -webkit-animation: spins 20s linear infinite;
  animation: spins 20s linear infinite;
}
@-webkit-keyframes spins {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spins {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
 .slider-main-img{
    height: 425px;
    width: 425px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
}
 .slider-main-img img {
     height: 100%;
     width: 100%;
     object-fit: contain;
}
 .img-slide-wrap img{
     background: #F3F3F3;
     padding: 10px;
     width: 100%;
     height: 100%;
     border-radius: 10px;
}
 .slider-content-wrap{
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding-top: 20%;
}
.slider-review-wrap{
       position: relative;
    top: 40px;
    width: 80%;
}
.slider-review-wrap img{
   width: 278px;
   height: 68px;
}
 .swiper-title {
     position: relative;
       bottom: 10px;
}
.thumb-wrap {
      background: #fff;
    border-radius: 20px 0 0 20px;
    padding: 15px 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    position: absolute;
    right: 0px;
    margin-top: -84px;
    max-width: 800px;
}
.thumb-wrap::after{
      content: '';
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 1px solid #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 815px;
    height: 190px;
}
 .images-slider {
     width: 95%;
     margin: unset !important;
}
 .images-slider .swiper-wrapper {
     display: flex;
     align-items: center;
     gap: 17px;
}
 .images-slider .swiper-slide {
     width: 132px !important;
     margin-right:0 !important;
}
 .swiper-slide-thumb-active .img-slide-wrap::before {
     content: "";
     position: absolute;
     inset: 0;
     background: #5F29DE;
     opacity: 0.5;
     border-radius: 10px;
}
.thumb-nav {
    display: flex;
    justify-content: space-between;
    width: max-content;
    /* margin-top: 10px; */
    flex-direction: column;
    position: absolute;
    right: 10px;
    top: 45px;
    gap: 30px;
}

.custom-thumb-prev,
.custom-thumb-next {
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    position: unset !important;
    border-radius: 50%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: unset !important;
}


.thumb-nav {
    display: flex;
    justify-content: space-between;
    width: max-content;
    /* margin-top: 10px; */
    flex-direction: column;
    position: absolute;
    right: 10px;
    top: 60px;
    gap: 30px;
}

.custom-thumb-prev,
.custom-thumb-next {
    width: 40px !important;
    height: 40px !important;
    background: #000 !important;
    color: #fff !important;
    text-align: center!important ;
    line-height: 30px!important ;
    cursor: pointer!important;
    position: unset !important;
    border-radius: 50% !important;
}
.custom-thumb-prev:hover,.custom-thumb-next:hover{
  background-color: var(--purple) !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    content: unset !important;
}

.feature-inner-content-box:hover img{
       transition: 1s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/* catgeory */

.cat-img-wrap{
   padding: 20px;
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   transition: all .1s linear;
   z-index: 1;
}

.cat-img-wrap:after,
.cat-img-wrap:before{
  content:"";
  width:2px;
  height:2px;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);transform:scale(0);
  z-index: -1;
}
#category .owl-item:nth-child(odd) .cat-img-wrap:after{
     background-color: var(--purple);
     opacity: 0.5;
}
#category .owl-item:nth-child(even) .cat-img-wrap:after{
     background-color: var(--orange);
          opacity: 0.5;
}
.cat-img-wrap:before{
  opacity: 0.35;
}
.cat-img-wrap:hover::after,
.cat-img-wrap:hover::before{
    -webkit-transform:scale(400);
    -moz-transform:scale(400);
    -ms-transform:scale(400);
    -o-transform:scale(400);
    transform:scale(400);
}
.cat-img-wrap:before{
    -o-transition:all .5s linear .3s;
    -moz-transition:all .5s linear .3s;
    -ms-transition:all .5s linear .3s;
    -webkit-transition:all .5s linear .3s;
    transition:all .5s linear .3s;
}
.cat-img-wrap:hover::before{
    -moz-transition-delay:0s;
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    -ms-transition-delay:0s;
    transition-delay:0s;
}
.cat-img-wrap:after{
    -o-transition:all .5s linear .4s;
    -moz-transition:all .5s linear .4s;
    -ms-transition:all .5s linear .4s;
    -webkit-transition:all .5s linear .4s;
    transition:all .5s linear .4s;
}
.cat-img-wrap:hover::after{
    -moz-transition-delay:.1s;
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    -ms-transition-delay:.1s;
    transition-delay:.1s;
}

.cat-img-box {
      height: 170px;
    width: 170px;
    margin: 0 auto; 
}
.cat-img-box img{
       height: 100%;
    width: 100%;
}
#category .owl-item:nth-child(odd) .cat-img-wrap {
background: rgba(241, 234, 255, 1);
}
#category .owl-item:nth-child(even) .cat-img-wrap{
    background: rgba(255, 246, 233, 1);
}
/* about */

.about-img-main{
  display: grid;
  position: relative;
  grid-template-columns: repeat(14, 1fr);
  grid-template-rows: repeat(11, 30px);
  grid-gap: 15px;
  z-index: 1;
  width: 95%;
}
.about-img-main .abt-main-iner:nth-child(1){
  grid-column-start: 1;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 8;
      position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.about-img-main .abt-main-iner:nth-child(2){
  grid-column-start: 8;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 4;
   background: var(--purple);
   display: flex;
   align-items: center;
   padding: 10px;
   border-radius: 10px;
       position: relative;
    margin-top: 20px;
}
.about-img-main .abt-main-iner:nth-child(3){
    grid-column-start: 2;
    grid-column-end: 8;
    grid-row-start: 8;
    grid-row-end: 12;
    padding: 15px;
    background: var(--orange);
    border-radius: 10px;
}
.about-img-main .abt-main-iner:nth-child(3):hover,.about-img-main .abt-main-iner:nth-child(2):hover{
  background: var(--black);
}
.about-counter-box{
   display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    height: 100%;
}
.about-img-main .abt-main-iner:nth-child(4){
  grid-column-start: 8;
  grid-column-end: 15;
  grid-row-start: 4;
  grid-row-end: 9;
      position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.abt-main-iner img{
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 10px;
}
.about-img-main .abt-main-iner:nth-child(5){
   grid-column-start: 8;
    grid-column-end: 15;
    grid-row-start: 9;
    grid-row-end: 13;
      position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.abt-main-iner h3{
   font-family: Inter;
   font-weight: 900;
   font-size: 35px;
   line-height: 40px;
   color: #fff;
       animation: tada 4s linear infinite;
}
.year-para{
   font-family: Inter;
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
   color: #fff;
}

.about-counter-box h2,.about-counter-box p{
   color: var(--white);
}
.about-counter-box h5{
   font-family: Inter;
   font-weight: 700;
   font-size: 16px;
   line-height: 20px;
   color: #fff;
}
#about-us .main-head{
    width: 87%;
}
.abt-points-main-one{
    background: rgba(255, 246, 233, 1);
   padding: 20px 15px;
   border-radius: 10px;
}
.abt-points-main-one:hover{
  background: var(--orange);
}
.abt-points-main-one:hover .inner-heading,.abt-points-main-one:hover .inner-para,.abt-points-main-two:hover .inner-heading,.abt-points-main-two:hover .inner-para{
 color: #fff;
}
.abt-points-main-two{
   background: rgba(241, 234, 255, 1);
   padding: 20px 15px;
   border-radius: 10px;
}
.abt-points-main-two:hover{
  background-color: var(--purple);
}
.abt-points-main-one .abt-iner-img{
   height: 58px;
   width: 58px;
   object-fit: contain;
}
.abt-iner-img{
   animation-duration: 3s;
   animation-iteration-count: infinite;
   animation-timing-function: ease-in;
   animation-name: pulse;
}

.about-img-main img{
  transition: transform 0.6s ease, filter 0.6s ease;
}
.abt-main-iner:hover img{
  transform: scale(1.1) rotate(2deg);
  filter: brightness(1.2);
}
 /* features */
 #feature>.container {
    border: 1px solid #000000;
    padding: 30px 20px;
    border-radius: 10px
 }
 .feature-img img{
    width: 60px !important;
    height: 60px;
    object-fit: contain;
    margin: 0 auto;
 }

 /* choose */
 .choose-box {
   gap: 10px;
 }
 .choose-points-main-one{
   background-color: var(--light-orange);
    padding: 15px 25px;
    border-radius: 10px;
    
 }

.choose-points-main{
  position: relative;
  overflow: hidden;
      z-index: 1;

}
.choose-points-main::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 6px;
  transition: width 0.3s ease;
  z-index: -1;
}
.choose-points-main-one::before{
  background-color: var(--orange);
}
.choose-points-main-two::before{
    background: var(--purple);
}
.choose-points-main:hover::before,.choose-points-main:hover::before{
  width: 100%;
}

.choose-points-main-two{
    background: rgba(241, 234, 255, 1);
   padding: 15px 15px;
   border-radius: 10px;

}
.choose-points-main:hover .inner-heading ,.choose-points-main:hover .inner-para{
    color: var(--white);
} 
.why-choose-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

}
.choose-inner {
  padding: 20px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.choose-inner:nth-child(2),.choose-inner:nth-child(4),.choose-inner:nth-child(6){
    border-right:unset
}
.choose-inner:nth-child(5),.choose-inner:nth-child(6){
  border-bottom:unset
}
.choose-img-box svg{
  width: 30px;
  height: 30px;
animation: spin 7s linear infinite;
}
.choose-inner:nth-child(2) svg path,.choose-inner:nth-child(3)  svg path,.choose-inner:nth-child(6)  svg path{
fill:var(--orange)
}
.choose-content p{
   font-size: 13px;
}

/* project */
.project-wrap{
     display: grid;
     grid-template-columns: repeat(16, 1fr);
     grid-template-rows: repeat(10, 50px);
     grid-gap: 10px;
}
.project-wrap .project-box:nth-child(1){
    grid-row-start: 1;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 6;
       background: rgba(255, 246, 233, 1);
}
.project-wrap .project-box:nth-child(2){
   grid-row-start: 6;
   grid-row-end: 11;
   grid-column-start: 1;
   grid-column-end: 6;
   background: rgba(241, 234, 255, 1);
}
.project-wrap .project-box:nth-child(3){
   grid-row-start: 1;
   grid-row-end: 11;
   grid-column-start: 6;
   grid-column-end: 12;
      background: linear-gradient(148.89deg, #F1EAFF 0%, #FFF6E9 95.79%);
}
.project-wrap .project-box:nth-child(4){
   grid-row-start: 1;
   grid-row-end: 6;
   grid-column-start: 12;
   grid-column-end: 17;
   background: rgba(241, 234, 255, 1);
}
.project-wrap .project-box:nth-child(5){
   grid-row-start: 6;
   grid-row-end: 11;
   grid-column-start: 12;
   grid-column-end: 17;
   background: rgba(255, 246, 233, 1);
}
.project-wrap img{
   height: 100%;
   width: 100%;
    object-fit: contain;
}
.project-wrap .project-box{
   border-radius: 10px;
}


.project-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.4s ease;
}
.project-content {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateX(-100%) rotate(-5deg);
    clip-path: polygon(0 100%, 0 0, 100% 0, 0% 100%);
    backdrop-filter: blur(6px);
    transition: all 0.6s ease-in-out;
    padding: 20px;
    text-align: center;
}

.project-box:hover .project-content {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}
.project-title a,.project-desc{
   color: var(--white);
}
.project-desc{
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   }
/* services */
#services-cat-pills-tab{
display: grid;
grid-template-columns: repeat(2, 1fr);
background: var(--white);
border-radius: 10px;
height: 100%;
    overflow: hidden;
}
.ser-contetn-img img{
  width: 72px;
  height: 72px;
}
.ser-mets-img-wrap{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
       grid-gap: 15px;
}
.ser-mets-img-wrap img{
   height: 100%;
   width: 100%;
   border-radius: 10px;
       object-fit: cover;
}
.services-wrap {
     background: var(--white);
    border-radius: 10px;
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ser-tab-wrap{
       display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.ser-tab-wrap img{
   width: 70px;
    height: 70px;
    margin: 0 auto;
    object-fit: contain;
}
.ser-title,.ser-desc{
   color: var(--black);
}
#services-cat-pills-tab  .nav-link.active{
   background: var(--purple);
}
#services-cat-pills-tab  .nav-link.active .ser-desc, #services-cat-pills-tab  .nav-link.active .ser-title{
     color: var(--white);
}

#services-cat-pills-tab .nav-link:nth-child(1),#services-cat-pills-tab .nav-link:nth-child(3){
       border-right: 1px solid #eee !important;
       border-radius: unset;
}
#services-cat-pills-tab .nav-link:nth-child(1), #services-cat-pills-tab .nav-link:nth-child(2){
   border-bottom: 1px solid #eee !important;
       border-radius: unset;
}
#our-product .theme-btn{
   margin-left: auto;
}

.ser-meta-img{
position: relative;
height: 165px;
}
.ser-meta-img:before, .ser-meta-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 9;
}
.ser-meta-img:hover:before, .ser-meta-img:hover:after {
    background:#fff;
    visibility: visible;
    opacity: 0.2;
}
.ser-meta-img:hover:before {
    width: 0;
    right: 50%;
    left: 50%;
}

.ser-meta-img:hover:after {
    height: 0;
    top: 50%;
    bottom: 50%;
}
/* plan */
#plan .nav-pills{
   position: relative;
       width: max-content;
       align-items: center;
           margin: 55px 10px 0;
}
#plan .nav-pills::after{
   content: '';
   position: absolute;
    background: rgba(241, 234, 255, 1);
   padding: 0px;
   border-radius: 20px;
   width: max-content;
     width: 72px;
   margin: 0px auto;
   left: 25px;
   right: 0;
   height: 35px;
   z-index: -1;
}
#pills-tab li:first-child{
   display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    position: relative;
    right: 6px;
}
#pills-tab li:last-child{
   display: flex;
    gap: 10px;
    position: relative;
    left: 6px;
}
#plan  .nav-pills .nav-link{
   background: transparent;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 0;
}
#plan  .nav-pills .nav-link.active{
     background: #5F29DE;
}
#pills-tab li:first-child .nav-link{
       position: relative;
    left: 8px;
}
.plan-box{
   background: linear-gradient(215.14deg, #CBB6FE 5.78%, #EAD6B5 98.34%);
   padding: 20px;
    border-radius: 10px;
   position: relative;
}

#plan li.nav-item p{
   font-family: Inter;
   font-weight: 600;
   font-size: 14px;
   line-height: 25px;
   color: #787878;
}
#plan li.nav-item.nav-item-active p{
   color: #000;
}
.plan-top-box{
   box-shadow: 0px 3px 6px 0px #00000029;
   background: #fff;
   padding: 30px 20px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   gap: 10px;
   border-radius: 10px;
   position: relative;
       z-index: 1;
}
.plan-top-box::before{
   content: '';
   z-index: -1;
   width: 0;
   position: absolute;
   inset: 0;
   background: var(--purple);
    transition: width 0.3s ease;
      border-radius: 10px;
}
.plan-box:hover .plan-top-box::before{
   width: 100%;
}
.plan-box:hover .plan-title a,.plan-box:hover h2{
color: #FFF;
}
.plan-btm a,.plan-btm .theme-btn> span:before{
       border-radius: 6px;
}
.doller-svg{
   position: absolute;
   bottom: 0;
   right: 0;
   animation-duration: 3s;
   animation-iteration-count: infinite;
   animation-timing-function: ease-in;
   animation-name: pulse;
}

/* custom print */
.row-print{
margin-top: 7%;
}
.product-type-section,.print-design-section{
    background: rgba(255, 246, 233, 1);
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
        overflow: hidden;
}  
.product-type-section::after,.print-design-section::after,.final-combo-section::after{
  content: '';
  position: absolute;
    background: linear-gradient(45deg,#000,#fff 80%) no-repeat;
    opacity: 0.3;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}
 .product-type-section:hover::after,.print-design-section:hover::after,.final-combo-section:hover::after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.custom-img {
    width: 165px;
    height: 165px;
}
.myDiv img{
  margin: 0 auto;
}
.final-combo-section {
   background: rgba(241, 234, 255, 1);
   border-radius: 10px;
   padding: 20px;
     position: relative;
  overflow: hidden;
}

#showOne,#showTwo,#showthree,#showfour {
	width: 100%;
}
#custom-print .blank-apparel,#custom-print .design-print, #custom-print .design-prints  {

position: relative;
} 
/* .select-drp::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--black);
    right: 12px;
    top: 12px;
    position: absolute;
    pointer-events: none;
    padding: 0px 0px 2px;
} */
#custom-print img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blank-apparel .myDiv, .design-print .print {
margin-top: 25px;
position: relative;
} 
#custom-print select, p#mycombo {
   padding: 10px;
   appearance: none;
   border-radius: 6px;
   border: transparent;
   background: #FFF6E9;
   width: 100%;
   font-family: Inter;
   font-weight: 600;
   font-size: 16px;
   line-height: 26px;
   letter-spacing: 0%;
   text-align: center;
}
#combo_img .combo{
margin-top: 25px;
}
.combo-img-wrap{
   width: 425px;
   height: 425px;
   margin: 0 auto;
}
.combo-img-wrap img{
   height: 100%;
   width: 100%;
}