body {
 font-family: "Inter", sans-serif;
  overflow-x: hidden !important;
}

.header-section {
  /* background: #0A0023; */
  position: fixed;
  width: 100%;
  top: 15px;
  z-index: 999;
}

.navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;
  transition: 0.3s;
}


.card-num{
    background: #c71dff;
    border-radius: 50px;
    width: 50px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #fff;
    font-weight: 700;
}


.navbar-nav .nav-link:hover {
  color: #0d6efd;
  /* Bootstrap primary color */
}

.navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.sec-1 {
  background: url(../images/fe-sec11.webp);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  padding: 150px 0px !important;
}

.sec-1.sec1{
     background: url(../images/fe-sec11.webp);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  padding: 150px 0px !important;
}

.page-layout {
  padding: 80px 0px;
}

.main-ban-box {
   max-width: 750px;
    margin: 0 auto;
}


.evry{
    padding:80px 0px;
    background:#f4e9f7;
}

.Templ{
    color:#fa7596;
}

.ofcc{
    text-align:center;
}

.gif-img img{
    max-width: 950px;
}

.gif-img{
    text-align:center;
}

.main-head1 {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
}

.main-sub1 {
    font-weight:500;
  color: #fff;
      max-width: 550px;
    margin: 0 auto;
    line-height:1.5;
    margin-top: 20px;
}

.feat-arrow img{
    
}

.bounce-icon {
  animation: bounceIcon 1.2s infinite;
}

@keyframes bounceIcon {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(8px); }
  100% { transform: translateY(0); }
}


.dt-cardd h4{
    font-size: 25px;
    font-weight: 700;
}

.dt-cardd h6{
        line-height: 1.4;
    margin-bottom: 0px;
    font-size: 17px;
}

