/*****************************************************************
 * File Name: sp_globals.scss
 * --------------------------------
 * 
 * The scss content of this file gets converted to css and then
 * added to public/css/sp_globals.css
 * after running any of the following command:
 * npm run dev
 * or
 * npm run prod
 *
 *****************************************************************/

/* sp_globals.scss START */

/* CSS for Spinner present in sp_spinner.blade.php file */

.whole-page-overlay {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100% !important;
  z-index: 1050;
  /*display: none;*/
}

.spinner-img {
  z-index: 1070;
  background-color: white;
  border-radius: 8pt;
  padding-top: 4pt;
  padding-bottom: 4pt;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

i.circle-trash-icon {
  display: inline-block;
  border-radius: 60px;
  -webkit-box-shadow: 0px 0px 2px #888;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.6em;
  background-color: #f52626;
  color: white;
  font-size: medium;
  border: 1px solid white;
}

a.sp-link {
  color: #0056b3;
  text-decoration: underline;
}

/* header banner css changes start */

/* Quote button style */

.bt1 {
  margin-top: 60%;
  width: 15vw;
  font-size: 1.5vw;
}

@media only screen and (max-width: 650px) {
  .bt1 {
    margin-top: 20%;
    margin-left: 0%;
    width: 15vw;
  }
}

.bt1 a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

.bt1:hover {
  background-color: #000;
}

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* create first qoute submit button start */

bt2:hover {
  background-color: #000 !important;
}

/*Menu Hover*/

/* The switch - the box around the slider */

.mhn-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}

/* Hide default HTML checkbox */

.mhn-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider.approve-slider {
  background-color: #28a745;
}

input:focus + .slider.approve-slider {
  -webkit-box-shadow: 0 0 1px #28a745;
  box-shadow: 0 0 1px #28a745;
}

input:checked + .slider.reject-slider {
  background-color: #c82333;
}

input:focus + .slider.reject-slider {
  -webkit-box-shadow: 0 0 1px #c82333;
  box-shadow: 0 0 1px #c82333;
}

input:checked + .slider:before {
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* --- -- --- */

/* sp_globals.scss END */

/* body section start  */

/* featured class start */

.card__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: none;
  /* transition: .5s ease; */
  background-color: #363636;
}

.lccard:hover .card__overlay {
  opacity: 1;
}

.lccard .card-footer a h6 {
  color: #0098d9;
  /* font-family: 'Hammersmith One', sans-serif; */
  letter-spacing: 1px;
}

.lccard .card-footer:hover {
  background-color: #04ce69;
}

.lccard .card-footer {
  background-color: #fff;
}

.lccard .card-footer:hover a h6 {
  color: #fff;
}

/* .lccard .card-footer .fa-shopping-cart {
              color: rgb(238, 9, 9) !important;
          }
          .lccard .card-footer:hover .fa-shopping-cart {
              color: rgb(209, 255, 2) !important;
          } */

.overlay__text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Featured Classes end */

/* Featured Class SEction start  */

.content-col2 {
  /* background-color: #fff; */
  margin-top: auto;
  margin-bottom: auto;
}

