.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;
  color: #F8F407;
}

.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-clr112 {
color: rgb(255, 108, 0);
}

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

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

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


.li-card {

  padding: 15px 18px;
  background-color: rgb(255, 255, 255);

  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 dashed hsl(191.9, 100%, 50.4%);
}


@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 top;
    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 top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
padding: 60px 0px 80px 0px;
overflow: hidden;

  }

  .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;
background-attachment: fixed;

  }

  .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 top;
    background-size: auto;
    background-size: auto;
    background-size: cover;
   padding: 40px 0px 40px 0px;
overflow: hidden;

  }

  .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;
background-attachment: fixed;

  }

  .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;

  }
}


@media (max-width:400px) {
  .create-section1 {
  padding: 30px 0px 30px 0px;
  }
}





.tool-box-inner {
  background-color: #fff;
  padding: 35px 23px 35px 23px;
  border-radius: 10px;
  box-shadow: 0px 0px 40px 0px rgba(19, 30, 67, 0.44);
}
.tool-box-inner {
  padding: 20px 23px 20px 23px;
  border-radius: 10px;
  background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
  box-shadow: 0px 0px 12px 0px rgb(226, 172, 251);
}
.bg-imp {
background: linear-gradient(182deg, #00CDFF -22%, #00cdff 77%) !important;
background: linear-gradient(92deg, #029efc -22%, #02cdff 77%) !important;
}


@media (min-width: 768px) {
  .tool-box-inner {
    background-color: #fff;
    padding: 20px 23px 20px 23px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0px rgba(19, 30, 67, 0.44);
  }

  .tool-box-inner {
    padding: 40px 23px 40px 23px;
    border-radius: 10px;
    background: linear-gradient(90deg, #FFF -22%, #e9c1fd 77%);
    box-shadow: 0px 0px 12px 0px rgb(226, 172, 251);
  }
}
.card-block {
border: 1px solid #00cdff;
  border-radius: 15px;
  padding: 20px 20px;
  position: relative;
  box-shadow: 0px 0px 40px 0px rgb(0, 205, 255) inset;
  background-color: rgba(247, 146, 255, 0.06);
  border-radius: 15px;
  position: relative;
}

.course-box1 {
  background-color: rgb(0, 205, 255);
  padding: 60px 30px 60px 30px;
  border-radius: 10px;
}