p{
  color: black !important;
}


.road-map-main {
     margin: 50px 0 51px;
    .road-map-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 175px;
    @media (max-width: 991px) {
      margin-bottom: 25px;
      height: auto;
      display: block;
    }

    &::before {
      content: "";
      width: 100%;
      clear: both;
      display: block;
    }
    &::after {
      content: "";
      width: 100%;
      clear: both;
      display: block;
    }
    .road-map-circle {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 25px solid transparent;
      border-top-color: #7ad79b;
      border-right-color: #7ad79b;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transform: rotate(45deg);
      @media (max-width: 992px) {
        position: unset;
        border: 25px solid #7ad79b;
      }
      .road-map-circle-text {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: #7bdcb5;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        text-transform: capitalize;
        color: #fff;
        box-shadow: 0px 0px 10px 5px #00000021;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-45deg);
      }
    }
    .road-map-card {
      width: 35%;
      // float: right;
      background: #7ad79b;
      padding: 20px 20px;
      z-index: 1;
      position: absolute;
      right: 0;
      border-radius: 5px;
      &::before {
        content: "";
        width: 26%;
        height: 20px;
        background: #7ad79b;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -26%;
        z-index: -1;
      }
      @media (max-width: 991px) {
        width: 100%;
        margin-top: 30px;
        position: unset;
        &::before {
          content: "";
          width: 20px;
          height: 30%;
          top: 50%;
          transform: translateX(-50%);
          left: 50%;
        }
      }
      @media (max-width: 425px) {
        top: 45%;
      }
      .card-head {
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 15px;
        color: #fff;
      }
      .card-text {
        color: #fff;
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        @media (max-width: 1199px) {
          -webkit-line-clamp: 4;
        }
      }
    }
    &:nth-of-type(even) {
      .road-map-circle {
        border-bottom-color: #7ad79b;
        border-left-color: #7ad79b;
        border-top-color: transparent;
        border-right-color: transparent;
        @media (max-width: 991px) {
          border-color: #7ad79b;
        }
      }
      .road-map-card {
        float: left;
        left: 0;
        &::before {
          right: -26%;
          left: unset;
          @media (max-width: 991px) {
            &::before{
            content: "";
            width: 20px;
            height: 30%;
            top: 50%;
            transform: translateX(-50%);
            left: 50%;
            }
          }
          @media (max-width: 425px) {
            top: 45%;
          }
        }
      }
    }
  }
}


/*Slider--------------------------------*/ 
        @keyframes scroll {
          0% {
            transform: translateX(0);
          }
          100% {
            transform: translateX(calc(-250px * 7));
          }
        }
        .slider {
        /*   background: white;
          box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125); */
          height: 200px;
          margin: auto;
          overflow: hidden;
          position: relative;
          width: 960px;
        }
        .slider::before, .slider::after {
        /*   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); */
          content: "";
          height: 100px;
          position: absolute;
          width: 200px;
          z-index: 2;
        }
        .slider::after {
          right: 0;
          top: 0;
          transform: rotateZ(180deg);
        }
        .slider::before {
          left: 0;
          top: 0;
        }
        .slider .slide-track {
          animation: scroll 40s linear infinite;
          display: flex;
          width: calc(250px * 14);
        }
        .slider .slide {
          height: 100px;
          padding-left: 20px;
        }

        .tede{
            width: 70%;
            margin-left: auto;
            margin-right: auto;
        }
        .tede p {
            text-align: justify;
        }
        .testi{
            padding:0px 50px !important;
        }
        .testi img{
            width: 100%;
        }
        .slide img{
            width: 100% !important;
        }
        .slide h5{
            text-align: center;
        }
        th{
            font-weight: 600;
            font-size: 18px;
        }
        .edu-button{
          display: flex;
          justify-content: space-evenly;
          margin-top: 30px;
        }

/* text align----------------------------*/
        .text-justify{
            text-align: justify;
        }
/*   Home-page-banner     */

.elementor-13480 .elementor-element.elementor-element-dbcab9a:not(.elementor-motion-effects-element-type-background), 
.elementor-13480 .elementor-element.elementor-element-dbcab9a > .elementor-motion-effects-container > 
.elementor-motion-effects-layer {
    background-color: #E1000F !important;
}
.pre-heading{
  color: #64aa23;
}
.elementor-13480 .elementor-element.elementor-element-16d999e:not(.elementor-motion-effects-element-type-background), .elementor-13480 .elementor-element.elementor-element-16d999e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(-90deg, #221c41 0%, #E1000F 100%) !important;}





#slider, #ul
{
  height: 400px;
}

#slider
{
  margin: auto;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
  width: 600px;
}

#slider li
{
  float: left;
  position: relative;
  width: 600px;
  display: inline-block;
  height: 200px;
}

#slider ul
{
  list-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 9000px;
  transition: left .2s linear;
  -moz-transition: left .2s linear;
  -o-transition: left .2s linear;
  -webkit-transition: left .2s linear;
  margin-left: -25px;
  color: #666;
}

/*** Content ***/

.slider-container
{
  color:#000;
  margin: 0 auto;
  padding: 0;
  width: 550px;
  min-height: 180px;
  text-align:justify;
}


/*** target hooks ****/

@-webkit-keyframes slide-animation {
  0% {opacity:0;}
  2% {opacity:1;}
  20% {left:0px; opacity:1;}
  22.5% {opacity:0.6;}
  25% {left:-600px; opacity:1;}
  45% {left:-600px; opacity:1;}
  47.5% {opacity:0.6;}
  50% {left:-1200px; opacity:1;}
  70% {left:-1200px; opacity:1;}
  72.5% {opacity:0.6;}
  75% {left:-1800px; opacity:1;}
  95% {opacity:1;}
  98% {left:-1800px; opacity:0;} 
  100% {left:0px; opacity:0;}
}

#slider ul
{
  -webkit-animation: slide-animation 20s infinite;
}

#slider ul:hover
{
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
#slider h3{
  font-size: 35px !important;
  font-weight: 900;
  color: white;
}
@media (max-width: 767px){
#slider p{
    width: 330px;
    margin-left: 0px;
}
#slider h3{
  font-size: 25px !important;
  padding:5px;
  width: auto;
  font-weight: 900;
}
}