.content-col2 .slider-nav2 {
  /* background-color: #fff; */
  border-bottom: 1px solid #B4B5B8;
  height: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content-col2 .slider-nav2 .nav-item {
  color: #f6f7fa;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 1.3em;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  /* transition: border-bottom 0.5s; */
}

.content-col2 .slider-nav2 .nav-item:focus {
  outline: 0;
}

.content-col2 .slider-nav2 .nav-item.slick-slide.slick-current.slick-center {
  border-bottom: 3px solid #1afc05;
  /* transition: border-bottom 0.75s; */
}

.lccard1 {
  width: 225px;
  height: 291px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(17, 121, 239, 0.15);
  box-shadow: 0 2px 5px 0 rgba(17, 121, 239, 0.15);
  outline: none;
}

.lccard1 h5 {
  color: #f7f2f2;
  margin-top: 1%;
  /* font-family: 'Jura', sans-serif; */
}

.lccard1 .card-body {
  width: 225px;
  padding: 10px 2px 2px 2px;
  margin: 5px 0px;
  /* height: 150px; */
}

.lccard1 h6 {
  color: #000;
  /* font-family: 'Noto Serif', serif; */
  letter-spacing: 1px;
}

.lccard1 div span {
  color: #000;
  font-size: 12px;
  /* font-family: 'Nanum Gothic', sans-serif; */
}

.lccard1 .card-footer {
  padding: 2% 0%;
  width: 223px;
  border-radius: 0px 0px 10px 10px;
}

.lccard1 .card-header {
  padding: 2% 0%;
  height: 94px;
  border-radius: 10px 10px 0px 0px;
}

.lccard1 div {
  padding-top: 2px;
}

.lccard1:hover .card__overlay {
  opacity: 1;
}

.lccard1 .card-footer a h6 {
  color: #0098d9;
  padding: 0% 1%;
  letter-spacing: 1px;
  /* font-family: 'Hammersmith One', sans-serif; */
}

.lccard1 .card-footer del {
  color: #d92100;
  padding: 0% 1%;
  letter-spacing: 1px;
}

.lccard1 .card-footer:hover del {
  color: #0a0ef8;
  padding: 0% 1%;
  letter-spacing: 1px;
}

.lccard1 .card-footer:hover {
  background-color: #04ce69;
}

.lccard1 .card-footer:hover a h6 {
  color: #fff;
  padding: 0% 1%;
  letter-spacing: 1px;
}

.lccard1 .fab {
  color: #fff;
}

.lccard1 .fas {
  color: #fff;
}

.lccard1 .far {
  color: #fff;
}

.fa-rupee-sign {
  color: #000000 !important;
  padding-top: 1%;
}

/* Featured Class SEction end */

/* tab pan end */

body .owl-carousel.owl-loading {
  opacity: 1;
  display: block;
  text-align: center;
}

.framebox {
  width: 95%;
  margin: auto;
  padding-top: 10px;
}

.owl-prev,
.owl-next {
  height: 37px;
  width: 37px;
  font-size: 22px;
  display: inline-block;
  background: #03b8f0;
  color: #e0eee3;
  border-radius: 50%;
  border: 0;
  margin: 7px;
  -webkit-box-shadow: 1px 1px 2px #b8b9be, -1px -1px 2px #fff;
  box-shadow: 1px 1px 2px #b8b9be, -1px -1px 2px #fff;
}

.owl-prev:hover,
.owl-next:hover,
.owl-prev:focus,
.owl-next:focus {
  outline: none;
}

.owl-item {
  border-radius: 4px;
}

.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  padding: 78px 30px;
}

.item:hover {
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block;
  margin-top: 10px;
}

body .owl-carousel .owl-dots,
body .owl-carousel .owl-nav {
  display: block;
  margin-top: 10px;
  text-align: center;
}

body .owl-carousel .owl-dots.disabled,
body .owl-carousel .owl-nav.disabled {
  display: block;
}

.owl-dot {
  display: none;
}

@media only screen and (max-width: 600px) {
  body .owl-carousel .owl-dots,
  body .owl-carousel .owl-nav {
    margin-right: 100px;
  }
}

/* featured courses end  */

/* Top Trainers start */

@media only screen and (max-width: 600px) {
  .product-image {
    margin-left: 15%;
  }
}

/* Top Trainers end */

/* truste by business start===================================================================================================================== */

.clientcontainer {
  margin: 0% 2%;
}

.th5 {
  margin-left: 2%;
  font-family: 'Artifika', serif;
}

.client-img {
  width: 96%;
  height: 390px;
  margin-right: 2%;
}

@media only screen and (max-width: 600px) {
  .client-img {
    height: 220px;
    width: 100%;
    padding: 0 !important;
  }

  .th5 {
    margin-left: 0%;
    margin-top: 2%;
  }
}

#demo {
  margin: auto;
}

.carousel-caption {
  position: initial;
  z-index: 10;
}

@media (max-width: 767px) {
  .carousel-caption {
    position: initial;
    margin: 0% 3%;
  }
}

/* truste by business end===================================================================================================================== */

/* footer start */

.footer .contain {
  padding-top: 1%;
  /* padding-left: 1.7%; */
  margin: 0;
}

.footer {
  /* width: 100%; */
  position: relative;
  height: auto;
  background: #1d1d1d;
}

.footer .col {
  width: 310px;
  height: auto;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 20px 20px 20px;
}

.footer .col ul li i {
  color: #fff;
}

.fa-angle-double-right {
  font-size: 12px;
}

.footer .col h1 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 17px;
  padding: 20px 5px 5px 0px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.150em;
}

