/* feature */
#feature .show-more i{
      background: linear-gradient(330.34deg, #00D7FE 8.84%, #070395 84.78%);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 50px;
}
#feature{
  padding-top: 0;
  margin-top: -8%;
  }
#feature>.container{
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px #00000029;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: max-height 0.6s ease-in-out;
}
.feature-row{
  padding: 20px 20px;
}
.feature-wrapper {
  max-height: 310px;
  overflow: hidden;
  transition: max-height 0.6s ease-in-out;
}

.feature-wrapper.expanded {
  max-height: 1200px; 
}

.show-more i {
  cursor: pointer;
  font-size: 22px;
} 
.feature-inner-content{
    padding: 26px 25px;
}
.feature-img img{
  height: 53px;
  width: 53px !important;
  object-fit: contain;
}
  
.feature-img {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  transition: all 1s ease 0s;
}
.feature-img img{
  height: 100%;
  width: 100%;
}
.feature-img::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 150px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .1s ease;
  background: linear-gradient(180deg, var(--darkblue) 0%, var(--lightblue) 100%);
  opacity: 10%;
}
.feature-inner-content:hover .feature-img::after{
  background: linear-gradient(180deg, var(--darkblue) 0%, var(--lightblue) 100%);
  opacity: 1;
  border-radius: 10px;
  transition: all 1s ease 0s;
  z-index: -1;
}
.feature-inner-content{
  color: #000;
}
.feature-inner-content:hover .feature-img svg path{
   fill: var(--white)
}
 .feature-inner-content-box-1,.feature-inner-content-box-2,.feature-inner-content-box-3{
  border-bottom: 1px solid #0000001A;
}
.feature-inner-content-box-4,.feature-inner-content-box-5,.feature-inner-content-box-6{
  border-bottom: 1px solid transparent;
}
.feature-inner-content:hover h5{
    background: linear-gradient(180deg, var(--darkblue) 0%, var(--lightblue) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transition: 0.5s ease;
}
.expanded  .feature-inner-content-box-4,.expanded  .feature-inner-content-box-5,.expanded  .feature-inner-content-box-6{
   border-bottom: 1px solid #0000001A;
}
.feature-svg{
  clip-path: polygon(0% 1.554%, 98.571% 1.554%, 98.571% 1.554%, 98.142% 2.178%, 96.93% 3.901%, 95.051% 6.501%, 92.62% 9.756%, 89.751% 13.444%, 86.56% 17.344%, 83.162% 21.234%, 79.671% 24.891%, 76.204% 28.094%, 72.874% 30.621%, 72.874% 30.621%, 68.783% 32.669%, 64.913% 33.49%, 61.211% 33.404%, 57.622% 32.73%, 54.094% 31.788%, 50.573% 30.897%, 47.005% 30.376%, 43.336% 30.546%, 39.515% 31.725%, 35.486% 34.234%, 35.486% 34.234%, 32.643% 36.606%, 30.042% 39.042%, 27.634% 41.586%, 25.375% 44.277%, 23.218% 47.159%, 21.117% 50.272%, 19.026% 53.657%, 16.898% 57.358%, 14.687% 61.415%, 12.347% 65.869%, 12.347% 65.869%, 10.709% 69.188%, 9.021% 72.874%, 7.335% 76.759%, 5.703% 80.674%, 4.179% 84.45%, 2.814% 87.919%, 1.662% 90.911%, 0.773% 93.257%, 0.202% 94.789%, 0% 95.337%, 0% 1.554%);
  position: absolute;
  width: 20%;
  height: 50%;
  background: linear-gradient(99.54deg, #070395 0%, #00D7FE 100%);
  opacity: 10%;
  top: 75px;
}
.feature-row::after{
  content: '';
  position: absolute;
  left: 33%;
  background-color: #0000001A;
  height: 270px;
  width: 1px;
  transition: max-height 0.6s ease-in-out;
}
.feature-row::before{
  content: '';
  position: absolute;
  right: 34%;
  background-color: #0000001A;
  height: 270px;
  width: 1px;
  transition: max-height 0.6s ease-in-out;
}
.expanded .feature-row::after,.expanded .feature-row::before{
    height: 90%;
}

/* .feature-inner-content-box{
      margin: 15px;
} */
/* Counter */
.counter-box{
    padding:75px 20px;
  position: relative;
}
#counter{
  position: relative;
}
#counter::after{
  content: '';
  background: linear-gradient(92.1deg, var(--lightblue) 0%, var(--darkblue) 100%);
  padding: 25px 30px;
  inset: 0 0 0 10%;
  position: absolute;
  border-radius: 20px 0 0 20px;
      background-size: 400% 400%;
  animation: gradientMove 6s ease infinite;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.counter-inner h5{
    color: var(--white);
    font-weight: 500;
}
.counter-svg svg{
  position: absolute;
  right: 25px;
  top: 15px;
  width: 216px;
}
.recrd_inner{
  display: flex;
  gap: 5px;
  color: var(--white);
  /* animation: tada 4s linear infinite; */
}
/* .shape2 svg{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
} */
 .shape2{
  clip-path: polygon(100% 0.935%, 0.743% 0.935%, 0.743% 0.935%, 1.176% 1.546%, 2.396% 3.237%, 4.288% 5.793%, 6.737% 8.999%, 9.625% 12.64%, 12.838% 16.501%, 16.26% 20.367%, 19.775% 24.023%, 23.267% 27.255%, 26.62% 29.847%, 26.62% 29.847%, 30.739% 31.978%, 34.636% 32.833%, 38.364% 32.743%, 41.977% 32.042%, 45.53% 31.061%, 49.076% 30.134%, 52.669% 29.592%, 56.362% 29.769%, 60.211% 30.996%, 64.268% 33.607%, 64.268% 33.607%, 67.13% 36.075%, 69.75% 38.611%, 72.174% 41.258%, 74.448% 44.059%, 76.62% 47.058%, 78.736% 50.297%, 80.842% 53.821%, 82.985% 57.672%, 85.211% 61.894%, 87.567% 66.53%, 87.567% 66.53%, 89.216% 69.983%, 90.917% 73.819%, 92.614% 77.862%, 94.257% 81.937%, 95.792% 85.867%, 97.166% 89.477%, 98.327% 92.59%, 99.221% 95.032%, 99.796% 96.626%, 100% 97.196%, 100% 0.935%);
  background: linear-gradient(99.42deg,  var(--lightblue) -0.2%, var(--pink) 100%);
  height: 100%;
  position: absolute;
  right: 0;
  top: -2px;
  width: 20px;
  z-index: 2;
  width: 43%;
  opacity: 30%;

} 

#counter{
    overflow: inherit;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
#counter>.container::after{
  content: '';
  clip-path: polygon(2.383% 97.039%, 99.404% 97.039%, 99.404% 97.039%, 98.974% 96.401%, 97.759% 94.636%, 95.875% 91.974%, 93.438% 88.64%, 90.563% 84.862%, 87.364% 80.867%, 83.958% 76.883%, 80.459% 73.138%, 76.983% 69.857%, 73.645% 67.27%, 73.645% 67.27%, 69.544% 65.172%, 65.665% 64.331%, 61.954% 64.419%, 58.357% 65.109%, 54.82% 66.074%, 51.29% 66.987%, 47.713% 67.52%, 44.036% 67.346%, 40.205% 66.138%, 36.167% 63.569%, 36.167% 63.569%, 33.318% 61.14%, 30.71% 58.644%, 28.297% 56.039%, 26.032% 53.282%, 23.87% 50.331%, 21.764% 47.143%, 19.668% 43.675%, 17.534% 39.885%, 15.318% 35.73%, 12.973% 31.168%, 12.973% 31.168%, 11.331% 27.769%, 9.638% 23.994%, 7.948% 20.015%, 6.313% 16.005%, 4.785% 12.137%, 3.417% 8.584%, 2.262% 5.52%, 1.371% 3.117%, 0.798% 1.548%, 0.596% 0.987%, 0.596% 90.667%, 0.596% 90.667%, 0.596% 90.739%, 0.599% 90.942%, 0.608% 91.256%, 0.624% 91.66%, 0.652% 92.134%, 0.692% 92.66%, 0.749% 93.215%, 0.825% 93.781%, 0.922% 94.337%, 1.043% 94.863%, 1.043% 94.863%, 1.201% 95.379%, 1.373% 95.808%, 1.551% 96.158%, 1.729% 96.437%, 1.899% 96.653%, 2.054% 96.812%, 2.188% 96.923%, 2.292% 96.993%, 2.359% 97.029%, 2.383% 97.039%);
  background: linear-gradient(93.35deg, #070395 0.51%, #00D7FE 96.48%);
  height: 88%;
  position: absolute;
  left: -78px;
  top: 34px;
  z-index: 1;
  width: 70%;
  opacity: 10%;
}
.outer-shape{
    position: absolute;
    left: -90px;
    bottom: -15px;
    background: linear-gradient(92.14deg, #00D7FE -1.84%, #070395 100%);
    clip-path: polygon(100% 0%, 1.159% 0%, 1.159% 0%, 0.971% 0.081%, 0.792% 0.317%, 0.626% 0.693%, 0.474% 1.198%, 0.339% 1.819%, 0.224% 2.543%, 0.129% 3.357%, 0.059% 4.248%, 0.015% 5.204%, 0% 6.211%, 0% 93.573%, 0% 93.573%, 0.016% 94.604%, 0.062% 95.579%, 0.135% 96.486%, 0.233% 97.31%, 0.354% 98.039%, 0.494% 98.659%, 0.651% 99.157%, 0.822% 99.518%, 1.006% 99.731%, 1.198% 99.78%, 100% 81.677%, 100% 0%);
    width: 65%;
    height: 91%;
    opacity: 10%;
    z-index: -2;
}
/* Feature */


/* partners */
.partner-para{
  font-size: 20px;
  line-height: 25px;
     font-weight: 400;
}
.partner-para span{
  font-weight: 600;
}
 #partner .owl-stage{
    padding: 10px 0 5px;
 }
.our-partner-wrap{
  transform: translate3d(0px, 0px, -250px);
  transition: 0.4s ease-in-out transform;
      padding: 50px 0;
}
.our-partner-wrap:hover{
  transform: perspective(750px) translate3d(0px, 0px, -250px) rotateX(27deg) scale(1.1, 1.1);
  box-shadow: 0 28px 31px -10px rgba(0, 0, 0, 0.2);
}
#partner .our-partner-img img {
  width: auto;
  margin: 0 auto;
  position: relative;
  vertical-align: top;
  margin: 0 auto;
  width: auto;
  height: auto;
  transition: all .4s linear;
  transition: all 0.5s;
}
#partner .our-partner-img:before,
#partner .our-partner-img:after{
    content: '';
    background: #8a6bd4;
    height: 4px;
    width: 0;
    position: absolute;
    top: 7px;
    right: 0;
    background: transparent linear-gradient(206deg, var(--darkblue) 0%,var(--lightblue) 100%) 0% 0% no-repeat padding-box;
    transition: 0.4s ease all;
}
#partner .our-partner-img:after{
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
}
#partner .our-partner-wrap:hover .our-partner-img:before,
#partner .our-partner-wrap:hover .our-partner-img:after{ 
    width: 50%;
    transition: 800ms ease all; 
} 
.dark-partner,.dark .light-partner {
  display: none;
}
.dark .dark-partner,.light-partner{
  display: block;
}

