.Services-grid {

    background: transparent;

    padding: 100px 0px;

    padding-bottom: 80px;

}
.glow {
  background: #ffffff;


  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: block;

  width: 300px;

  height: 300px;

  margin: auto;

  border-radius: 50%;

  z-index: -1;

  animation: animButton 1.5s ease-out infinite;
}
/* .image__Content::after {
  left: 50% !important;
} */
.image__ContentHeader img {
    
    /*   width: 350px !important;*/

    width: 60vh !important;
   

  margin-right: 0px !important;
  margin-left: 0;
}
.Services-grid .shape01, .Services-grid .shape02 {

    top: 0;

}

.Services-grid .servOne .icon {

    margin-bottom: 15px;

}
.footer_Logo img {
  position: relative;
  right: -50px;
}
.Services-grid  .servOne .info .title {

    font-size: 24px;

    font-weight: 500;

    color: var(--black-colr);

    padding: 10px 0 15px 0;

}

.Services-grid .servOne .info .text {

    font-size: 18px;

    font-weight: 400;

    color: var(--gray-01-color);

    line-height: 1.8;

    max-width: 243px;

    margin: auto;

}

.Services-grid  .servOne {

    margin-bottom: 20px;

}

.products-grid {

    background: var(--bg-color);

}

.products-grid .main_title {

    width: 100%;

    text-align: center;

}

.products-grid .section__title .text {

    text-align: center;

    width: 100%;

    max-width: initial;

    font-size: 29pt;

    color: white

}

.products-grid .section__title .title {

    font-weight: 500;

    color: white;

    opacity: 0.9;

}

.products-single-grid {

    background: white;

}

.edu-instructor-1 {

    text-align: center; }

    .edu-instructor-1 .edu-instructor {

      border-radius: 100%;

      position: relative;

      z-index: 2;

      transition: 0.3s; }

      .edu-instructor-1 .edu-instructor::after {

        position: absolute;

        content: "";

        left: 0;

        top: 0;

        background-image: url(../images/instructor/border-shape.png);

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center center;

        width: 100%;

        height: 100%;

        transition: 0.5s all; }

      .edu-instructor-1 .edu-instructor .inner {

        position: relative;

        padding: 20px; }

        .edu-instructor-1 .edu-instructor .inner .thumbnail a {

          display: block;

          position: relative; }

          .edu-instructor-1 .edu-instructor .inner .thumbnail a::after {

            background: var(--color-dark);

            position: absolute;

            content: "";

            left: 0;

            top: 0;

            width: 100%;

            height: 100%;

            border-radius: 100%;

            opacity: 0;

            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

          .edu-instructor-1 .edu-instructor .inner .thumbnail a img {

            width: 100%;

            border-radius: 100%; }

        .edu-instructor-1 .edu-instructor .inner .team-share-info {

          position: absolute;

          top: 50%;

          left: 50%;

          transform: translateX(-50%) translateY(-50%);

          z-index: 2; }

          .edu-instructor-1 .edu-instructor .inner .team-share-info a {

            display: inline-block;

            opacity: 0;

            visibility: hidden;

            transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);

            transform: translateY(8px) scale(0.8); }

            .edu-instructor-1 .edu-instructor .inner .team-share-info a:nth-child(1) {

              transition-delay: .07692s; }

            .edu-instructor-1 .edu-instructor .inner .team-share-info a:nth-child(2) {

              transition-delay: .15385s; }

            .edu-instructor-1 .edu-instructor .inner .team-share-info a:nth-child(3) {

              transition-delay: .23077s; }

    .edu-instructor-1 .edu-instructor-info {

      margin-top: 25px; }

      .edu-instructor-1 .edu-instructor-info .title {

        margin-bottom: 5px; }

      .edu-instructor-1 .edu-instructor-info .desc {

        display: inline-block;

        color: gray;

        font-weight: 500;

        font-size: 16px;

        transition: 0.4s; }

    .edu-instructor-1:hover .edu-instructor::after {

      transform: rotate(90deg); }

    .edu-instructor-1:hover .edu-instructor .team-share-info a {

      opacity: 1;

      visibility: visible;

      transform: translateY(0); }

    .edu-instructor-1:hover .edu-instructor .inner .thumbnail a::after {

      opacity: 0.4; }

    .edu-instructor-1:hover .edu-instructor-info .desc {

      color: gray; }

      .eduvibe-about-one-team {

        padding: 100px 0px;

        padding-bottom: 85px;

      }

      .edu-instructor-1:hover .edu-instructor .inner .thumbnail a::after {

        opacity: 0.4;

    }

    .edu-instructor-1 .edu-instructor .inner .thumbnail a::after {

        background: var(--color-dark);

        position: absolute;

        content: "";

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        border-radius: 100%;

        opacity: 0;

        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

    }

    .team-share-info {

        margin: -3px; }

        .team-share-info a {

          width: 34px;

          height: 34px;

          background: white;

          line-height: 38px;

          text-align: center;

          border-radius: 100%;

          font-size: 14px;

          color: #3fb3e6;

          margin: 3px;

          transition: 0.4s; }

          .team-share-info a:hover {

            background: white;

            color: #3fb3e6; }

.edu-instructor-1 {

    margin-bottom: 25px;

}

.edu-instructor-1 .edu-instructor-info .title a {

    color: #333;

    font-size: 16pt;

}

.project-details {

    padding: 75px 0px;

}

.project-details-body img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

    border-radius: 8px;

    margin-bottom: 15px;

}