.footer .col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer .col ul li {
  color: #999999;
  font-size: 14px;
  padding: 5px 0px 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
}

.footer .col ul li a {
  color: #999999;
  font-size: 14px;
  padding: 5px 0px 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
}

.social ul li {
  display: inline-block;
  padding-right: 5px !important;
}

.footer .col ul li:hover {
  color: #ffffff;
}

.footer .col ul li a:hover {
  color: #ffffff;
}

.clearfix {
  clear: both;
}

@media only screen and (min-width: 1280px) {
  .contain {
    width: 1320px;
    margin: 0 auto;
    padding: 0% 5%;
  }
}

@media only screen and (max-width: 1139px) {
  .contain .social {
    width: 1000px;
    display: block;
  }

  .social h1 {
    margin: 0px;
  }
}

@media only screen and (max-width: 950px) {
  .footer .col {
    width: 33%;
  }

  .footer .col h1 {
    font-size: 14px;
  }

  .footer .col ul li {
    font-size: 13px;
  }
}

@media only screen and (max-width: 500px) {
  .footer .col {
    width: 50%;
  }

  .footer .col h1 {
    font-size: 14px;
  }

  .footer .col ul li {
    font-size: 13px;
  }
}

@media only screen and (max-width: 340px) {
  .footer .col {
    width: 100%;
  }
}

/* footer end */

/* Sidebar Section Start */

hr {
  padding: 0px;
  margin: 0px;
  background-color: #686767 !important;
}

@-webkit-keyframes navLinksFade {
  from {
    opacity: 0;
    margin-left: 0px;
  }

  to {
    opacity: 1;
    margin-left: 30px;
  }
}

@keyframes navLinksFade {
  from {
    opacity: 0;
    margin-left: 0px;
  }

  to {
    opacity: 1;
    margin-left: 30px;
  }
}

#togglenew {
  cursor: pointer;
}

#togglenew.on .one {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}

#togglenew.on .two {
  opacity: 0;
}

#togglenew.on .three {
  -webkit-transform: rotate(45deg) translate(-6px, -7px);
  transform: rotate(45deg) translate(-6px, -7px);
}

#togglenew .bar {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px;
  height: 4px;
  margin: 2px 2px;
  background-color: white;
}

#sp_sidebar {
  width: 250px;
  height: 80%;
  min-height: 42em;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  /* position: fixed; */
  top: 0;
  background: #202020;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 6.3em;
  margin-bottom: 6.3em;
  /* z-index: 1; */
}

.panel-body {
  /* margin-top: -20px; */
  background: #3d3d3d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.panel-body a li {
  color: #fff;
  border-left: 3px solid #ffdf6c;
  padding: 9px 0px !important;
}

/* removing list style and adding cursor for a tag */

.panel-collapse ul {
  list-style: none;
}

.panel-body a {
  text-decoration: none;
  cursor: pointer !important;
}

.panel-body a li:hover {
  background-color: rgba(3, 3, 3, 0.659);
  color: #ffdf6c;
  border-radius: 0px 40px 40px 0px;
  padding: auto;
}

.panel-body a li:active {
  background-color: #C40647 !important;
}

#sp_sidebar.active {
  width: 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#sp_sidebar.active span {
  display: none;
}

#sp_sidebar::-webkit-scrollbar {
  width: 10px;
}

/* #sp_sidebar::-webkit-scrollbar-thumb {
       background: rgb(41, 233, 2);
  } */

#sp_sidebar .w3-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* align-items: center; */
  border-left: 3px solid #ffdf6c;
  color: #fff !important;
  font-size: 14px;
  padding: 1em 0;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase !important;
}

#sp_sidebar .w3-button:hover {
  background-color: rgba(3, 3, 3, 0.659) !important;
  border-radius: 0px 40px 40px 0px !important;
  color: #ffdf6c !important;
}

#sp_sidebar .w3-button i {
  width: 0;
  color: #ffdf6c !important;
  font-size: 20px;
  margin-left: 10px;
  display: block !important;
}

#sp_sidebar a:active {
  background-color: #FFF6DF !important;
}

#sp_sidebar .w3-button:active i span {
  display: block !important;
  color: #fff !important;
}

#sp_sidebar .w3-button i:hover {
  color: #ffdf6c;
}