/* Choose */
.choose-wrap{
  background: rgba(230, 244, 243, 1);
  padding:30px 20px;
  border-radius: 15px;
  gap: 35px 0;
}
.vission-box{
  background: #E9E9E9;
  padding: 20px;
  border-radius: 10px;
  margin-top: 60px;
  width: 95%;
}
.choose-wrap img{
  height: 60px;
  width: 60px;
  object-fit: contain;
}
/* Feature */

/* Choose */

.choose-img-main{
  display: grid;
  position: relative;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(10, 20px);
  grid-gap: 15px;
  z-index: 1;
}
.choose-img-main .choose-main-iner:nth-child(1){
  grid-column-start: 2;
  grid-column-end: 8;
  grid-row-start: 1;
  grid-row-end: 8;
  position: relative;
}
.choose-img-main .choose-main-iner:nth-child(2){
  grid-column-start: 8;
  grid-column-end: 14;
  grid-row-start: 2;
  grid-row-end: 7;
  clip-path: polygon(0% 6.492%, 0% 6.492%, 0.046% 5.466%, 0.177% 4.497%, 0.388% 3.6%, 0.668% 2.787%, 1.012% 2.071%, 1.412% 1.468%, 1.859% 0.99%, 2.346% 0.651%, 2.866% 0.464%, 3.41% 0.444%, 97% 11.788%, 97% 11.788%, 97.494% 11.921%, 97.96% 12.189%, 98.392% 12.58%, 98.785% 13.085%, 99.133% 13.69%, 99.43% 14.385%, 99.671% 15.159%, 99.85% 15.999%, 99.962% 16.895%, 100% 17.836%, 100% 82.225%, 100% 82.225%, 99.962% 83.165%, 99.85% 84.062%, 99.671% 84.902%, 99.43% 85.676%, 99.133% 86.371%, 98.785% 86.976%, 98.392% 87.48%, 97.96% 87.872%, 97.494% 88.14%, 97% 88.273%, 3.41% 99.617%, 3.41% 99.617%, 2.866% 99.596%, 2.346% 99.41%, 1.859% 99.071%, 1.412% 98.593%, 1.012% 97.989%, 0.668% 97.274%, 0.388% 96.461%, 0.177% 95.563%, 0.046% 94.595%, 0% 93.569%, 0% 6.492%);
  background: #FF3300;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 15px;
  gap: 15px;
}
.choose-img-main:hover .choose-main-iner:nth-child(2){
  animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

.choose-img-main .choose-main-iner:nth-child(2) img{
  height: 57px;
  width: 57px;
}
.choose-img-main .choose-main-iner:nth-child(3){
  grid-column-start: 3;
  grid-column-end: 9;
  grid-row-start: 8;
  grid-row-end: 13;
  position: relative;
}
.choose-img-main .choose-main-iner:nth-child(4){
  grid-column-start: 9;
  grid-column-end: 14;
  grid-row-start: 7;
  grid-row-end: 13;
  position: relative;
}
.choose-img-main .choose-main-iner:nth-child(3)::after,.choose-img-main .choose-main-iner:nth-child(1)::after,.choose-img-main .choose-main-iner:nth-child(4)::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 0px;
  border-radius: 15px;
  opacity: 0.5;
  background-color: var(--red);
  transition: height 0.5s ease-in-out;
}
.choose-img-main .choose-main-iner:nth-child(3):hover::after,.choose-img-main .choose-main-iner:nth-child(1):hover::after,.choose-img-main .choose-main-iner:nth-child(4):hover::after{
  height: 100%;
}

