/* Welcome Start */

.oswald {
  font-family: "Oswald", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}
.welcome {
    background: url(../images/welcome.png) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
    padding: 30px 0 30px 0;
    overflow: hidden;
    position: relative;
}

.welcome .logo {
    text-align: center;
}

.welcome .top-content {
    margin-top: 50px;
    text-align: center;
    color: #000;
}

.welcome .design-content {
    text-align: center;
    margin-top: 100px;
    position: relative;
    padding: 30px 0;
}

.welcome .design-content .line1 {
    position: absolute;
    top: 0;
    right: -30px;
}

.welcome .design-content .line2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.welcome .box {
    margin: 30px 0;
    padding: 10px 40px;
    border-radius: 80px;
    text-align: center;
    display: inline-block;
}

.welcome .box h5 {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
}

.welcome .top-content .sp-1 {
    margin-bottom: 30px;
}

.welcome .top-content .w-btn {
    background-color: #FF8617;
    padding: 10px 20px;
    margin-right: 10px;
    border-radius: 10px;
    transform: rotate(355deg);
}

.welcome .bottom-content p {
    color: #000;
    margin: 20px 0;
}

.welcome .bottom-content .feature-lists {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.welcome .bottom-content .feature-lists li {
    background: url(../images/checkmark.png) no-repeat center left;
    background-size: 20px;
    margin: 5px 10px;
}

.welcome .bg-transparent-3 {
  background-color: #ffbd56;
  display: inline-block;
  padding: 10px;
  border: 1px dashed #fff;
  border-radius: 10px;
}

@media screen and (max-width: 567px) {
    .welcome .logo img {
        width: calc(100% - 20px);
    }

    .welcome .top-content img {
        width: 100%;
        height: 100%;
    }
}

.categories-box {
 background: url(../images/bg-1.png) no-repeat center center;
    background-size: auto;
  background-size: cover;
  overflow: hidden;
  color: #fff;
  /* background-attachment: fixed; */
}

.categories-box .head-content {
    margin-bottom: 50px;
    text-align: center;
}

.categories-box .head-content h2 {
    clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
    background: blue;
    padding: 30px 30px;
    display: table;
    margin: auto;
}

.categories-box .head-content .media img {
    width: 100%;
    height: 100%;
    margin-bottom: -15px !important;
}

.categories-box .card-box {
    margin-bottom: 50px;
}

.categories-box .card-box-inner {
    border-radius: 20px;
border: 1px solid #00f;
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    height: 100%;
    box-shadow: 0px 0px 19px 0px rgb(0, 0, 255) inset;
  background-color: rgb(5, 2, 13);
border: 2px solid #3ebcfa;
  box-shadow: 0px 0px 19px 0px rgb(62, 188, 250) inset;
  background-color: rgb(255, 255, 255);
  color: #000;
}

.categories-box .card-box-inner p {
    margin-bottom: 10px;
    font-weight: 200;
}

.categories-box .card-box.style-1 .card-box-inner .media img {
    width: 100%;
    height: 100%;
    max-width: 50px;
}

.categories-box .card-box.style-1 .card-box-inner .media {
    margin-bottom: 10px;
    text-align: center;
}

.categories-box .card-box.style-1 .card-box-inner .content {
    margin-bottom: 10px;
    text-align: center;
}

.categories-box .count-box {
    text-align: center;
}

.count-box .bottom-content {
    text-shadow: 0px 0px 5px #ffffff;
}

.steps-box {
    background-image: url(../images/step-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    /* background-attachment: fixed; */
    color: #fff;
}

.steps-box .steps-box-wrapper {
    /* border: 1px dashed rgb(77, 82, 163) !important; */
    border-radius: 10px;
padding: 30px 10px;
    margin-top: 50px;
    background: #009DF0;
  border: 2px solid #DDD;
  background: #009DF059;
  border: 2px solid #009DF0;


  border: 2px solid #83BAFF;
  background: #FFF;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
}
.text-blue {
    color: #009DF0;
}
.text-blue1 {
    color: #2785fd !important;
}

.steps-box .steps-box-wrapper .step-title {
    margin: -80px auto 20px auto;
    text-align: center;
    font-weight: 700;
    max-width: 800px;
    background: url(../images/blue-heading.png) no-repeat center center;
    background-size: 100% 100%;
  padding: 30px 40px 20px 40px;
}

.industry{
 background: url(../images/industry.png) no-repeat center center;
    background-size: cover;
}
.learning{
 background: url(../images/learning.png) no-repeat center center;
    background-size: cover;
}

.steps-box .steps-box-wrapper .content .step-title p {
    margin-bottom: 0;
    text-align: center;
}

.steps-box .steps-box-wrapper .content .steps-box-inner .step-title {
    display: block;
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50px;
    margin-right: 10px;
    font-weight: 600;
}

.steps-box .steps-box-wrapper .content .steps-box-inner .step-title.style-1 p {
    font-weight: 700;
    color: #000000;
}

.steps-box .steps-box-wrapper .content .steps-box-inner {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.steps-box .steps-box-wrapper .steps-box-inner {
    /* border-bottom: 1px solid rgb(77, 82, 163); */
    padding: 50px 30px;
    padding: 50px 30px;
  background-color: antiquewhite;
  margin-top: 15px;
}
.steps-box-inner .media{
background-color: #29afff;
  padding: 5px 5px;
}

.border-none {
    border: none !important;
}

.step-head-1 {
    padding: 10px 60px;
background-color: #ffa129 !important;
  border-radius: 45px;
  box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.41);
    font-size: 25px;
    font-weight: 700 !important;
    display: initial;
}

.steps-box .steps-box-wrapper .steps-box-inner .steps-box-title {
    /* color: rgb(225 225 225) !important; */
    /* font-size: 40px; */
    margin: 30px 0 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.step-head-1 p {
    margin: 0
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-1 .step-title {
    background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgba(63, 82, 255, 1) 100%);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-1 h6 {
    color: rgba(63, 82, 255, 1);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-2 .step-title {
    background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgba(255, 196, 68, 1) 100%);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-2 h6 {
    color: rgba(255, 196, 68, 1);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-3 .step-title {
    background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgba(31, 214, 82, 1) 100%);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-3 h6 {
    color: rgba(31, 214, 82, 1);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-4 .step-title {
    background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgb(214, 43, 31) 100%);
}

.steps-box .steps-box-wrapper .content .steps-box-inner.style-4 h6 {
    color: rgb(214, 43, 31);
}

@media screen and (max-width: 991px) {
    .steps-box .steps-box-wrapper .steps-box-inner {
       padding: 30px 10px;
    }

    .steps-box .steps-box-wrapper .content {
        margin-top: 30px;
    }
}

.count-card-box {
       /* background: url(../images/count-box.png); */
    background-size: cover;
    /* background-image: linear-gradient(0deg,rgb(97, 0, 167) 0%, rgb(249, 175, 2) 100%); */
    background-image: linear-gradient(90deg, rgb(72, 6, 239), rgb(243, 79, 16));
  padding: 40px 0;
  background-image: linear-gradient(90deg,rgb(38, 138, 253) 0%, rgb(54, 17, 255) 100%);
}
.h-title{
    background-color: rgb(85, 199, 254);
  color: #000;
    padding: 5px;

}
.cta-b {
    border: 1px solid #009df0;
  padding: 11px;
  border-radius: 15px;
}

.testimonial {

   background: url(../images/testimonial-section.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
background-attachment: fixed;

  /* background: #DDF3FF; */
    background-size: cover;
    overflow: hidden;
}

.testimonial .testimonial-wrapper .testimonial-box {
    padding: 30px;
    text-align: center;
    border-radius: 20px;
background: #009DF0;
  border: 2px solid #DDD;
  height: 100%;
  color: #fff;
    height: 100%;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .media {
    margin-bottom: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .content {
    text-align: left;
    margin-left: 20px;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .media img {
    width: 100%;
    height: 100%;
    max-width: 100px;
    border-radius: 0;
    object-fit: cover;
}

.testimonial .testimonial-wrapper .testimonial-box p {
    font-weight: 400;
    text-align: start;
    font-size: 18px !important;
}

.testimonial .testimonial-wrapper .testimonial-video .testimonial-video-inner {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 30px;
    border: 3px solid rgba(113, 23, 255, 0.2);
}

.testimonial .testimonial-wrapper .testimonial-video .testimonial-video-inner .content {
    text-align: center;
    padding-top: 20px;
}

.testimonial .testimonial-wrapper .testimonial-video .testimonial-video-inner .content h6 {
    font-weight: 700;
}

.testimonial .testimonial-wrapper .testimonial-box .testimonial-widgit .content .post {
    font-size: 18px !important;
}

.industry .industry-box {
    margin-bottom: 30px;
}

.courses {
    background-size: cover;
    overflow: hidden;
}

.courses .bottom-content .card-box {
    margin-bottom: 30px;
}

.courses .card-box-inner {
    padding: 30px;
    border: 2px solid rgba(123, 112, 238, 0.5);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
}

.stop {
    position: relative;
    z-index: 1;
    background-color: #e8e9ea;
}

.stop .stop-head-title {
padding: 50px 0px 70px 0px;
    background: url(../images/shape-5.png) no-repeat bottom;
    background-size: cover;
    margin-bottom: 30px;
    color: #110825;
}

.stop .stop-head-title h3 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
}

.stop .stop-box {
    padding: 30px;
    border-radius: 30px;
   border: 2px solid #3ebcfa;
  box-shadow: 0px 0px 19px 0px rgb(62, 188, 250) inset;
  background-color: rgb(62, 188, 250);
  color: #fff;
}

.stop .stop-box p {
    font-weight: 600;
    color: #fff;
}

.do-for-you .card-box {
    background-color: rgb(0 0 0 / 30%);
    padding: 20px 20px;
border: 2px solid rgb(34, 211, 255);
  border-radius: 30px;
  height: 100%;
  background-color: rgb(21, 25, 45);
  border-radius: 10px;
  height: 100%;
  box-shadow: 0px 0px 19px 0px rgb(62, 188, 250) inset;
}

.do-for-you .card-box-inner {
    margin-top: 130px;
}

.do-for-you .card-box-inner .card-box .content p {
    font-weight: 400;
}

.do-for-you .card-box .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
max-width: 360px;
}


.do-for-you .card-box .media {
    /* text-align: center; */
   margin: -90px 0 20px 0;
}
.do-for-you .img-arrow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 200px;
}
.do-for-you .dfy-btn {
background-color: #3ebcfa;
  padding: 20px;
  border-radius: 30px 30px 30px 0px;
    line-height: 1.3;
    border: 5px solid #fff;
}

.head-content .media img {
    width: 100%;
    height: 100%;
    margin-bottom: -150px;
}

.count-box-wrapper {
    overflow: hidden;
    color: #000;
    margin: 50px 0;
    /* background: url(../images/cta-bg.png) no-repeat center center; */
    background-size: 100% 100%;
    padding: 50px;
    border-radius: 50px;
    padding-bottom: 0;
       background-color: #fff;
}

.count-box-wrapper.style-1 {
    background: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.count-box-wrapper .head-box-1 {
border: 2px dashed rgb(255, 71, 103);
  margin-bottom: 30px;
 padding: 12px;
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0);
}
/* .action-link-box{
border: 5px solid #ffb91c;
  padding: 5px 5px;
  border-radius: 0px;
  
} */

.transform-box {

    position: relative;
  background-color: #e3edff;
}

.transform-box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: #6433ff;
    z-index: -1;
}

.transform-box .transform-box-inner {
background: rgb(25, 158, 254);
  border-radius: 20px;
  color: #fff;
  padding: 10px;
}

.transform-box .transform-box-inner .head-box {
    text-align: center;
background: rgb(25, 158, 254);
    /* background: radial-gradient(circle, rgb(42, 209, 231) 17%, rgb(107, 93, 199) 57%, rgba(107, 93, 199, 1) 92%); */
    padding: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    margin-top: -80px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
border: 3px solid #fff;
  box-shadow: 0 5px 10px 4px rgba(0, 0, 0, 0.25);
}

.transform-box .head-box {
    display: flex;
    align-items: center;
}

.transform-box .head-box h2 {
    color: #fff;
}

.transform-box .head-box img {
    width: 150px;
    height: 150px;
    margin-right: 30px;
}
.box-1 {
  padding: 30px;
  background-color: rgb(25, 158, 254);
  color: #fff;
  border-radius: 20px;
}

.box-2 {
  padding: 30px;
  background-color: rgb(25, 158, 254);
  color: #fff;
  border-radius: 20px;
}


@media screen and (max-width: 991px) {
    .transform-box .head-box {
        display: block;
    }
    .transform-box .head-box img {
        margin-bottom: 20px;
    }
}

.introduction {
    background: url(../images/bg-6.png) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}

.introduction .bottom-content {
    text-align: center;
    margin-top: 50px;
    align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.introduction .bottom-content .bg-yellow {
    background-color: #FDD551;
    color: #000;
    display: inline-block;
    padding: 10px 50px;
    font-weight: 700;
    border-radius: 30px;
    z-index: -1;
}

.learning {
    position: relative;
}

.learning:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: #FFF8DF;
    z-index: -1;
}

.learning .learning-box {
    background-color: rgba(247, 244, 255, 1);
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 30px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.lento-works {
    background-color: #FFF8DF;
}

.lento-works .card-box {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #FFA538;
    border-radius: 10px;
    padding: 30px;
}

.lento-works .card-box-wrapper .card-box {
    margin-top: 120px;
}

.lento-works .card-box-wrapper .card-box .media {
    margin-bottom: 30px;
    margin-top: -110px;
    width: 160px;
    height: 160px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    ;
}

.lento-works .card-box-wrapper .card-box .media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0px;
}

.lento-works .bottom-content {
    margin-top: 50px;
}

.everything .bottom-content {
    margin-top: 60px;
}

.block-box {
    position: relative;
}

.block-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
background-image: linear-gradient(90deg, rgb(152, 182, 236) 0%, rgb(178, 219, 237) 100%);
    z-index: -1;
}

.block-box .block-box-inner .block-box-content .card-box .media {
    margin: 10px 0;
}

.block-box .block-box-inner .block-box-content .card-box .content {
    margin: 10px 0;
    text-align: center;
}

.block-box .block-box-inner {
    background: url(../images/bg-7.png) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
    color: #fff;
    padding: 30px;
    border-radius: 20px;
}

.block-box .block-box-inner .block-box-content .card-box {
background-color: rgb(255, 255, 255);
  padding: 20px 0;
  border: 2px solid rgb(0, 211, 255);
  border-radius: 30px;
  height: 100%;
  box-shadow: 0px 0px 19px 0px rgb(25, 158, 254) inset;
  color: #000;
}

.dominate-box {
    background-color: rgba(29, 8, 126, 1);
    padding: 30px 30px;
    margin-top: -2px;
    border-radius: 0 0 30px 30px;
}

.product-points {
    background: url(../images/bg-8.png) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
}

.product-points .card-box {
    padding: 50px 30px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.product-points .card-box.style-1 {
    background-size: cover;
    overflow: hidden;
    background-color: rgba(29, 8, 126, 0.8);
color: #010132;
    border: 7px solid #000;
    height: 100%;
    display: flex;
  justify-content: center;
  align-items: center;
}

.product-points .card-box.style-2 {
    background-size: cover;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border: 7px solid #1d087e;
     height: 100%;
     display: flex;
  justify-content: center;
  align-items: center;
}
.style-bg-1{
/* background-image: linear-gradient(90deg,rgb(143, 111, 255) 0%, rgb(172, 148, 255) 100%) !important;
border-color: rgb(172, 148, 255) !important; */
background-image: linear-gradient(90deg,rgb(255, 180, 2) 0%, rgb(250, 235, 215) 100%) !important;
  border-color: rgb(250, 234, 211) !important;
}
.style-bg-2{
/* border-color: rgb(172, 148, 255) !important;
background-image: linear-gradient(90deg,rgb(172, 148, 255) 0%, rgb(143, 111, 255) 100%) !important; */
border-color: rgb(250, 234, 211) !important;
  background-image: linear-gradient(90deg,rgb(250, 233, 206) 0%, rgb(255, 180, 2) 100%) !important;

}
.style-bg-3{
background-image: linear-gradient(90deg,rgb(66, 133, 244) 0%, rgb(118, 169, 255) 100%) !important;
border-color: rgb(118, 169, 255) !important;
}
.style-bg-4{
    border-color: rgb(118, 169, 255) !important;
    background-image: linear-gradient(90deg,rgb(118, 169, 255) 0%, rgb(67, 134, 244) 100%) !important;
    
}
.style-bg-5{
/* background-image: linear-gradient(90deg,rgb(143, 111, 255) 0%, rgb(172, 148, 255) 100%) !important;
border-color: rgb(172, 148, 255) !important; */
background-image: linear-gradient(90deg,rgb(255, 255, 255) 0%, rgb(255, 152, 14) 100%) !important;
  border-color: rgb(250, 234, 211) !important;
}
.style-bg-6{
background-image: linear-gradient(90deg,rgb(255, 152, 14)  0%, rgb(255, 255, 255) 100%) !important;
  border-color: rgb(250, 234, 211) !important;
    
}

.bonus-title{
background-color: #c21800;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 0px;
  color: #fff;
}
.new-life {
    background: url(../images/bg-9.png) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}

.new-life .card-box {
    padding: 20px;
    background-color: rgba(123, 112, 238, 0.4);
    border-radius: 20px;
    border: 1px solid #FDD551;
}

.new-life .card-box h3 {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}

.lento-works.style-1 .count-box {
    margin-top: 50px;
}

.will-cost {
    position: relative;
    z-index: 1;
}

.will-cost::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
height: 30%;
  background-color: #FFD0D3;
    
    z-index: -1;
}

.will-cost .card-box {
    background-color: #0066FF;
    color: #fff;
    padding: 30px;
    border-radius: 30px;
}

.act-now {
    background: url(../images/bg-4.png) no-repeat center bottom;
    background-size: cover;
    color: #fff;
}

.thinking {
    background: url(../images/bg-10.png) no-repeat center bottom;
    background-size: cover;
}

.thinking .card-box {
    background-color: rgba(255, 255, 255, 0.4);
    border: 2px solid #000;
    padding: 30px;
    border-radius: 30px;
}

.money-back {
    margin-top: -130px;
}

.money-back .card-box {
background-color: #2689FD;
    color: #fff;
    padding: 40px;
    border-radius: 30px
}

.money-back .bottom-box {
    border-radius: 0 0 30px 30px;
}

.money-back .count-box {
    margin-top: 50px;
}

.access .card-box {
    background-color: #FFFFBF;
    padding: 30px;
    border-radius: 30px;
}

.timer-box {
    background: url(../images/bg-11.png) no-repeat center bottom;
    background-size: cover;
}

.introduce {
    background: url(../images/bg-12.png) no-repeat center bottom;
    background-size: cover;
    color: #fff;
}

.introduce .media {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.introduce .media img {
    width: 100%;
    height: 100%;
}

.faq {
    background: url(../images/bg-13.pNg) no-repeat center bottom;
    background-size: cover;
}

.faq .count-box {
    margin-top: 50px;
}

.faq .accordion .accordion-item {
    margin-bottom: 20px;
    border-radius: 10px;
    /* background-color: rgba(255, 255, 255, 0.7); */
    background-color: rgb(255, 255, 255);
     background-color: #e7f1ff;
}

.accordion-button:not(.collapsed) {
    color: #212529;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);

}
.accordion-flush .accordion-collapse {
  border-width: 0;
  background-color: #e7f1ff;
  border-radius: 20px;
}
.faq .accordion .accordion-item .accordion-header .accordion-button {
    border-radius: 10px;
    padding: 20px;
    font-size: 20px;
}

.faq .accordion-button::after {
    content: none;
}

.faq .accordion .accordion-item .accordion-button {
    font-weight: 700;
}

.footer {
background-color: #fff;
  color: rgb(53, 53, 53);
  text-align: center;
}

.footer .footer-content .info p {
    font-size: 14px;
}

.footer .footer-link a {
    color: rgb(53, 53, 53);
       text-decoration: none;
       font-weight: 500;
}

.footer .footer-content {
    margin-top: 50px;
}

.footer .footer-link {
    display: block;
}

.footer .footer-link li {
    list-style: none;
    padding: 0 20px;
    position: relative;
    font-size: 20px;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
 .footer .footer-link {
    display: flex;
}
}


.videos-vg{
padding: 20px 20px;
  border: 2px solid #3ebcfa;
  box-shadow: 0px 0px 40px 0px rgb(62, 188, 250) inset;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
}

.footer .footer-bottom {
    margin-top: 50px;
}

.bottom-box {
    background-color: #ffd302;
    padding: 20px 0;
    color: #110825;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;

    background-color: #ffb402;
  color: #353535;
}

.shape-4 {
    background: url(../images/shape-4.png) no-repeat center;
    background-size: 100%;
    padding: 0px 100px;
    color: #1b1e22;
}

@media screen and (max-width: 768px) {
    .shape-4 {
        background: none;
        background-color: #ffd302;
        padding: 10px 10px;
        border-radius: 20px;
    }
}
.first-head-design {
    background: url(../images/first-head.webp) no-repeat center center;
    background-size: 100% 100%;
    padding: 30px;
    display: block;
    color: #fff;
}

.demo-video-box {
  background: url(../images/bg-14.png) no-repeat center top;
    background-size: auto;
  background-size: cover;
  color: #fff;
  padding: 80px 0;
}

.courses {
background: url(../images/bg-15.png) no-repeat center center;
  background-size: cover;
  color: #fff;
  color: #fff;
  background-attachment: fixed;
}

.courses .card-box {
    margin-bottom: 40px;
}

.courses .card-box .box-1 {
  padding: 60px 30px;
    background-color: #fff;
    background-color: rgb(25, 158, 254);
    color: #fff;
    border-radius: 20px;
}

.courses .card-box .box-2 {
    padding: 30px;
    /* background-image: linear-gradient(to bottom right, rgb(0, 50, 167) 0%, rgb(89, 139, 255) 100%); */
    color: #fff;
        background-color: rgb(25, 158, 254);
    color: #fff;
    border-radius: 20px;
}

.cu-title {
    background-color: #2d3aff;
    padding: 20px 30px;
    color: #fff;
    border: 5px solid #000;
    border-radius: 50px 0 20px 0;
}

.intro-head {
    background: url(../images/intro-head.webp) no-repeat center center;
    background-size: 100% 100%;
    padding: 20px 30px;
    display: table;
    margin: 0 auto 20px auto;
}

.aitutor-works .card-box-wrapper .card-box{
    text-align: center;
    margin-bottom: 30px;
}

.timer-box .cu-title{
    display: inline-block;
}


.action-link.action-link-lg{
	width: 100%;
	padding: 30px 0;
}


.montserrat {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;

}


.ts-clr {
	color: #00ccff;
}

.ts-clr1 {
	color: #FFF500;
}

.ts-clr2 {
	color: #0085FF;
}

.ts-clr3 {
	color: #70FF00;
}

.ts-clr4 {
	color: #FF1D48;
}

.ts-clr5 {
	color: #FF8A00;
}

.ts-clr6 {
	color: #442CAD;
}

.ts-clr7 {
	color: #F228C6;
}

.ts-clr8 {
	color: #00FFF0;
}

.ts-clr9 {
	color: #FF4767;
}

.ts-clr10 {
	color: #FFB60A;
}

.ts-clr11 {
	color: #00FFF0;
}

.ts-clr12 {
	color: #00FFF0;
}

.ts-clr13 {
color: #ffa129 !important;
}

.ts-clr14 {
	color: rgb(255, 199, 67);
}

.ts-clr15 {
	color: #FF0078;
}



@media (min-width: 768px) {
	.tops-icon1 {
position: absolute;
    left: -6%;
    top: 13%;
    width: 20%;
    z-index: 0;
    opacity: 1;

	}

	.tops-icon2 {
position: absolute;
    right: -6%;
    top: 18%;
    width: 21%;
    z-index: 1;
    opacity: 1;

	}


	.tops-icon3 {
		position: absolute;
		left: 1%;
		top: 5%;
		width: 7%;
		z-index: 1;
		opacity: 1;
	}

	.tops-icon4 {
		position: absolute;
		right: 50px;
		top: 4%;
		width: 10%;
		z-index: 1;
		opacity: 1;
	}


}

@media (max-width: 768px) {}

.t-g {
	background: linear-gradient(90deg, #fdb011 0%, #00D1FF 100%);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.line-hihglight {
	padding:
		5px 5px;
	display: inline-block;
	background:
		linear-gradient(0deg, #2203ff 0%, #009FFF 100%);

	border-radius:
		5px;
}

@media (min-width: 768px) {
	.line-hihglight {
		padding: 4px 5px;
		display: inline-block;
		background: linear-gradient(0deg, #2203ff 0%, #009FFF 100%);

		background-image: linear-gradient(45deg, rgb(0, 86, 254) 0%, rgb(0, 214, 253) 100%);
		border-radius: 5px;
	}
}

.making-box {
	border: 1px dashed #00FFF0;
	border-radius: 10px;
	display: inline-block;
	padding: 1px 40px;
}

.effect-5 {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.effect-5::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 14px;
	left: 50%;
	bottom: 20px;
	background-color: #F228C6;

	z-index: -1;
	transform: translateX(-50%);
}

.text-gradient-clr {
	background: linear-gradient(90deg, #01FFFF 0.01%, #9BADFF 41%, #9BADFF 68%, #FA00FF 99.99%);
	background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
	background-clip: border-box;
	background-image: linear-gradient(90deg, rgb(1, 255, 255) 0.01%, rgb(155, 173, 255) 41%, rgb(155, 173, 255) 68%, rgb(250, 0, 255) 99.99%);
	background-clip: border-box;
	background-image: linear-gradient(90deg, #BDFF00 0%, #00FED0 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bg-grediount {
	background: linear-gradient(90deg, rgb(5, 208, 251) 0%, rgb(6, 208, 250) 100%);
	padding: 0px 8px;
	display: inline-block;
	margin: 5px 0 5px 0;
	border-radius: 5px;
}

.more-section {
	background-color: rgb(197, 172, 255);
	background-size: cover;
	padding: 70px 0 0px 0;
}

@media (min-width: 768px) {
	.more-section {
		padding: 70px 0 0px 0;
	}
}

.much-contant {
	background-color: #FEFEFF4D;
	padding: 10px 20px;
	border-radius: 0px;
	border: 1px dashed;
}

@media (max-width: 768px) {
	.step-section {
		padding:
			30px 5px 30px 5px;
	}

	.stepcardbox {
		padding:
			5px 15px;
	}
	.hedline1 {
	

		display: inline-block;
		border-radius:
	  20px !important;
		padding:
	  6px 10px !important;
	}
}

@media (max-width: 576px) {
	.effect-2::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 5px !important;
		left: 50%;
		bottom: 4px !important;
	}
	.stunning-box2 {
		padding:
	  5px 20px 30px 20px !important;
		border-radius:
	  20px;
	  }
	  .stunning-box1 {
		padding:
	  5px 20px 30px 20px !important;
		border-radius:
	  20px;
	  }
	  .match-tool-description {
		border-radius:
	  20px;
	  }
	  .match-point {
		border-radius:
	20px;
	  }
	  .match-tool-description2 {
		border-radius:
	  20px;

	  }
}
.TextShadow2 {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.access{
background: url(../images/access.png) no-repeat center top;
    background-size: cover;
    color: #000;
    padding: 50px 0;
}

 .recap {
  background-color: #fefefe;
  box-shadow: 3px 10px 41px -14px rgba(0, 0, 0, 0.69);
  padding: 30px 25px;
  border: 1px solid #c2fdc6;
  border-radius: 30px;
  border-width: 10px;
  margin-bottom: 50px;
}