#sp_sidebar .w3-button span {
  -webkit-animation: navLinksFade 0.8s forwards;
  animation: navLinksFade 0.8s forwards;
  margin-left: 30px !important;
  display: block !important;
  color: #fff !important;
}

@media only screen and (max-width: 600px) {
  .welcometext {
    display: none;
  }

  .user-avatar {
    display: none;
  }
}

/* Sidebar SEction end */

@media screen and (max-width: 800px) {
  .navfix {
    position: fixed;
  }
}

.jumbotron {
  height: 340px;
}

ol.breadcrumb li + li:before {
  padding: 2px;
  content: ">";
}

ol.breadcrumb li a {
  color: white;
}

.git {
  color: #D5D8DA;
}

.mb {
  margin-bottom: -50px;
  margin-top: -60px;
  margin-left: -3%;
}

/*button end */

/*public batch and features start*/

.card5 {
  background: #fff;
  height: 100px;
  width: 380px;
  margin-top: 3%;
}

.card8 {
  -webkit-box-shadow: 0 4px 8px #659bf6;
  box-shadow: 0 4px 8px #659bf6;
  background: #fff;
  height: 100px;
  width: 350px;
  margin-top: 3%;
  border-radius: 15px;
}

#boxarrow {
  height: 60px;
  width: 60px;
  left: 85px;
  top: 70px;
  position: absolute;
  background-color: #DA2A0E;
  border-radius: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#boxarrow1 {
  height: 60px;
  width: 60px;
  left: 90px;
  top: 70px;
  position: absolute;
  background-color: #FC2135;
  border-radius: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#boxarrow2 {
  height: 60px;
  width: 60px;
  left: 85px;
  top: 70px;
  position: absolute;
  background-color: #2F80FB;
  border-radius: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fast {
  /*background: red;*/
  color: #fff;
  width: 20%;
  padding: 1%;
  font-size: 12px;
}

.fap {
  margin-top: -3%;
  font-size: 13px;
}

.fa-google1 {
  font-size: 4vw;
  padding: 7.5%;
  color: #fff !important;
}

.youtube1 {
  font-size: 4vw;
  padding: 7.5%;
  color: #fff !important;
}

.facebook1 {
  font-size: 4vw;
  padding: 7.5%;
  color: #fff !important;
}

.st1 {
  margin-top: -90px;
  margin-left: 40%;
  color: #59595C;
}

.st {
  margin-top: 10px;
  margin-left: 40%;
  color: #fff;
}

/*public batch and features end*/

.star {
  margin-left: 7.8vw;
}

.star1 {
  margin-left: 6.7vw;
  margin-top: -1vw;
}

.menu2 {
  margin-top: -2em;
  background-color: #5B6060;
  color: #fff;
}

.menu2 .nav li a {
  color: #fff !important;
}

@media screen and (max-width: 800px) {
  .star1 {
    display: none;
  }

  .hid {
    display: none;
  }

  .menu2 {
    display: none;
  }
}

.linev {
  border-right: 1px solid #A4A5AD;
  height: 3vw;
}

.linev1 {
  border-right: 1px solid #A4A5AD;
  height: 4vw;
  margin-top: -1vw;
}

.se {
  height: 200px;
  width: 300px;
  margin-top: 7%;
  background-color: transparent;
  border: 2px solid #ffdf6c;
}

@media screen and (max-width: 600px) {
  .se {
    display: none !important;
  }

  .fa-google1 {
    font-size: 3.3em !important;
    color: #fff !important;
  }

  .youtube1 {
    font-size: 3.3em !important;
    color: #fff !important;
  }

  .facebook1 {
    font-size: 3.3em !important;
    color: #fff !important;
  }

  .st1 {
    margin-top: -80px !important;
    margin-left: 40% !important;
    color: #59595C;
  }
}

@media screen and (max-width: 600px) {
  .card-img {
    height: 550px;
    width: 150px;
    /*margin-left: 80px;*/
    margin-top: -30px;
  }
}

/*topbar class*/

.bg3 {
  background: #050505;
  padding: 5px 0px;
  text-align: center;
}

.p {
  font-size: 12px;
  color: #fff;
}

.p1 {
  font-size: 14px;
  margin: 10px;
}

.p2 {
  font-size: 15px;
  margin-right: 2%;
  margin-left: 3%;
}