.choose-img-main img{
  height: 100%;
  width: 100%;
  object-fit: cover;
    border-radius: 15px;
}


.choose-img-main .choose-main-iner:nth-child(5){
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 8;
  grid-row-end: 12;
  top: 22px;
  position: absolute;
  left: -11rem;
  clip-path: polygon(100% 7.032%, 100% 7.032%, 99.951% 5.912%, 99.809% 4.853%, 99.581% 3.87%, 99.277% 2.977%, 98.905% 2.188%, 98.471% 1.518%, 97.985% 0.983%, 97.455% 0.596%, 96.888% 0.372%, 96.293% 0.326%, 3.41% 7.659%, 3.41% 7.659%, 2.851% 7.786%, 2.323% 8.069%, 1.833% 8.494%, 1.386% 9.048%, 0.99% 9.719%, 0.651% 10.494%, 0.376% 11.358%, 0.172% 12.3%, 0.044% 13.307%, 0% 14.365%, 0% 85.703%, 0% 85.703%, 0.044% 86.761%, 0.172% 87.767%, 0.376% 88.709%, 0.651% 89.574%, 0.99% 90.348%, 1.386% 91.019%, 1.833% 91.573%, 2.323% 91.998%, 2.851% 92.281%, 3.41% 92.408%, 96.293% 99.741%, 96.293% 99.741%, 96.888% 99.695%, 97.455% 99.471%, 97.985% 99.084%, 98.471% 98.549%, 98.905% 97.879%, 99.277% 97.091%, 99.581% 96.197%, 99.809% 95.214%, 99.951% 94.155%, 100% 93.036%, 100% 7.032%);
  background: #000;
  padding: 20px 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.choose-img-main:hover .choose-main-iner:nth-child(5){
  animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
.choose-img-main .choose-main-iner:nth-child(5) img{
  width: 230px;
  height: 52px;
}
.choose-img-main .choose-main-iner:nth-child(5) h5,.choose-img-main .choose-main-iner:nth-child(2) h5{
  color: #fff;
}
.choose-img-main svg{
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  left: -35%;
  animation-name: MoveCircleSmall;
  animation-timing-function: linear;
  animation-duration: 5s;
  animation-delay: 0s;
}
@keyframes MoveCircleSmall {
0% {
  transform: rotate(0deg) translate(-10%) rotate(0deg);
  -webkit-transform: rotate(0deg) translate(-10%) rotate(0deg);
}
100% {
  transform: rotate(360deg) translate(-10%) rotate(-360deg);
  -webkit-transform: rotate(360deg) translate(-10%) rotate(-360deg);
}
}
/* blog */
#blog-news .owl-carousel {
  margin-bottom: 10%;
}

/* Team */
.team-bottom-content {
  background: var(--white);
  box-shadow: 0px 3px 6px 0px #00000029;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  position: relative;
  /* overflow: hidden; */
  z-index: 1;
}
.team-bottom-content::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  transition: height 0.3s ease-in-out;
  background: linear-gradient(93.82deg, #070395 1.04%, #00D7FE 100%);
  z-index: -1;
    border-radius: 0 0 10px 10px;
}
.team-inner-wrap:hover .team-bottom-content::after{
  height: 100%;
}
.team-inner-wrap:hover .team-title h5 a,.team-inner-wrap:hover .team-desig{
color: #fff;
transition: 0.3s ease-in-out;
}
.team-social-icon-box-main{
  position: absolute;
  background: #fff;
  flex-direction: column;
  right: 20px;
  z-index: 2;
  flex-direction: column;
  bottom: 15px;
  border-radius: 20px;
  padding-top: 5px;
}
.team-social-icon-box-main .fa-share-nodes{
    background: #000000;
    color: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}
.team-social-icon-box i{
    background: transparent;
    height: 30px;
    width: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    font-size: 15px;
}
.team-social-icon-box i:hover{
  background: linear-gradient(149.93deg, #070395 10.39%, #00D7FE 90.72%);
  color: #fff;
}
.team-social-icon-box {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.team-inner-wrap:hover .team-social-icon-box {
  max-height: 200px; 
  opacity: 1;
}
.team-inner-wrap:hover .fa-share-nodes{
  background: transparent;
  color:var(--black);
}
.team-inner-wrap{
  transition: 0.5s ease all;
    margin: 10px;
}
.team-img img{
  height: 300px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.team-title h5 a{
  color: #000;
}

/* pricing plan */
.plan-img{
  background: linear-gradient(180deg, #070395 0%, #00D7FE 100%);
  padding: 10px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
/* .plan-img svg stop{
      stop-color:var(--white)
} */

#plan .nav-pills{
  background: linear-gradient(90deg, #070395 0%, #00D7FE 100%);
  padding: 10px 45px;
  border-radius: 5px;
}
#plan .nav-item button{
  font-family: Poppins;
  font-weight: 400;
  line-height: 15px;
  font-size: 15px;
  border-radius: 20px;
  color: var(--white);
}
#plan .nav-item .active{
  background: #FFFFFF;
    color: var(--black);
}
.plan-box{
    background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px #00000029;
  margin: 10px;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  background-size: 200% 200%; 
  transition: background 0.5s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #000;
}
.plan-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(99.54deg, #070395 0%, #00D7FE 100%);
  background-size: 200% 200%;
  opacity: 0;
  transition: opacity 0.5s ease;
    z-index: -1;
}
.plan-box:hover::before {
  opacity: 1;
  animation: gradientShift 3s linear infinite;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.plan-box:hover {
  color: var(--white);
}
/* .plan-img svg path{
    fill: var(--white);
}
.plan-box:hover .plan-img{
  background: var(--white);
}
.plan-box:hover .plan-img svg path{
   fill: unset !important;
} */
 .plan-img img{
      filter: brightness(0) invert(1);
 }
 .plan-box:hover  .plan-img img{
      filter: unset;
 }
 .plan-box:hover .plan-img{
  background: var(--white);
}
.plan-svg{
  clip-path: polygon(95.778% 96.31%, 1.583% 96.31%, 1.583% 96.31%, 2.005% 95.68%, 3.195% 93.94%, 5.041% 91.313%, 7.43% 88.025%, 10.248% 84.299%, 13.383% 80.36%, 16.721% 76.431%, 20.15% 72.736%, 23.556% 69.501%, 26.828% 66.949%, 26.828% 66.949%, 30.846% 64.88%, 34.648% 64.05%, 38.285% 64.137%, 41.81% 64.818%, 45.277% 65.77%, 48.736% 66.67%, 52.241% 67.195%, 55.845% 67.024%, 59.599% 65.833%, 63.557% 63.299%, 63.557% 63.299%, 66.349% 60.903%, 68.905% 58.441%, 71.27% 55.872%, 73.489% 53.153%, 75.608% 50.243%, 77.672% 47.098%, 79.726% 43.678%, 81.817% 39.94%, 83.988% 35.842%, 86.287% 31.343%, 86.287% 31.343%, 87.896% 27.991%, 89.555% 24.267%, 91.211% 20.343%, 92.814% 16.388%, 94.311% 12.573%, 95.652% 9.069%, 96.784% 6.047%, 97.657% 3.677%, 98.218% 2.13%, 98.417% 1.576%, 98.417% 92.162%, 98.417% 92.162%, 98.416% 92.206%, 98.411% 92.332%, 98.396% 92.528%, 98.366% 92.784%, 98.318% 93.09%, 98.246% 93.435%, 98.145% 93.809%, 98.012% 94.202%, 97.84% 94.602%, 97.625% 95%, 97.625% 95%, 97.366% 95.381%, 97.105% 95.68%, 96.849% 95.907%, 96.606% 96.073%, 96.381% 96.186%, 96.182% 96.256%, 96.016% 96.294%, 95.888% 96.31%, 95.807% 96.311%, 95.778% 96.31%);
  background: linear-gradient(99.54deg, #070395 0%, #00D7FE 100%);
  height: 270px;
  width: 100%;
  position: absolute;
  bottom: -15px;
  opacity: 0;
  z-index: 2;
}
.plan-tp-svg{
  clip-path: polygon(4.222% 1.231%, 98.417% 1.231%, 98.417% 1.231%, 97.995% 1.861%, 96.805% 3.601%, 94.959% 6.228%, 92.57% 9.516%, 89.752% 13.242%, 86.617% 17.182%, 83.279% 21.111%, 79.85% 24.805%, 76.443% 28.04%, 73.172% 30.592%, 73.172% 30.592%, 69.154% 32.661%, 65.352% 33.491%, 61.715% 33.404%, 58.19% 32.723%, 54.723% 31.771%, 51.264% 30.871%, 47.759% 30.346%, 44.155% 30.517%, 40.401% 31.708%, 36.443% 34.242%, 36.443% 34.242%, 33.651% 36.638%, 31.095% 39.1%, 28.73% 41.669%, 26.511% 44.388%, 24.392% 47.298%, 22.328% 50.443%, 20.274% 53.863%, 18.183% 57.601%, 16.011% 61.699%, 13.713% 66.198%, 13.713% 66.198%, 12.103% 69.55%, 10.445% 73.274%, 8.788% 77.198%, 7.186% 81.153%, 5.688% 84.968%, 4.348% 88.472%, 3.216% 91.494%, 2.343% 93.864%, 1.782% 95.411%, 1.583% 95.965%, 1.583% 5.379%, 1.583% 5.379%, 1.584% 5.335%, 1.589% 5.209%, 1.604% 5.013%, 1.634% 4.757%, 1.682% 4.451%, 1.754% 4.106%, 1.855% 3.731%, 1.988% 3.339%, 2.16% 2.939%, 2.375% 2.541%, 2.375% 2.541%, 2.634% 2.16%, 2.895% 1.861%, 3.151% 1.634%, 3.394% 1.468%, 3.619% 1.355%, 3.818% 1.285%, 3.984% 1.247%, 4.112% 1.232%, 4.193% 1.23%, 4.222% 1.231%);
  background: linear-gradient(99.54deg, #070395 0%, #00D7FE 100%);
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  z-index: -1;
  height: 170px;
  left: -4px;
}
.plan-box:hover .plan-svg,.plan-box:hover .plan-tp-svg {
  opacity: 30%;
}

.plan-btm-svg{
  clip-path: polygon(0% 97.545%, 99.303% 97.545%, 99.303% 97.545%, 98.87% 96.903%, 97.65% 95.127%, 95.757% 92.448%, 93.307% 89.094%, 90.417% 85.293%, 87.203% 81.274%, 83.779% 77.266%, 80.263% 73.497%, 76.769% 70.197%, 73.415% 67.593%, 73.415% 67.593%, 69.294% 65.483%, 65.395% 64.636%, 61.665% 64.725%, 58.05% 65.419%, 54.496% 66.39%, 50.948% 67.309%, 47.353% 67.845%, 43.658% 67.67%, 39.808% 66.455%, 35.749% 63.87%, 35.749% 63.87%, 32.886% 61.426%, 30.265% 58.915%, 27.839% 56.294%, 25.564% 53.52%, 23.391% 50.551%, 21.274% 47.343%, 19.167% 43.854%, 17.023% 40.041%, 14.796% 35.86%, 12.439% 31.27%, 12.439% 31.27%, 10.789% 27.851%, 9.088% 24.052%, 7.389% 20.049%, 5.746% 16.014%, 4.21% 12.123%, 2.835% 8.548%, 1.674% 5.465%, 0.779% 3.047%, 0.204% 1.469%, 0% 0.904%, 0% 97.545%);
  position: absolute;
  bottom: -15px;
  width: 30%;
    height: 43%;
  background: linear-gradient(99.54deg, #070395 0%, #00D7FE 100%);
  opacity: 10%;
}
.plan-btm{
      z-index: 3;
          display: inline-block;
    margin-top: 15px;
}
.plan-nav{
  display: flex;
  gap: 10px;
  margin-top: 10%;
}
.swiper-button-next, .swiper-button-prev{
  position: unset !important;
  background: var(--black);
  border: none;
  height: 45px !important;
  width: 45px  !important;
  border-radius: 50%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: unset !important;
}
.swiper-button-next:hover,.swiper-button-prev:hover{
  background: linear-gradient(180deg, #070395 0%, #00D7FE 100%);

}

.dark .swiper-button-next,.dark .swiper-button-prev{
  background: linear-gradient(180deg, #070395 0%, #00D7FE 100%);
}
.dark .swiper-button-next:hover,.dark .swiper-button-prev:hover{
    background:var(--white);

}
.dark .swiper-button-next:hover:after,.dark .swiper-button-prev:hover:after{
    color: var(--black) !important;
}