.text-dark {
  color: #000 !important;
}

.t-text-clr {
  color: rgb(46, 37, 77) !important;
}

.text-clr {

  color: #2CD9D2 !important;
}

.text-clr1 {
  color: #9ABA64 !important;
}

.text-clr2 {
  color: #00DFFE;
}

.text-clr3 {
  color: #F89F07;
}

.text-clr4 {
  color: #00FF57;
}

.text-clr5 {
  color: #FF1D48;
}

.text-clr6 {
  color: #02CB46;
}

.text-clr7 {
  color: rgb(248, 68, 255);
}

.text-clr8 {
  color: rgb(255, 106, 124);
}

.text-clr9 {
  color: rgb(253, 69, 126);
}

.text-clr10 {
  color: rgb(145, 109, 255);
}

.text-clr11 {
  color: rgb(66, 4, 255);
}
.text-clr12 {
  color: rgb(0, 97, 255);
}

.text-clr12 {
  color: rgb(0, 97, 255);
}

.text-shadow {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.letter-spacing {
  letter-spacing: 0px;
}


.li-card {
  border: 5px double rgb(145, 109, 255);
  padding: 15px 18px;
  background-color: rgb(255, 255, 255);

  border: 1px dashed rgb(238, 17, 69);
  padding: 15px 18px;
  background-color: rgb(255, 233, 195);
  border-radius: 10px;
  /* background: url(../images/99-bg.png) no-repeat center center; */
  background-size: auto;
  background-size: 100% 100%;
  background-color: #ffffff0d;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  overflow: hidden;
  padding: 8px 10px;
  border: 1px solid hsl(0deg 0% 72.55% / 9%);
}


@media (min-width: 768px) {
  .create-section {
    background: url(../images/create-section.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;

  }

  .box-gif {
   
    background-image: linear-gradient(to bottom left, rgb(8, 175, 225) 0%, rgb(2, 107, 242) 100%);
    background-image: linear-gradient(to bottom left, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.87) 100%);
    padding: 10px 10px;
    border-radius: 3px;
  }

  .text-box {
    background-color: #01FFEE;
    padding: 10px 0;
    color: #16324D;
  }

}

@media (max-width: 768px) {
  .create-section {
    background: url(../images/create-section.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;

  }

  .box-gif {
    background-image: linear-gradient(to bottom left, rgb(8, 175, 225) 0%, rgb(2, 107, 242) 100%);
    padding: 10px 10px;
    border-radius: 3px;
  }

  .text-box {
    background-color: #01FFEE;
    padding: 10px 0;
    color: #16324D;
  }
}
 .create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

@media (min-width: 768px) {
  .news-box {
    background-color: #9471ff;
    padding: 15px 15px;
  }

    .create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }
 
  .create-section2 {
    background: url(../images/create-section2.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

  .create-section8 {
    background: url(../images/create-section8.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
padding: 60px 0px 5% 0px;
    overflow: hidden;
  }

  .create-section3 {
    background: url(../images/create-section3.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section4 {
    background: url(../images/create-section4.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section5 {
    background: url(../images/create-section5.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 0px 0px;

  }

  .create-section6 {
background: url(../images/create-section6.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
  padding: 80px 0px 80px 0px;


  }

  .create-section7 {
    background-color: #030013;
    background: url(../images/create-section7.png) no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 80px 0px;

  }
  .create-section9 {
    background-color: #030013;
    background: url(../images/create-section9.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 0px 0px;

  }

}

@media (max-width: 768px) {
   .create-section1 {
    background: url(../images/create-section1.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

  .create-section2 {
    background: url(../images/create-section2.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 60px 5px 30px 5px;
    overflow: hidden;
  }

  .create-section3 {
    background: url(../images/create-section3.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section4 {
    background: url(../images/create-section4.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;
    overflow: hidden;
  }

  .create-section5 {
    background: url(../images/create-section5.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 0px 0px;

  }

  .create-section6 {
background: url(../images/create-section6.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
  padding: 80px 0px 80px 0px;


  }

  .create-section8 {
    background: url(../images/create-section8.png) no-repeat center center;
    background-size: cover;
    padding: 60px 0px 80px 0px;
    overflow: hidden;
  }

  .create-section7 {
    background: url(../images/create-section7.png) no-repeat center bottom;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 30px 0px 30px 0px;

  }
  .create-section9 {
    background-color: #030013;
    background: url(../images/create-section9.png) no-repeat center top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    padding: 80px 0px 0px 0px;

  }
}