p {
  font-size: 1.1rem;
}

.img-sm-left {
  width: 70px;
  margin-right: 10px;
  float: left;
  clear: both;
}

.img-avatar {
  border-radius: 50%;
  float: left;
  clear: both;
  margin-right: 15px;
  background-color: #fcfcfc;
}

.center-align {
  margin-top: auto;
  margin-bottom: auto;
}

.logo {
  width: 80px;
}

.text-light {
  color: #fff;
}

.carousel-item {
  height: 65vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.navbar-custom {
  background: rgba(115, 0, 134, 1);
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, rgba(115, 0, 134, 1), rgba(66, 0, 90, 1));
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(115, 0, 134, 1), rgba(66, 0, 90, 1));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #ffffff;
}

/* change the brand and text color */

/* change the link color */

/* change the color of active or hovered links */



.light-grey {
  background-color: #e2e2e2;
}

.purple-bg {
  background: rgba(115, 0, 134, 1);
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, rgba(115, 0, 134, 1), rgba(66, 0, 90, 1));
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgba(115, 0, 134, 1), rgba(66, 0, 90, 1));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #ffffff;
}

.purple {
  background-color: #730086;
  text-decoration: none;
  color: #D6D8C9;
  a {
    &:link, &:hover, &:visited {
      text-decoration: none;
      color: #D6D8C9;
    }
  }
}

.footer-copyright {
  background-color: #000;
}

.btn-purple {
  color: #ffffff !important;
  background-color: #730086 !important;
  &:hover, &:focus, &:active, &.active {
    color: #ffffff;
    background-color: #42005A !important;
  }
}

.open .dropdown-toggle.btn-purple {
  color: #ffffff;
  background-color: #42005A !important;
}

.btn-purple {
  &:active, &.active {
    background-image: none;
  }
}

.open .dropdown-toggle.btn-purple {
  background-image: none;
}

.btn-purple {
  &.disabled, &[disabled] {
    background-color: #730086;
  }
}

fieldset[disabled] .btn-purple {
  background-color: #730086;
}

.btn-purple {
  &.disabled:hover, &[disabled]:hover {
    background-color: #730086;
  }
}

fieldset[disabled] .btn-purple:hover {
  background-color: #730086;
}

.btn-purple {
  &.disabled:focus, &[disabled]:focus {
    background-color: #730086;
  }
}

fieldset[disabled] .btn-purple:focus {
  background-color: #730086;
}

.btn-purple {
  &.disabled:active, &[disabled]:active {
    background-color: #730086;
  }
}

fieldset[disabled] .btn-purple:active {
  background-color: #730086;
}

.btn-purple {
  &.disabled.active, &[disabled].active {
    background-color: #730086;
  }
}

fieldset[disabled] .btn-purple.active {
  background-color: #730086;
}

.btn-purple .badge {
  color: #730086;
  background-color: #ffffff;
}

