body {
    background-color: #fff;
    font-family: 'Karla', sans-serif !important; 
  }
  a
  {
      text-decoration: none;
  }
  ul
  {
      list-style-type: none;
      margin: 0px !important;
      padding-left: 0px !important;
  }
  
  img.hide-sticky {
      visibility: hidden; 
  }
  
  h3.heading3 {
      font-weight: bold;
      font-size: 20px;
  }
  
  .img-sm img {
      width: 30px;
  }
  
  .brand-wrapper {
      position: relative;
  }
  .intro-content-wrapper
  {
      position: relative;
  }
  h2.sm-title {
      font-size: 18px;
      border-bottom: 1px solid rgba(244 244 244 / 47%);
      padding-bottom: 12px;
  }
  /* #logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; } */
  
  
  .board {
      padding: 30px 45px;
          background-color: #eee;
  
  }
   label.custom-control-label {
      font-size: 14px !important;
  }
  
  form.form-reset {
      padding-top: 50px;
  }
  .brand-wrapper.non-lg {
      display: none;
  }
  
  img.logo-2 {
      display: none;
  }
  .fix_menu_top img.logo-2
  {
  display: block;
  }
  .fix_menu_top img.logo
  {
  display: none;
  }
  
  section.main-banner {
      width: 100%;
      min-height: 620px;
      background-color: #ddd;
      background-image: url('../img/bg-4.jpg');
      background-size: cover;
      background-position: center;
  
      position: relative;
  }
  .nav-change {
      position: fixed !important;
      width: 100%;
      background-color: transparent !important;
      z-index: 10;
      top: 0;
      padding: 25px 0px !important;
  }
  .banner-content {
      padding-top: 200px;
      border-bottom: 1px solid #fff;
      /* z-index: 1; */
  }
  section#top-courses {
      background-color: #f6f6f6;
  }
  .ul-link li a {
      color: #fff !important;
      padding-left: 20px !important;
  }
  .banner-content p { 
      color: #fff;
  }
  .banner-content h1 {
      color: #fff;
      font-size: 45px;
      padding-bottom: 15px;
  }
  .banner-btn .btn {
      background-color: #fff;
        padding: 13px 32px 13px 32px !important;
      border: 1px solid #fff !important;
      font-weight: 500;
  }
  .banner-btn .btn:hover {
      background-color: #000 !important;
      color: #fff !important;
      border: 1px solid #fff !important;
  }
  .btn-blue {
      padding: 6px 25px 6px 25px !important;
      background-color: #6777ef !important;
      border: 0px !important;
   transition: all 10s ease-in-out;
   color: #fff;
   border: 1px solid #6777ef  !important;
  }
  .btn-blue:hover
  {
        background-color: #fff !important;
      color: #6777ef !important;
          border: 1px solid #6777ef  !important;
    }
  
  .fix_menu_top {
      background-color: #fff !important;
      padding: 5px 0px !important;
          box-shadow: 0px 4px 20px rgb(5 47 97 / 8%);
              -webkit-box-shadow: 0px 4px 20px rgb(5 47 97 / 8%);
                  -moz-box-shadow: 0px 4px 20px rgb(5 47 97 / 8%);
  }
  .fix_menu_top ul li a {
      color: #333 !important;
  }
  .padding {
      padding: 65px 0px;
  }
  .tech-icon {
      text-align: center;
      margin-bottom: 20px;
      background-color: #fff;
      padding: 20px 0px;
      min-height: 200px;
      overflow: hidden;
      transition: .3s ease;
  }
  .dash{
      box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
  }
  section#top-courses a {
      color: #6777ef;
  }
  .tech-icon h4 {
      font-size: 16px;
  } 
  .tech-icon img {
      width: 60px;
      height: 60px;
      padding-bottom: 5px;
      object-fit: contain;
      -webkit-object-fit: contain;
      -moz-object-fit: contain;
      margin-bottom: 14px;
  }
  section.curriculum{
      background-color: #fff;
  }
  .curriculum-tech {
      padding: 50px;
  } 
  .btn-tech .btn {
      width: 100%;
      background-color: #6777ef !important;
      text-align: left;
      padding: 13px 10px 13px 25px !important;
      margin-bottom: 12px;
      font-weight: 600;
      color: #ffff;
          border: 1px solid #6777ef !important;
  }
  .div-text p {
      color: #ece7e7;
      max-width: 600px;
      margin: auto;
  }
  .btn-tech .btn:hover
  {
      background-color: #fff !important;
      color: #333 !important;
  }
  .img-code img {
      border-radius: 6px;
  }
  h2.h2-title {
      font-weight: 600;
      font-size: 28px;
  }
  .h45-title{
  font-size: 40px;
  }
  .btn-tech a i {
      padding-right: 6px;
  }
  section.creat-account {
      background-color: #111112;
      padding: 100px 0px;
  }
  .div-text h3 {
   color: #fff;
      font-size: 38px;
      margin-bottom: 20px;
  }
  section.footer p {
      margin: 0px !important;
      color: #fff;
  }
  section.footer {
      background-color: #111112;
      padding: 20px 0px;
      /* position: absolute; */
      bottom: 0;
      left: 0;
      right: 0;
  }
  .div-text {
      max-width: 900px;
      margin: auto;
  }
  .tech-icon:hover {
  box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
  }
  .tech-name {
      padding: 35px;
  }
  .tech-img {
      text-align: center;
      box-shadow: 0px 2px 5px #ddd;
      -webkit-box-shadow: 0px 2px 5px #ddd;
      -moz-box-shadow: 0px 2px 5px #ddd;
      padding: 12px;
      min-height: 95px;
      margin-bottom: 15px;
  }
  .tech-img img {
      max-width: 75px;
      margin: auto;
  }
  .tech-box {
      background-color: #fff;
      padding: 30px;
  }
  .tech-name p {
      font-size: 14px;
      font-weight: 600;
  }
    
  @media(max-width: 768px)
  {
      div#collapsibleNavbar {
      background-color: #333;
      padding: 10px;
  }
  .btn-blue {
      margin-top: 10px;
  }
  .ul-link li a {
      padding-left: 0px !important;
  }
  button.navbar-toggler.collapsed {
      border: 0px !important;
  }
  .banner-content {
      padding-top: 130px;
      border-bottom: 1px solid #fff;
  }
  }
  
  .h45-title{
      font-size: 45px;
      margin-top: 8%;
  }
  .tech-box{
      margin-top: 4%;
  }
  
  
  
  
  h2.heading-2 {
      font-size: 20px;
      color: #333;
  }
  .coures-name h2 {
      font-size: 17px;
      color: #333;
  }
  ul.ul-in li {
      float: left;
      width: 20%;
      text-align: center; 
  }
  ul.ul-in {
      padding-left: 0px !important;
          margin: 0px !important;
  }
  ul.ul-in li a i {
      font-size: 20px;
      color: #717171;
      padding-bottom: 8px;
  }
  ul.ul-in li a {
      color: #757575;
      font-size: 14px;
  }
  h3.heading3 {
      font-size: 17px;
      color: #333;
  }
  .box-tech img {
      width: 40px;
      padding-bottom: 12px;
  }
  .box-tech {
      border: 1px solid #ddd;
      padding: 20px;
      margin-bottom: 30px;
  }
  .box-tech .btn {
      font-size: 14px;
      background-color: #6777ef;
      margin-top: 10px;
      color: #fff;
      border: 1px solid #6777ef;
  }
  
  h3.title-logo {
      font-size: 17px;
      color: #333;
  }
  div#v-pills-tabContent {
      padding-left: 30px;
      padding-right: 30px;
  }
  .tab-content-in h3 {
      font-size: 21px;
      color: #333;
  }
  .tab-content-in p {
      font-size: 14px;
  }
  .tab-in a {
      border: 1px solid #ddd;
      border-radius: 3px !important;
      padding-top: 12px;
      padding-bottom: 12px;
      color: #6777ef;
      font-size: 14px;
      margin-bottom: 15px;
  }
  .tab-in a:hover {
      color: #6777ef !important;
  }
  .tab-in .active {
      background-color: #6777ef !important;
  }
  

  /* new css code super admin..........*/
  .input-icon.input-date input {
      border: 0px !important;
      width: 100%;
      padding: 0px 10px;
  } 

  .comment-card .card-header h6 {
      color: #fff !important;
  } 
  
  
  
  
  
  /* footer css */
  
  
  
  .footing {
      background-color: #111112;
      padding: 70px 0px;
  }
  .text-heading h3 {
      color: #fff;
      font-size: 28px;
  }
  hr.hr-line {
      border-color: #fff !important;
      margin-top: 40px !important;
  }
  .s-icon{
      color: #fff;
  }
  .icon-i i {
      font-size: 25px;
      color: #6777ef;
  }
  ul.s-icon li {
      float: left;
      margin-right: 15px;
  }
  .s-icon :hover{
  color: #6777ef;
  }
  ul.s-icon {
      padding-left: 0px !important;
      list-style-type: none;
  } 
  ul.s-icon li a i {
      color: #fff;
      margin-right: 14px;
  }