@media only screen and (max-width: 746px) {
  .bg3 {
    display: none;
  }

  .card-img {
    height: 140px;
    width: 190px;
    margin-left: 80px;
    margin-top: -30px;
  }
}

@media only screen and (max-width: 400px) {
  .card-img {
    height: 150px;
    width: 250px;
    margin-left: 17%;
    margin-top: -30px;
  }
}

.top1 li {
  display: inline-block;
}

/*jumbotron end */

/*online section end*/

.tab1 {
  width: 100%;
}

.tab1 .tr.th {
  width: 100%;
  text-align: center;
}

/*animate video icon*/

.blueBg {
  background-color: #1B13F6 !important;
  background-image: #5B9AFA;
}

.intro-banner-vdo-play-btn {
  height: 60px;
  width: 60px;
  position: absolute;
  top: 110px;
  left: 50%;
  text-align: center;
  margin: -30px 0 0 -30px;
  border-radius: 100px;
  z-index: 1;
}

.intro-banner-vdo-play-btn i {
  line-height: 56px;
  font-size: 30px;
}

.intro-banner-vdo-play-btn .ripple {
  position: absolute;
  width: 160px;
  height: 160px;
  z-index: -1;
  left: 50%;
  top: 50%;
  opacity: 0;
  margin: -80px 0 0 -80px;
  border-radius: 100px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
}

@-webkit-keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
}

.fa-play-circle {
  font-size: 22px;
  color: #FDFDFD;
}

.wat {
  margin-top: -80%;
}

@media screen and (max-width: 600px) {
  .wat {
    text-align: center;
    margin-top: 50px;
  }
}

.close {
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}

.blade-modal {
  max-width: 800px;
  margin: 30px auto;
}

.mt {
  margin-top: 200px;
}

/*animate video icon end*/

/*animate video icon end*/

/*form end */

/*fixed footer*/

.fixed1 {
  background-color: #030303;
  position: bottom;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  font-size: 18px;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .fixed1 {
    display: none;
  }
}

/*footer section end*/

hr.new1 {
  border-top: 1px solid #fff;
  margin-right: 100px;
}

hr.new2 {
  border-top: 1px solid #A4A5AD;
}

hr.new3 {
  border-top: 3px solid red;
  width: 4vw;
  margin: -1px;
}

.col {
  height: 39px;
  /*width: 150px;*/
}

.t5 {
  color: #fff;
}

.default_p_img {
  margin-top: -12% !important;
  position: relative !important;
}

@media screen and (max-width: 600px) {
  .fixed1 {
    display: none;
  }

  .pub_vw_img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
  }

  .learners_show_card th {
    font-size: 8px !important;
  }

  .learners_show_card td {
    font-size: 7px !important;
  }
}

@media screen and (max-width: 400px) {
  .default_p_img {
    margin-top: -25% !important;
    position: relative !important;
  }
}

/*slider start*/

.img3 {
  height: 7vw;
  width: 14vw;
}

.enroll_btn {
  margin-left: 35%;
}

.card {
  border-radius: 10px;
}

.card-img-top {
  height: 100px;
  padding: 7% 0% !important;
  width: 100%;
  border-radius: 10px;
  color: #fff;
}

.pub_vw_img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}

/*Go to Top Button*/

.gotopbtn {
  position: fixed;
  width: 50px;
  height: 50px;
  background: #27ae60;
  bottom: 40px;
  right: 3px;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.35);
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.35);
}

.gotopbtn .fa-arrow-up {
  color: #fff;
}

/*image gallery*/

#gallery {
  padding-top: 40px;
}

@media screen and (min-width: 991px) {
  #gallery {
    padding: 60px 30px 0 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
}

.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}

/*master in devops engineering */

/*agenda-inner-header*/

.card-header .card-title {
  font-size: 17px !important;
  margin-bottom: 0px !important;
  cursor: pointer;
}

/*PLUS minus */

.agenda_accordion .accordion .card-header::before {
  float: right !important;
  font-family: FontAwesome;
  content: "\F0AB";
  color: blue;
  font-weight: bold;
}

.agenda_accordion .card .card-header::before {
  float: right !important;
  font-family: FontAwesome;
  content: "\F0AB";
  color: blue;
  font-weight: bold;
}

.agenda_accordion .accordion .card-header.collapsed {
  float: right !important;
  content: "\F146" !important;
}

/*about gitlab section end */

/*about gitlab section end */