.btn-primary {
  background: linear-gradient(45deg, #b79eff, #c71dff);
  border: 0px;
  color: #fff;
  font-weight: 400;
  padding: 13px 30px;
  border-radius: 100px;
  font-size: 18px;
  height: 54px;
  transition: 1s;
}

.btn-outlined {
  background: transparent;
  border: 2px solid #c71dff;
  color: #fff;
  font-weight: 400;
  padding: 13px 30px;
  border-radius: 100px;
  font-size: 18px;
  height: 54px;
  transition: 1s;
}

  .btn-outlined:hover{
          color:#fff!important;
          background: linear-gradient(45deg, #b79eff, #c71dff)!important;
      }
      
      .signup{
    background: #fff;
    margin:5px;
      }
      
       .signup a{
           color:#000!important;
       }
      
      .login{
    background: #c71dff;
    margin:5px;}
    
    .signup, .login{
        padding: 5px 15px;
    border-radius: 50px;
        transition:all .3s ease;
    }
    
     .signup:hover, .login:hover{
         background: #b79eff;
        
     }
     
     .signup:hover a, .login:hover a{
        color:#fff!important;
     }
 
     
     .ofcc p{
    background:#7223a1;
    max-width: 840px;
    border-radius: 18px;
    font-size: 22px;
    margin: 20px auto;
    text-align:center;
    padding: 24px;
    color: #fff;
     }
     
     /*vertical tab css*/

.purp .tab {
  float: left;
  /*border: 1px solid #ccc;*/
  /*background-color: #f1f1f1;*/
  width: 30%;
  height: auto;
}

/* Style the buttons inside the tab */
.purp .tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    background: #fff;
    margin: 5px;
    border-radius: 10px;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.purp .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.purp .tab button.active {
  background-color: #f5dbff;
}

.stru h2{
     
}

.sub p{
    font-size: 28px;
}

.struggle{
    padding:80px 0px;
    background:#fdf6ff;
}

.sub p span{
    color:#fa7596;
    font-weight:700;
    text-decoration:underline;
}


.struggle .img-bx .rounded-video, .turn .img-bx .rounded-video{
    max-width: 100%;
    height: auto;
}

.cont{
    font-size:17px;
}

.text-grad1{
    background: linear-gradient(90deg, #c71dff 16.86%, #fa7596 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Style the tab content */
.purp .tabcontent {
  float: left;
  padding: 0px 12px;
  /*border: 1px solid #ccc;*/
  width: 70%;
  border-left: none;
  height: auto;
}

.ver{
    margin-top:40px;
}

.ver h4{
    font-size: 25px;
    font-weight: 700;
}

.ver span{
        color: #FCB236;
    font-size: 18px;
    font-weight:700;
}

.stp img{
    width:100%;
}

.stp{
    padding: 14px;
    background: #fff;
    border-radius: 10px;
}

.sec-3.hyuil{
    padding:80px 0px!important;
}

.text-doc p{
    font-size:17px;
}

.hyuil .row h2{
    color: #fa7596;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
}


.hyuil .feat-box{
    margin-left:0;
}

.hyuil .row, .alli .row{
    align-items:center;
}

.alli h5{
    font-weight:400;
    font-size:17px;
    line-height:1.5;
}

.fea{
    padding:80px 0px;
    background:#f4e9f7;
}

.lmd{
    margin-top: 50px;
    align-items: center;
}

.feat-lis h5{
        color: #fa7596;
        font-weight:700;
}

.bor-box{
    border-radius: 9.606px;
    padding:12px 30px;
    width:fit-content;
    margin:10px auto;
    margin-left:0;
    border: 1.921px solid #c71dff;
    background: linear-gradient(93deg, rgba(199, 29, 255, 0.15) 0%, rgba(183, 158, 255, 0.15) 59.17%, rgba(250, 117, 150, 0.15) 112.3%);
}

.bor-box h5{
    color: #C71DFF;
    margin-bottom:0px;
}

.feat-lis p{
    font-size:17px;
}

.dark-feat{
    padding:80px 0px;
}

.border-darksec{
    padding:80px 100px;
    background:#36074E;
    border-radius:20px;
    margin-bottom:45px;
}

.border-darksec img{
    width:100%;
}

.img-bxx{
    text-align:center;
}

.sidebysi{
    padding:80px 0px;
    
}

.text-doc h5{
    font-weight:700;
    color: #fa7596;
}

.text-doc h3{
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 24px;
}

/*.img-bxx img{*/
/*    width:100%;*/
/*}*/

.sidsi{
    margin-bottom:30px;
}

.sidsi:last-child{
    margin-bottom:0px;
}

.feat-img{
    display: flex;
    align-items: center;
    column-gap: 20px;
    background:#e9e2ff;
    padding:25px;
    border-radius:20px;
    row-gap: 20px;
}

.border-darksec:last-child{
    margin-bottom:0px;
}

.border-darksec .feat-lis h3,.border-darksec .feat-lis p{
    color:#fff;
}

.feat-lis h3{
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 24px;
}

.phul h4{
    line-height: 1.4em;
    font-size: 20px;
}

.border-darksec .row{
    align-items:center;
}

.bor-box h3{
    background: linear-gradient(93deg, #c71dff 0%, #36074e 59.17%, #fa7596 112.3%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom:0px;
  
    -webkit-text-fill-color: transparent;
}

.title-box{
    text-align:center;
}

.title-box h2{
  
}


    /*vertical tab css ended*/
    
    .signup a, .login a{
        font-size: 14px;
    padding:0px;
    }
    
    .ver p{
        display:none;
    }
    
    .tablinks.active p{
        display:block;
    }
    
    .signup a:hover, .login a:hover{
        color:#fff!important;
    }
    
    
    .demo-videosec{
        padding:80px 0px;
       background: #f3e7f8;
    }
    
    .demo-videosec .text-center h3{
            font-size: 20px;
            font-weight:500;
    }
    
    .alik{
        justify-content:space-around;
        align-items:center;
        margin-top:30px;
        max-width: 1220px;
        margin-right:auto;
        margin-left:auto;
    }
    
    .ell{
        padding:50px 0px;
        background:#fdf6ff;
    }
    
    .image-box{
    display: flex;
    align-items:center;
    column-gap: 45px;
    border:2px solid #C71DFF;
    border-radius:20px;
    padding:30px;
    min-height:262px;
    margin-bottom:17px;
    }
    
    .video-container iframe{
        border-radius:20px;
    }
    
    .imgg img{
            max-width: 150px;
    }
    
    .img-bx{
    text-align:center;
    background: url(https://fastcdn.clipsmateai.com/sales/assets/vid.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding:15px;
    border-radius:20px;
    margin-top:35px;
    }
    
    .img-bx h4{
        margin-top:25px;
        font-size:25px;
        font-weight:700;
        color:#fff;
    }
    
    .ofc h2{
        color:#fff;
    }
    
    .ofc p{
     background: rgba(34, 1, 45, 0.64);
    max-width: 840px;
    border-radius: 18px;
    font-size: 22px;
    margin:0 auto;
    margin-top:15px;
    padding:24px;
    color:#fff;
    }
    
    .purp{
        background:#0a0023;
        padding:80px 0px;
    }
    
    .turn{
        padding:80px 0px;
        background:#f5dbff;
    }
    
    .img-bx p{
        color:#d1d5dc;
        line-height:1.4;
        margin-bottom:0px;
        font-size:17px;
    }
    
    .img-bx video{
        border-radius:20px;
    } 
    
    .bll h5{
        line-height: 1.4;
    margin-bottom: 0px;
    font-size: 17px;
    }
    
     .bll h4{
        line-height: 1.4;
        margin-bottom: 0;
        margin-top: 7px;
        font-size: 25px;
        font-weight: 700;
        }
    
    .video-container{
          width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    background-color: rgba(183, 158, 255, 0.3);
    padding: 10px;
    border-radius: 20px;
    }

.morph-box {
  padding: 10px;
}

.navbar {
  background: #ffffff33;
  backdrop-filter: blur(5px);
  border-radius: 12px;
  padding: 12px 30px;
}

.sec-2.sec2 {
    background:transparent;
}

h2 {
  font-size: 48px;
  font-weight: 600;
}

.slider {
  position: relative;
  width: 800px;
  height: 400px;
  perspective: 1000px;
  margin: auto;
}

.slide {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 400px;
  border-radius: 15px;
  overflow: hidden;
  transform: translate(-50%, -50%) scale(0.7);
  transition: all 0.6s ease;
  opacity: 0.5;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Active slide */
.slide.active {
  transform: translate(-50%, -50%) scale(1);
  z-index: 5;
  opacity: 1;
}

/* Left slide */
.slide.left {
  transform: translate(-130%, -50%) rotate(-10deg) scale(0.6);
  z-index: 2;
}

/* Right slide */
.slide.right {
  transform: translate(30%, -50%) rotate(10deg) scale(0.6);
  z-index: 2;
}

/* Hidden slides behind */
.slide.hidden {
  opacity: 0;
  z-index: 0;
}

.sec-3.sec3 {
  background: #c71dff;
  position: relative;
  padding:50px 0px!important;
}



.sec-4 {
  background: #fff;
}

.card11 {
  position: sticky;
  top: 0;
}

.card__inner {
  will-change: transform;
  background: #f9e8ff;
  border-radius: 30px;
  display: flex;
  overflow: hidden;
  align-items:center;
  transform-origin: center top;
  border: 2px solid #c71dff;
}

.cards {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  gap: 40px 0;
  padding: 10px 0px;
}

.card__image-container {
  display: flex;
  width: 40%;
  flex-shrink: 0;
}

.card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}

.card__content {
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
}

.card__title {
  /* padding: 0;
      margin: 0;
      font-size: 60px;
      font-weight: 600;
      color: #16263a; */
  padding: 0;
  margin: 0;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #16263a;
}

.card__description {
  line-height: 1.5;
  font-size: 17px;
  color: #16263a;
}

.space {
  height: 90vh;
}

.space--small {
  height: 40vh;
}





/*index page css*/


   .sec-5 {
      background: url(../images/sec5.webp);
      background-size: cover;
      padding-top:140px!important;
      padding: 80px 0px!important;
    }

    .mid-vid {
      width: 100%;
      height: 100%;
      object-fit: fill;
    }

    .dt-card {}

    .dt-card h4 {
     font-weight: 600;
    font-size: 16px;
    }
    
     
   


    .pagelayout .card-layout {
      background: linear-gradient(93deg,
          #c71dff 0%,
          #36074e 59.17%,
          #fa7596 112.3%);
      margin-bottom: 25px;
      padding: 10px;
      border-radius: 18px;
    }

    .card-layout video {

      border-radius: 12px;
    }

    .sec-6 {
      position: relative;
    }

    .sec-7 {
      position: relative;
      background: url(../images/sec7.webp);
      background-size: cover;
      padding: 100px 0px!important;
    }

    h2 {
      font-weight: 800;
    }

 

    .feat-box1 {
      border-radius: 24px;
      padding: 18px;
      text-align: center;
      border: 1.921px solid #c71dff;
      background: linear-gradient(93deg, rgba(199, 29, 255, 0.15) 0%, rgba(183, 158, 255, 0.15) 59.17%, rgba(250, 117, 150, 0.15) 112.3%);
    }

    .feat-box1 i {
      color: rgb(63, 221, 0);
    }

    .feat-box i {
     font-size: 40px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .card-min {
      background: #fdd2df;
      padding: 30px;
      border-radius: 10px;
    }

    .card-light {
      background: #fdd2df;
      padding: 30px;
      border-radius: 18px;
    }

    .card-light1 {
      background: #f4d4ff;
      padding: 30px;
      border-radius: 18px;
    }

    .pro-icon {
      border-radius: 100px;
      height: 50px;
      width: 50px;
      object-fit: cover;
    }

    .sec-9 {
      position: relative;
      background: url(../images/ctamain.webp);
      background-size: cover;
      padding: 100px 0px;
      background-position: center;
    }
    
    .sec-9.sec9{
         position: relative;
      background: url(../images/ctamain.webp);
      background-size: cover;
      padding: 100px 0px;
      background-position: center;
    }


    .sec-10 {
      position: relative;
      background: url(./images/sec10.webp);
      background-size: cover;
      padding: 80px 0px;
      /* background-position: center;   */
    }

    .accordion-button:not(.collapsed) {
      color: var(--bs-accordion-active-color);
      background-color: var(--bs-accordion-active-bg);
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
      background-color: rgba(199, 29, 255, 0.10);
      font-size: 18px;
      font-weight: 500;
    }

    footer {
      background: #000;
      color: #ccc;
      padding: 40px 80px 20px;
    }

    .footer-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
    }

    .footer-col {
      flex: 1;
      min-width: 220px;
    }

    .footer-col h3 {
      color: #fff;
      margin-bottom: 15px;
      font-size: 16px;
      text-transform: uppercase;
    }

    .footer-col p {
      font-size: 14px;
      line-height: 1.6;
    }

    .footer-col ul {
      list-style: none;
      padding: 0;
    }

    .footer-col ul li {
      margin-bottom: 10px;
    }

    .footer-col ul li a {
      color: #ccc;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
    }

    .footer-col ul li a:hover {
      color: #fff;
    }

    .footer-bottom {
      border-top: 1px solid #444;
      margin-top: 30px;
      padding-top: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      font-size: 14px;
    }

    .social-links a {
      color: #ccc;
      font-size: 18px;
      margin-left: 15px;
      transition: 0.3s;
    }

    .social-links a:hover {
      color: #fff;
    }

    .h3,
    h3 {

      font-weight: 600;
    }
   
    @media (max-width:480px) {
      .slider {
        position: relative;
        width: auto;
        height: 200px;
      }

      .slide {

        width: auto;
        height: 190px;
      }

      .main-head1 {
        color: #fff;
        font-size: 48px;
        font-weight: 700;
      }

      .h5,
      h5 {
        font-size: 18px;
      }

      .btn-primary {
        background: linear-gradient(45deg, #b79eff, #c71dff);
        border: 0px;
        color: #fff;
        font-weight: 400;
        padding: 12px 16px;
        border-radius: 100px;
        font-size: 14px;
        height: auto;
        transition: 1s;
      }

      .btn-outlined {
        background: transparent;
        border: 2px solid #c71dff;
        color: #fff;
        font-weight: 400;
        padding: 12px 16px;
        border-radius: 100px;
        font-size: 14px;
        height: auto;
        transition: 1s;
      }
      
      .main-head2 {
        font-size: 48px;
        letter-spacing:-1px;
        font-weight: 700;
      }

      .h4,
      h4 {
        font-size: 16px;
      }

      h2 {
        font-size: 28px;
        font-weight: 600;
      }
         footer {
      background: #2c2c2c;
      color: #ccc;
      padding: 20px;
    }
    }





/*index page css end here*/

/*pricing page css*/
 .header-section {
      /* background: #0A0023; */
      position: fixed;
      width: 100%;
      top: 15px;
      z-index: 999;
    }

   

    .navbar-nav .nav-link {
      color: #fff;
      font-weight: 500;
      transition: 0.3s;
    }

    .navbar-nav .nav-link:hover {
      color: #c71dff;
      /* Bootstrap primary color */
    }

    .navbar-toggler {
      border: none;
    }

    .navbar-toggler:focus {
      box-shadow: none;
    }

    .footer-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
    }

    .footer-col {
      flex: 1;
      min-width: 220px;
    }

    .footer-col h3 {
      color: #fff;
      margin-bottom: 15px;
      font-size: 16px;
      text-transform: uppercase;
    }

    .footer-col p {
      font-size: 14px;
      line-height: 1.6;
    }

    .footer-col ul {
      list-style: none;
      padding: 0;
    }

    .footer-col ul li {
      margin-bottom: 10px;
    }

    .footer-col ul li a {
      color: #ccc;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
    }

    .footer-col ul li a:hover {
      color: #fff;
    }

    .footer-bottom {
      border-top: 1px solid #444;
      margin-top: 30px;
      padding-top: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      font-size: 14px;
    }

    .social-links a {
      color: #ccc;
      font-size: 18px;
      margin-left: 15px;
      transition: 0.3s;
    }

    .social-links a:hover {
      color: #fff;
    }

    .h3,
    h3 {

      font-weight: 600;
    }

    .sec-1 {
      background: url(./images/sec1.webp);
      background-size: cover;
      padding: 150px 0px !important;
    }
    
    .sec-1.ali{
         background: url(../images/sec1.webp);
      background-size: cover;
      padding: 150px 0px !important;
    }

    .main-head2 {
      font-size: 70px;
      font-weight: 700;
      letter-spacing:-1px;
    }

    .col-box {
      border-radius: 30px;
      position: relative;
      background-color: #250237;
      padding: 12px 16px;
    }

    .head-bol {
      color: #B79EFF;
      background: #fff;
      font-weight: 700;
      border-radius: 18px;
      width: fit-content;
      padding: 8px 30px;
      letter-spacing:0;
      font-size:20px;
      margin: auto;
    }

    .btn-primary {
      background: linear-gradient(45deg, #b79eff, #c71dff);
      border: 0px;
      color: #fff;
      font-weight: 400;
      padding: 13px 30px;
      border-radius: 100px;
      font-size: 18px;
      height: 54px;
      transition: 1s;
    }

    .top-1 {
      background: #e57dbd;
      padding: 4px 25px;
      width: fit-content;
      position: absolute;
      top: 0;
      left: 0px;
      border-radius: 26px 0px 26px 0px;
    }

    .top-1 h5 {
      margin-bottom: 0px;
      font-size:16px;
      color: #7f0079;
    }

    h2 {
      font-size: 48px;
      font-weight: 800;
    }


    .sec-2 {
      background: #36074E;
      position: relative;
    }

    .box-1 {
      background: #fff;
      padding: 30px;
      border-radius: 22px;
      height: 100%;
    }
    
    .box-1 h5{
       font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    }
    
    .box-1 h3{
       letter-spacing: -1px;
    font-weight: 700;
    font-size: 24px;
    }
    
    .box-1 .row{
        align-items:center;
    }
    
.alim .row{
    justify-content: space-between;
}    
    
.hero-sub{
    font-size:20px;
    font-weight:400;
    line-height:1.5;
}

    .sec-9 {
      position: relative;
      background: url(./images/ctamain.webp);
      background-size: cover;
      padding: 100px 0px;
      background-position: center;
    }
    
    .sec-9.sec92{ position: relative;
      background: url(../images/ctamain.webp);
      background-size: cover;
      padding: 100px 0px;
      background-position: center;}
    
    .card-light {
    background: #fdd2df;
    padding: 30px;
    border-radius: 18px;
}
.card-light1 {
    background: #f4d4ff;
    padding: 30px;
    border-radius: 18px;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    background-color: rgba(199, 29, 255, 0.10);
    font-size: 18px;
    font-weight: 500;
}
.feat-box1 i {
    color: rgb(63, 221, 0);
}
.pro-icon {
    border-radius: 100px;
    height: 50px;
    width: 50px;
    object-fit: cover;
}
.sec-10 {
    position: relative;
    background: url(./images/sec10.webp);
    background-size: cover;
    padding: 80px 0px;
    /* background-position: center; */
}

.faw h2{
    margin-bottom:35px;
}

.sec-9 h4 {
    line-height: 1.5em;
    font-size: 1.25rem;
}

.sec-10.sec110{
     position: relative;
    background: url(../images/sec10.webp);
    background-size: cover;
    padding: 80px 0px;
}

    .feat-box1 {
      border-radius: 24px;
      padding: 18px;
      text-align: center;
      border: 1.921px solid #c71dff;
      background: linear-gradient(93deg, rgba(199, 29, 255, 0.15) 0%, rgba(183, 158, 255, 0.15) 59.17%, rgba(250, 117, 150, 0.15) 112.3%);
    }




/*pricing page css end here*/



/*features page css*/

 .header-section {
      /* background: #0A0023; */
      position: fixed;
      width: 100%;
      top: 15px;
      z-index: 999;
    }

 
    .navbar-nav .nav-link {
      color: #fff;
      font-weight: 500;
      transition: 0.3s;
    }

    /*.navbar-nav .nav-link:hover {*/
    /*  color: #0d6efd;*/
      /* Bootstrap primary color */
    /*}*/

    .navbar-toggler {
      border: none;
    }

    .navbar-toggler:focus {
      box-shadow: none;
    }

    .footer-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 40px;
    }

    .footer-col {
      flex: 1;
      min-width: 220px;
    }

    .footer-col h3 {
      color: #fff;
      margin-bottom: 15px;
      font-size: 16px;
      text-transform: uppercase;
    }

    .footer-col p {
      font-size: 14px;
      line-height: 1.6;
    }

    .footer-col ul {
      list-style: none;
      padding: 0;
    }

    .footer-col ul li {
      margin-bottom: 10px;
    }

    .footer-col ul li a {
      color: #ccc;
      text-decoration: none;
      font-size: 14px;
      transition: 0.3s;
    }

    .footer-col ul li a:hover {
      color: #fff;
    }

    .footer-bottom {
      border-top: 1px solid #444;
      margin-top: 30px;
      padding-top: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      font-size: 14px;
    }

    .social-links a {
      color: #ccc;
      font-size: 18px;
      margin-left: 15px;
      transition: 0.3s;
    }

    .social-links a:hover {
      color: #fff;
    }

    .h3,
    h3 {

      font-weight: 600;
    }
    
    .mn{
        transition:all .3s ease;
    }
    
    .mn:hover{
        background:#c71dff;
    }

    .sec-1 {
      background: url(../images/ban2.webp);
      background-size: cover;
      padding: 150px 0px !important;
      padding-bottom:100px!important;
      background-position: bottom;
    }

    .sec-3 {
      background: url(../images/ban1.webp);
      background-size: cover;
      padding: 150px 0px !important;
      background-position: center;
    }

    .sec-44 {
      background: url(../images/ban1.webp);
      background-size: cover;

      background-position: bottom;
    }

    .main-head2 {
      font-size: 60px;
      font-weight: 700;
      letter-spacing:-1px;
    }

    .col-box {
      border-radius: 30px;
      position: relative;
      background-color: #250237;
      padding: 12px 16px;
    }


    .inner-box {
      background: rgba(255, 255, 255, 0.10);
      border-radius: 12px;
    padding: 30px 25px;
    margin-top:25px;
    }
    
    .inner-box li div{
        margin-bottom: 10px;
    }
    
    .inner-box li:last-child div{
        margin-bottom:0px;
    }
    
    .inner-box h5{
        font-size: 17px;
    }

    .btn-primary {
      background: linear-gradient(45deg, #b79eff, #c71dff);
      border: 0px;
      color: #fff;
      font-weight: 400;
      padding: 13px 30px;
      border-radius: 100px;
      font-size: 18px;
      height: 54px;
      transition: 1s;
    }
    
    .gap-r .row{
        row-gap:20px;
    }
    
    .template-box{
    text-align: center;
    box-shadow: 0 0 20px hsl(0deg 0% 40% / 12%);
    transition: all .3s ease;
    padding: 5px;
    border-radius: 20px;
    background: var(--Border-color, linear-gradient(147deg, #c71dff 8.41%, #480CAB 39.58%, #c71dff 74.21%, #36074e 98.95%));
    }
    
    
/*/auto play video css    */
  
  .left-right{
      padding:80px 0px;
  }
  
  a{
      text-decoration:none!important;
  }
  
  .rig-img h6{
    font-weight: 700;
    font-size: 17px;
    margin: 12px 0px;
  }
  
  .rig-img ul{
          list-style: none;
    padding-left: 0px;
  }
  
 .rig-img ul li{
    margin-bottom: 10px;
  }
  
  .rig-img ul  .fad{
      color:green;
  }
  
  .bh{
      background-color: #f9e8ff;
      padding:80px 0px!important;
  }
  
  .iconframe{
    text-align: center;
    background: #fff;
    padding: 35px 20px;
    border-radius: 10px;
    min-height: 191px;
    transition: all .3s ease;
  }
  
  .lef-img img{
    max-width: 350px;
    box-shadow: 0 0 20px hsl(0deg 0% 40% / 12%);
    transition: all .3s ease;
    padding: 5px;
    border-radius: 20px;
    background: var(--Border-color, linear-gradient(147deg, #c71dff 8.41%, #480CAB 39.58%, #c71dff 74.21%, #36074e 98.95%));
  }
  
  .iconframe:hover{
      transform: translateY(-10px);
  }
  
  .iconframe .fad{
   color: #c71dff;
    font-size: 25px;
    margin-bottom: 15px;
    height: 50px;
    width: 50px;
    background: #f9e8ff;
    border-radius: 50px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
  }
  
  .iconframe h6{
         font-size: 20px;
    font-weight: 600;
  }
  
  .title-sec h5{
      text-transform:uppercase;
      font-size:22px;
      font-weight:700;
          color: #c71dff;
  }
  
  .title-sec{
      margin-bottom:40px;
  }
  
  .how-works .row{
      justify-content:center;
  }
  
 .sid-img img{
     width:100%;
     max-width:600px;
 }
  
  .stppe h3{
      font-weight:700;
    color:#fff;
  }
  
  .stppe p{
      color:#fff;
  }
  
  .stppe h5{
      background: linear-gradient(92deg, #c71dff 16.06%, #b79eff 57.64%, #fa7596 94.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: normal;
    font-weight:600;
  }
  
  .stppe img{
      border-radius:20px;
  }
  
  .shady{
      margin-top:30px;
  }
  
  
  .stppe{
      padding:30px 20px;
      border:2px solid #c71dff;
      border-radius:20px;
  }
  
  .show-hero{
    padding:100px 0px;
    background: #36074e;
    position: relative;
    padding-top:150px;
  }
  
  .lef-img{
      text-align:center;
  }
  
  .show-hero .row{
      align-items:center;
          justify-content: space-between;
  }
  
  .show-hero .sid-img{
 padding: 9px;
    border-radius: 20px;
    background: var(--Border-color, linear-gradient(147deg, #c71dff 8.41%, #480CAB 39.58%, #c71dff 74.21%, #36074e 98.95%));
  }
  
  .animate {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

.animate.show {
  opacity: 1;
  transform: translateY(0);
}


.fade-left {
  transform: translateX(-50px);
}

.fade-right {
  transform: translateX(50px);
}

.zoom-in {
  transform: scale(0.9);
}

.show.fade-left,
.show.fade-right,
.show.zoom-in {
  transform: translate(0) scale(1);
}

  
   .show-hero .sid-img video{
       border-radius:20px;
   }
  
  .sid-img{
      text-align:center;
  }
  
  .led h2, .led p{
      color:#fff;
  }
  
  .led h2{
          font-size: 60px;
    margin-bottom: 14px;
    letter-spacing:-1px;
  }
  
  .led p{
      font-size:20px;
  }
  
  .title-sec h3{
      font-size: 48px;
    font-weight: 700;
    letter-spacing:-1px;
    color:#fff;
  }
  
  .how-works{
      padding:80px 0px;
      /*background:#f3e7f8;*/
        background: url(../images/hb.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }
  
  .but{
    padding: 15px 40px;
    border-radius: 50px;
    background: #0a0023;
    color: #fff;
    transition: all .3s ease;
    font-size: 17px;
    width: fit-content;
  }
  
   .but:hover{
       background: #c71dff;
   }
 
  
  .rig-img h3{
      letter-spacing:-1px;
      font-size: 37px;
    margin-bottom: 15px;
    font-weight: 700;
  }
  
  .rig-img p{
      margin-bottom:8px;
  }
  
  .left-right .row{
      max-width:1280px;
      margin: 0 auto;
      justify-content: space-evenly;
      align-items:center;
  }
  
/*AUTOPLAY VIDEO END    */

.bg-colo{
    background:#f9e8ff;
}

.indi img{
background: #C71DFF;
    padding: 15px;
    max-width: 85px;
    top: -40px;
    position: absolute;
    border-radius: 50%;
}

.arr{
    position:relative;
}

.template-box:hover{
    transform: translateY(-10px);
}    
    
.bless{
    row-gap:20px;
    margin: 40px auto;
    max-width: 1120px;
}

.subbs{
    text-align:center;
    font-size:20px;
}

.gap-r h4{
    font-size: 20px;
}

p {
    font-size:17px;
}

.pick-img{
   text-align: center;
    background: #ffffff75;
    padding:20px;
    border-radius: 10px;
    transition:all .3s ease;
}

.pick-img:hover{
    transform: translateY(-10px);
}

.pick-img .fad{
    font-size: 20px;
    height: 55px;
    justify-content: center;
    margin: 10px auto;
    align-items: center;
    display: flex;
    width: 55px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 50px;
    background: #c71dff;
}

.pick-img h4{
   font-weight: 700;
    font-size: 18px;
}

    .top-1 {
      background: #e57dbd;
      padding: 4px 25px;
      width: fit-content;
      position: absolute;
      top: 0;
      left: 0px;
      border-radius: 26px 0px 26px 0px;
    }

 

   h1,h2,h3,h4,h5,h6{
       text-transform:capitalize;
   }
   
   *{
       text-transform:capitalize;
   }
   
   .ledd p{
       font-size: 20px;
       font-weight:400;
   }

    h2 {
      font-size: 48px;
      letter-spacing:-1px;
      font-weight: 700;
    }
    
    .card-light h5, .card-light1 h5{
        margin:10px 0px;
        font-weight:700;
    }
    
    .card-light h6, .card-light1 h6{
            font-weight: 400;
    line-height: 1.4;
    }

 

    .sec-2 {
      background: #36074E;
      position: relative;
    }

  
    .box-2 {
      background: #36074E;
      padding: 30px;
      min-height:369px;
      border-radius: 22px;
    }
    
    .box-2 img{
        max-height:237px;
        min-height:237px;
        object-fit:contain;
    }
    
    .box-2 h3{
        font-size:20px;
        margin-bottom:0px;
    }

    .sec-9 {
      position: relative;
      background: url(../images/ctamain.webp);
      background-size: cover;
      padding: 100px 0px;
      background-position: center;
    }

    .card-light {
      background: #fdd2df;
      padding: 30px;
      border-radius: 18px;
    }

    .card-light1 {
      background: #f4d4ff;
      padding: 30px;
      border-radius: 18px;
    }

    .accordion-button:not(.collapsed) {
      color: var(--bs-accordion-active-color);
      background-color: var(--bs-accordion-active-bg);
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
      background-color: rgba(199, 29, 255, 0.10);
      font-size: 18px;
      font-weight: 500;
    }

    .feat-box1 i {
      color: rgb(63, 221, 0);
    }

    .pro-icon {
      border-radius: 100px;
      height: 50px;
      width: 50px;
      object-fit: cover;
    }

    .sec-10 {
      position: relative;
      background: url(../images/sec10.webp);
      background-size: cover;
      padding: 80px 0px;
      /* background-position: center; */
    }

    .feat-box {
      border-radius: 9.606px;
      border: 1.921px solid #c71dff;
          padding: 12px 30px;
      margin:0 auto;
      width: fit-content;
      background: linear-gradient(93deg, rgba(199, 29, 255, 0.15) 0%, rgba(183, 158, 255, 0.15) 59.17%, rgba(250, 117, 150, 0.15) 112.3%);
    }

    .feat-box h3 {
      background: linear-gradient(93deg, #c71dff 0%, #36074e 59.17%, #fa7596 112.3%);
      background-clip: text;
      -webkit-background-clip: text;
      font-size:22px;
      -webkit-text-fill-color: transparent;
    }
    
    .feat-box h4{
            letter-spacing: -1px;
            font-weight:700;
    }

    .alim .sid-img{
        padding: 9px;
    border-radius: 20px;
    background: var(--Border-color, linear-gradient(147deg, #c71dff 8.41%, #480CAB 39.58%, #c71dff 74.21%, #36074e 98.95%));
    }
    
.alim .sid-img video {
    border-radius: 20px;
}

    .feat-box1 {
      border-radius: 24px;
      padding: 18px;
      text-align: center;
      margin-top:20px!important;
      border: 1.921px solid #c71dff;
      background: linear-gradient(93deg, rgba(199, 29, 255, 0.15) 0%, rgba(183, 158, 255, 0.15) 59.17%, rgba(250, 117, 150, 0.15) 112.3%);
    }

    .card-layout {
      background: linear-gradient(93deg, #c71dff 0%, #36074e 59.17%, #fa7596 112.3%);
      margin: 10px;
      padding: 10px;
      border-radius: 18px;
    }

    .mid-vid {
      width: 100%;
      height: 100%;
      object-fit: fill;
    }


.video-link {
  text-decoration: none!important;
  cursor: pointer;
}

.video-link:hover {
  text-decoration: underline;
}

.modal-content .btn-close{
    opacity: 1;
    background-color: #fff;
    right: 0;
    position: absolute;
    z-index: 1;
    padding: 8px;
}


/*features page css ends here*/


.page-text .page-head{
    padding: 150px 0px;
      background:#c33eff;
}

.page-text .page-head .page-title{
      text-align:center;
      color:#fff;
}

.main-con{
    padding:50px 0px;
}

.paragra h3{
    font-weight: 800;
}

.paragra  h5{
    font-weight: 700;
    font-size: 20px;
}

.paragra  h5{
    font-weight:700;
}

.sec-title-sub{
        line-height: 1.5em;
    font-size: 1.25rem;
    font-weight:400;
}

footer .social-links img{
    max-width:16px;
}

@media (max-width: 600px) {
  .card__inner {
    flex-direction: column;
  }

  .card__image-container {
    width: 100%;
  }

  .card__image {
    aspect-ratio: 16 / 9;
  }

  .card__title {
    font-size: 32px;
  }

  .card__description {
    font-size: 16px;
  }

  .card__content {
    padding: 30px 20px;
  }
}