.custom-toggler {
  &.navbar-toggler {
    border-color: rgb(240, 240, 223);
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(240, 240, 223, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }
}

.list-group-item-action{
  color: #fff;
}
.list-group-item-action:hover{
  color: #fff;
}

/* Responsive header CSS - Started */
    /* Header */
    #header {
      background: linear-gradient(to right,rgba(115,0,134,1),rgba(66,0,90,1));
      color: #fff !important;
      font-weight: 600;
      font-size: 1.1rem;
      min-height: 120px;

      .header-top {
        .navbar {
          min-height: 70px;
          max-height: unset;
          padding: 0rem 1rem;
          width: 100%;
          .nav-drawer-toggle {
            button {
              padding: 10px;
            }
          }
        }

        .d-inline-block {
          .nav-link {
            color: #fff;
          }
        }
        .header-logo {
          img {
            max-height: 65px;
          }
        }

        .custommenu-header {
          li a {
            color: #fff;
          }
        }

        .pluginmenu {
          .icon {
            color: #fff;
          }
          .popover-region-container {
            color: #000 !important;
          }
        }
        .usermenu {
          .dropdown-toggle::after {
            color: #fff;
          }
          .login {
            a{
              color: #fff !important;
              font-weight: bold;
              display: inline-block;
            }
          }

          .userbutton{
            color: #fff;
          }
        }
      }

      .header-bottom {
        color: white;
        font-size: 1.1rem;
        font-weight: 600;
        background-color: #1daedb;

        .navbar-nav {
          li {
            a {
              color: #ffffff;
              &:hover, &:focus {
                color: #fff;
                background-color: rgba(255, 255, 255, 0.5);
                text-decoration: none;
              }
            }
          }
        }

        #catsmenu {
          box-shadow: none !important;
          -moz-box-shadow: none !important;
          -o-box-shadow: none !important;
          -webkit-box-shadow: none !important;
        }

        #cat_menu_order {
          color: #730086;
          border: solid 1px #730086;
        }

        ul {
          .learningfor {
            .btn {
              font-size: 1vw;
              font-weight: 600;
              background: #1daedb;
              border-color: #1daedb;
            }
            .learning {
              padding: 15px;
              color: #fff;

              .learning-format{
                a{
                  padding-left: 5px;
                  color: #fff;
                }
              }
            }
          }
        }
        .coursesearch {
          .input-group-lg > .form-control:not(textarea) {
            height: calc(1.5em + .5rem + 2px);
          }
          .input-group-lg > .input-group-append > .btn {
            padding: 0rem 1rem;
          }
        }
      }

      .navbar-custom {
        background: #1daedb;
        /* fallback for old browsers
        background: -webkit-linear-gradient(to right, rgba(115, 0, 134, 1), rgba(66, 0, 90, 1));
        /* Chrome 10-25, Safari 5.1-6
        background: linear-gradient(to right, rgba(115, 0, 134, 1), rgba(66, 0, 90, 1));
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        color: #ffffff;
        .navbar-brand, .navbar-text, .navbar-nav .nav-link {
          color: #fff;
        }
        .nav-item {
          &.active .nav-link, &:hover .nav-link {
            color: #ffffff;
          }
        }
        .dropdown-menu {
          background-color: #42005A;
        }
        .dropdown-item {
          color: #ffffff;
          &:hover, &:focus {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.5);
          }
        }
      }
    }


    #nav-drawer{
      background: #17141f;
      top: 120px;
    }


    /* Slider */
    .carousel-caption .lead a {
      border: solid 1px #fff;
      box-shadow: #000 1px 1px 8px !important;
      background: #730086;
      color: #fff;
      border: solid 1px #730086;
    }

    .carousel-caption .lead a:hover{
      background: transparent;
      color: #730086;
      border: solid 1px #fff;
    }
    .d-md-block h3{
      font-family: 'Open Sans', sans-serif;
    }

    .display-4 {
      /*Option 1
      -webkit-box-shadow: rgba(66, 0, 90, .8) 0px 5px 40px !important;
      box-shadow: rgba(66, 0, 90, .8) 0px 5px 40px !important;

      /* Option 2 */
      text-shadow: rgba(66,0,90,.8) 5px 2px 2px;
      font-size: 3.2rem;
    }

/* Media Scroll CSS */

    #mediascroll {

      #channels {
        width: 100%;
      }
    }


    /* Free Consultation CSS */
  .free-consultation-wrapper{
    inset: auto 15px 15px auto;
    bottom: 5%;
    width: 20vw;
    max-width: 200px;
    height: 20vw;
    max-height: 200px;
    padding: 2.0vw 1.2vw;
    /*overflow: hidden;*/
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    right: 3%;
    z-index: 999;

    .free-consultation {
      position: relative;
      width: 20vw;
      max-width: 200px;
      height: 20vw;
      max-height: 200px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: red;
      border-radius: 50%;
      z-index: 999;
      right: 7%;

      span:nth-child(1){
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
        transition: 0.5s;
        animation: animate 6s linear infinite;
      }

      span:nth-child(2){
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
        transition: 0.5s;
        animation: animate2 4s linear infinite;

      }

      span:nth-child(3){
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
        transition: 0.5s;
        animation: animate3 10s linear infinite;

      }
      .content{
        position: relative;
        padding: 3vw;
        overflow: hidden;
        color: #fff;
        text-align: center;
        transition: 0.5s;
        z-index: 1000;
        a{
          position: relative;
          display: inline-block;
          margin-top: 10px;
          border: 1px solid #fff;
          text-decoration: none;
          color: #fff;
        }
      }

      h5 {
        /* Laptop */
        font-weight: bolder;
        font-size: 1.0vw;
        margin-bottom: 1vw;
      }

      p {
        /*Laptop */
        margin-bottom: 1vw;
        font-size: .8vw;
      }

      a {
        /* Laptop */
        font-weight: bold;
        display: inline-block;
        color: #fff;
        background: linear-gradient(to right,#730086,#42005a);
        border: solid .1vw;
        padding: .2vw .4vw;
        height: 2.2vw;
        font-size: 1vw;
        max-height: 33px;
        border-radius: .3vw;
      }
    }
  }


  .free-consultation:hover span:nth-child(1){
    background: rgba(0,0,255,0.8);
    border:none;
  }
  .free-consultation:hover span:nth-child(2){
    background: rgba(0,0,255,0.8);
    border:none;
  }
  .free-consultation:hover span:nth-child(3){
    background: rgba(0,0,255,0.8);
    border:none;
  }


  @keyframes animate {
    0%{
      transform: rotate(0deg);
    }
    100%{
      transform: rotate(360deg);
    }
  }
  @keyframes animate2 {
    0%{
      transform: rotate(360deg);
    }
    100%{
      transform: rotate(0deg);
    }
  }
  @keyframes animate2 {
    0%{
      transform: rotate(0deg);
    }
    100%{
      transform: rotate(360deg);
    }
  }

  /* Login page CSS */
  #page-login-index .card {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
  }

/* for dropdown only - change the color of droodown */

.dropdown-submenu {
  position: relative;
  > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
  }
  &:hover {
    > .dropdown-menu {
      display: block;
    }
    > a:after {
      border-left-color: #fff;
    }
  }
  > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
  }
  &.pull-left {
    float: none;
    > .dropdown-menu {
      left: -100%;
      margin-left: 10px;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px;
    }
  }
}


/* Responsive header CSS - Ended */
/* Old CSS in enhancements.docx file in client data/tilda folder */

/*css for fornt page cards*/
.card-text:last-child{
  overflow: hidden;
}

/** CSS for Partners **/

#partners {

  .partnerscard {
    p {
      text-align: center;
    }
  }

  .card {
    .carousel-inner{
      height: 210px;
    }
    height: 100%;
  }
  
  #partnerslider{
    padding: 10px;

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      height: 100px;
      width: 100px;
      background-size: 100%, 100%;
      background-image: none;
    }

    .carousel-control-next-icon:after
    {
      content: '>';
      font-size: 55px;
      font-weight: 600;
      color: red;
    }

    .carousel-control-prev-icon:after {
      content: '<';
      font-size: 55px;
      font-weight: 900;
      color: red;
    }

    img {
      height: 75px;
      width: auto;
    }
  }
}
@media (max-width: 575.98px) {
  #partners {
    .carousel-inner {
      height: 440px !important;
    }
  }
}
@media (max-width: 767.98px) {
  .panel {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

/** CSS for Carousal **/
.homepage-carousel {
  margin-top: 120px;
}

#page {
  margin-top: 120px;
}

#page-site-index #page {
  margin-top: 50px;
}