.project-details-body p {

    font-size: 12pt;

    color: gray;

    line-height: 1.9;

    margin-bottom: 15px;

}

.project-details-body h2 {

    font-size: 18pt;

    margin-bottom: 20px;

    color: #333;

}

.project-details-body h2 i {

    margin-left: 5px;

}

.project-actions {

    width: 100%;

}

.project-actions a {

    display: block;

    width: 100%;

    background: #3fb3e6;

    color: white;

    padding: 15px;

    border-radius: 6px;

    font-size: 12pt;

    margin-bottom: 10px;

    text-align: center;

    font-weight: 600;

}

.project-actions a i {

    margin-left: 5px;

}

.servOne .icon img {

  display: block;

  width: auto;

  height: 70px;

  margin: 0 auto;

}

.footer .all__footer .footerOne .subscribe input {

  color: black;

}

.pagination {

  display: inline-block;

}



.pagination li {

  color: black;

  float: right;

  text-decoration: none;

  font-size: 12pt;

 

}

.pagination li span {

  padding: 8px 16px;

  display: block;

}  

.pagination li a {

  padding: 8px 16px;

  display: block;

}

.pagination li.active {

  background-color: #3fb3e6;

  color: white;

}



.pagination li:hover:not(.active) {background-color: #ddd;}

.pagination li {

  border-radius: 5px;

}



.pagination li.active {

  border-radius: 5px;

}

.pagination li {

  transition: background-color .3s;

}

.pagination li {

  border: 1px solid #ddd; /* Gray */

}

.pagination li:first-child {

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

}



.pagination li:last-child {

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

.pagination li {

  margin: 0 4px; /* 0 is for top and bottom. Feel free to change it */

}

.newsletter-success {

  background: green;

  color: white;

  font-size: 11pt;

  padding: 15px;

  border-radius: 4px;

  margin: 10px 0px;

  display: none;

}
.btnHead {
  cursor: pointer;
}

#mode-btn {

  background-color: #2b2b2b;

  border: 1px solid #5c5c5c;

  transition: .3s;

  color: white;

  /* padding: 5px 10px; */

  border: none;

  border-radius: 50%;

  width: 27px;

  height: 27px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 10px;

  font-size: 12pt;

}
.logoLink img {
  max-height: 50px; 
}
.content__Header .content__Info .btnHead a {
  display: block;
}
.content__Header .content__Info .textInfo {
  min-height: 87px;
}
.typed-cursor {
  display: none !important;
}
.mainPortOne {
  height: 100%;
}
.btnMore a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 30px;
}
.btnMore {
  padding: 0;
}

@media screen and (max-width:1200px) {
  .content__Info {
    max-width: 400px;
    min-width: auto
  }
  .image__ContentHeader img {
    width: 50vh !important;
  }
}
@media screen and (max-width: 768px) {

  .video {
    width: 95%;
  }
  .video iframe {
    width: 100%;
  }

  .image__ContentHeader img { 
    height: auto !important;
    width: 90% !important;
  }
    .content__Header .imgProject {

        flex: 100%;

        max-width: 300px;

    }

    .edu-instructor-1 .edu-instructor {

        max-width: 200px;

        margin: 0 auto;

    }
    .footer_Logo img {
      right: 0 !important;
    }

}