@import url("../css/common.css");

/* navbar section start  */
.top-navbr-leadias{
  background: #E3E3E3;
}
.navbar-psc-Design .navbar-ui li, 
.navbar-psc-Design .navbar-ui li a{
  color: var(--white-color);
  font-weight: 400;
}
.navbar-psc-Design .navbar-ui li.active, 
.navbar-psc-Design .navbar-ui li.active a{
  color: var(--white-color);
  font-weight: 500;
}
.btn-call-btn i{
  height: 38px;
  width: 38px;
  min-width: 38px;
  background: var(--white-color);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--secondary-color);
}
.btn-call-btn{
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s;
}
.navbar-psc-Design .brand-logo{
  width: 140px;
  transition: all 0.3s;
}
.navbar-psc-Design .brand-logo:hover{
  transform: scale(0.9);
}
.top-navmail-address li a{
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  color: var(--subtitle-text);
}
.top-social-icons a:hover,
.top-social-icons .active{
  color: var(--secondary-color);
  background: transparent;
}
.top-social-icons a{
  color: var(--white-color);
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  border-radius: 100%;
  background: var(--secondary-color);
  justify-content: center;
  font-size: 16px;
  border: 1px solid var(--secondary-color);
  transition: all 0.3s;
}

/* header section start  */
.header-qabyte-leftside h1 span{
  color: #FFC300;
}
.award-get-main .award-img{
  width: 160px;
}
.btn-get-started{
  background: var(--white-color);
  border: 1px solid var(--white-color);
  padding: 11px 24px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: var(--primary-color);
  transition: all 0.3s;
}
.btn-get-started:hover{
  color: var(--white-color);
  background: transparent;
}
.india-gate-header{
  position: absolute;
  left: 0;
  right: -12%;
  margin: auto;
  width: 55%;
  bottom: 0;
}
.header-innner-qabyte{
  z-index: 2;
  top: 15px;
}
@keyframes left-right-arrow {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}

/* header bottom steps  */
.common-steps-box{
  width: 33.33%;
}
.common-steps-box.step-bg-1{
  background: #973FEA;
}
.common-steps-box.step-bg-2{
  background: #F8AD12;
}
.common-steps-box.step-bg-3{
  background: #FC800A;
}
.inner-flex-steps img{
  height: 54px;
  width: 54px;
  object-fit: contain;
}

/* For School Students Grade section */
.contactus-section{
  background: url(../images/bg-student-grad.png) no-repeat;
  background-position: top , center;
}
.single-contact-use .contact-icons{
  height: 38px;
  width: 38px;
  min-width: 38px;
  border-radius: 100%;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.common-input-field .input-field{
  width: 100%;
  height: 48px;
  padding: 8px 18px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  outline: none;
  font-size: 15px;
  color: var(--title-text);
  margin-top: 3px;
}
.common-input-field .textare-field{
  width: 100%;
  height: 160px;
  padding: 13px 18px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  outline: none;
  font-size: 15px;
  color: var(--title-text);
  margin-top: 3px;
}
.btn-form-submit{
  width: max-content;
  display: inline-block;
  padding: 11px 74px;
  border-radius: 40px;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: var(--white-color);
  font-weight: 500;
  margin: auto;
  box-shadow: 0px 12px 40px -8px #1F003740;
  transition: all 0.3s;
}
.btn-form-submit:hover{
  background: transparent;
  color: var(--primary-color);
}

@keyframes up-down-book {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* May their IAS/IPS section */
.inner-feature-leader{
  background: #FAF6DA;
  border-radius: 80px 46px;
}
.btn-future-lead{
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  padding: 10px 24px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: var(--white-color);
  transition: all 0.3s;
  width: max-content;
}
.btn-future-lead:hover{
  background: transparent;
  color: var(--primary-color);
}

/* Our Features section */
.feature-section-child{
  background: url(../images/featured-bg-design.png) no-repeat;
  background-size: cover;
}
.inner-feature-child{
  background: #F9F3F8;
  border-radius: 40px;
}
.feature-single-boxed{
  background: url(../images/feature-box-bglign.png), #F05A721A;
  border: 2px solid #0000000D;
  border-radius: 30px;
  overflow: hidden;
  cursor: pointer;
}
.centre-feature-line{
  background: var(--secondary-color);
  width: 52px;
  height: 180px;
  margin: auto;
}
.top-featured-inr .feature-icon{
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  margin: auto;
  width: 120px;
  animation: up-down-featur 6s ease-in-out infinite;
}
@keyframes up-down-featur {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(12px);
  }
  100% {
    transform: translateY(0px);
  }
}
.feature-numbers{
  height: 62px;
  width: 62px;
  margin: auto;
  background: var(--white-color);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-color);
  border: 6px solid var(--secondary-color);
  margin-top: -53px;
}
.bottom-contents-features{
  background: var(--white-color);
  border-radius: 22px;
  text-align: center;
  transition: all 0.3s;
}
.feature-single-boxed.clr-1{
  background: url(../images/feature-box-bglign.png), #EAD3E6;
}
.feature-single-boxed.clr-2{
  background: url(../images/feature-box-bglign.png), #F05A721A;
}
.clr-1 .centre-feature-line{
  background: #FC800A;
}
.clr-2 .centre-feature-line{
  background: var(--primary-color);
}
.clr-1 .feature-numbers{
  color: #FC800A;
  border-color: #FC800A;
}
.clr-2 .feature-numbers{
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.bottom-contents-features h4{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
}
.bottom-contents-features p{
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.feature-single-boxed:hover .bottom-contents-features{
  background: var(--secondary-color);
}
.feature-single-boxed.clr-1:hover .bottom-contents-features{
  background: #FC800A;
}
.feature-single-boxed.clr-2:hover .bottom-contents-features{
  background: var(--primary-color);
}
.feature-single-boxed:hover .bottom-contents-features h4,
.feature-single-boxed:hover .bottom-contents-features p{
  color: var(--white-color);
}

/* Talents in Students section */
.telented-student-section{
  background: url(../images/telented-student-bg.png) no-repeat;
  background-position: center;
}
.center-talent-mockup img{
  transition: all 0.4s;
  cursor: pointer;
}
.center-talent-mockup img:hover{
  transform: translateY(-12px);
}
.icons-skills{
  background: #973FEA;
  height: 60px;
  width: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #881377;
  border-radius: 16px;
}
.icons-skills.clr-1{
  background: #F8AD12;
}
.icons-skills.clr-2{
  background: #FC800A;
}
.icons-skills .skill-img-icon{
  height: 38px;
  width: 38px;
  object-fit: contain;
  transition: all 0.3s;
}
.icons-skills:hover .skill-img-icon{
  transform: scale(0.9);
}
.talent-position-1{
  position: absolute;
  right: 0;
  top: -90px;
  width: 102px;
  animation: up-down-books 3s ease-in-out infinite;
}
.talent-position-2{
  position: absolute;
  left: 0;
  bottom: 30%;
  width: 92px;
  animation: up-down-books 6s ease-in-out infinite;
}

/* newspaper reading section */
.inner-newspaper-bg{
  background: url(../images/newspaper-light-bg.png) no-repeat, var(--primary-color);
  background-size: cover;
  border-radius: 40px;
}
.news-catagory-list li::before{
  content: "\ecb6";
  font-family: 'boxicons';
  font-size: 20px;
  color: var(--white-color);
}
.box-newspaper-videos{
  background: #F8AD12;
  border-radius: 0px 300px 300px 300px;
  padding: 100px 80px 100px 64px;
}
.news-books-position{
  position: absolute;
  left: -27px;
  bottom: 112px;
  width: 68px;
  animation: up-down-books 6s ease-in-out infinite;
}
@keyframes up-down-books {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0px);
  }
}
.news-paper-wman .news-man-img{
  position: absolute;
  top: -212px;
  width: 135%;
  right: 15px;
}
.btn-play-news{
  height: 48px;
  width: 48px;
  border-radius: 100%;
  background: var(--white-color);
  color: var(--primary-color);
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 105px;
  bottom: 0;
  margin: auto;
  border: none;
  transition: all .3s;
}
.btn-play-news:hover{
  background: var(--primary-color);
  color: var(--white-color);
}
.box-newspaper-videos:hover h2{
  color: var(--white-color);
}

/* lead owner client section  */
.lead-owner-slider .slick-track{
  margin-left: 0;
}
.inner-lead-ownerbox{
  background: #973fea1a;
  text-align: center;
  padding: 48px 40px;
  border-radius: 20px;
  cursor: pointer;
}
.inner-lead-ownerbox.clr-1{
  background: #fc800a1a;
}
.inner-lead-ownerbox.clr-2{
  background: #fc800a1a;
}
.inner-lead-ownerbox.clr-3{
  background: #8813771a;
}
.inner-lead-ownerbox .lead-owner-img{
  height: 200px;
  width: 200px;
  border-radius: 100%;
  object-fit: cover;
  margin: auto;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}
.rounded-bg-lead{
  height: 280px;
  width: 280px;
  background: #973FEA;
  border-radius: 100%;
  position: absolute;
  top: -72px;
  left: -72px;
  transition: all 0.4s;
}
.clr-1 .rounded-bg-lead{
  background: #F8AD12;
}
.clr-2 .rounded-bg-lead{
  background: #FC800A;
}
.clr-3 .rounded-bg-lead{
  background: #881377;
}
.inner-lead-ownerbox:hover .rounded-bg-lead{
  border-radius: 0;
  height: 600px;
  width: 600px;
}
.inner-lead-ownerbox:hover .lead-owner-img{
  transform: scale(0.9);
}
.lead-owner-slider .slick-prev{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  left: -50px;
}
.lead-owner-slider .slick-prev::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.lead-owner-slider .slick-next{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  right: -50px;
}
.lead-owner-slider .slick-next::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  transform: rotate(180deg);
}
.lead-owner-slider .slick-prev:hover::before,
.lead-owner-slider .slick-next:hover::before{
  background: var(--primary-color);
  color: var(--white-color);
}

/* Youtube Scroll section  */
.youtube-video-slider .slick-track{
  margin-left: 0;
}

.youtube-video-slider .slick-prev{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  left: -50px;
}
.youtube-video-slider .slick-prev::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.youtube-video-slider .slick-next{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  right: -50px;
}
.youtube-video-slider .slick-next::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  transform: rotate(180deg);
}
.youtube-video-slider .slick-prev:hover::before,
.youtube-video-slider .slick-next:hover::before{
  background: var(--primary-color);
  color: var(--white-color);
}

/* Featured in Media section  */
.media-channel-slide .slick-track{
  margin-left: 0;
}
.signle-channel-box .media-img-channel{
  height: 190px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #00000033;
  background: var(--white-color);
  object-fit: contain;
  transition: all 0.3s;
}
.signle-channel-box:hover .media-img-channel{
  transform: scale(0.9);
}
.signle-channel-box{
  background: #973FEA;
  padding: 10px;
  border-radius: 14px;
  text-align: center;
}
.signle-channel-box.clr-1{
  background: #F8AD12;
}
.signle-channel-box.clr-2{
  background: #FC800A;
}
.signle-channel-box.clr-3{
  background: #881377;
}
.signle-channel-box h4{
  margin: 9px 0px 6px 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.media-channel-slide .slick-prev{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  left: -50px;
}
.media-channel-slide .slick-prev::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.media-channel-slide .slick-next{
  border: none;
  background: transparent;
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  right: -50px;
}
.media-channel-slide .slick-next::before{
  content: "\e9b4";
  font-family: 'boxicons';
  font-size: 20px;
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  transform: rotate(180deg);
}
.media-channel-slide .slick-prev:hover::before,
.media-channel-slide .slick-next:hover::before{
  background: var(--primary-color);
  color: var(--white-color);
}

/* Words from our Parents and Students */
.video_postdata video{
  object-fit: cover;
}
.video_postdata .video-js{
  width: 100% !important;
  height: 320px !important;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #00000036;
  background: transparent;
}
.video_postdata{
  overflow: hidden;
  position: relative;
}
.video_postdata .video-js .vjs-tech{
  border-radius: 0px;
}
.video_postdata .video-js .vjs-big-play-button {
  font-size: 30px;
  height: 52px;
  width: 52px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  border-radius: 100%;
  margin: auto;
  line-height: 52px;
  background: var(--white-color);
  border: 1px solid var(--white-color);
  color: var(--primary-color);
}
.video_postdata .video-js .vjs-control{
  box-shadow: none;
}
.video_postdata .video-js .vjs-control-bar {
  width: 97%;
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  background-color: #1c1c1c61;
  margin: auto;
  border-radius: 0px;
}
.video_postdata .vjs-poster{
  background-size: cover;
}

/* Our Flagship Courses section */
.inner-flagship-course{
  background: #FBF9EA;
  border-radius: 30px;
}
.single-course-items{
  background: var(--white-color);
  border: 1px solid #BEBEBE;
  padding: 16px;
  border-radius: 22px;
}
.flagship-slide-img img{
  width: 100%;
  height: 220px;
  border-radius: 14px;
  object-fit: cover;
}
.bottom-flagship-contents{
  margin-top: -30px;
  position: relative;
}
.bottom-flagship-contents .courses-logo{
  display: block;
  background: var(--white-color);
  box-shadow: 4.28px 4.28px 19.28px 0px #0000001A;
  padding: 8px;
  width: 135px;
  border-radius: 14px;
  margin: auto;
}
.btn-couorses{
  background: #EEFFF7;
  color: #128D52;
  border: 1px solid #128D52;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 10px 14px;
  gap: 6px;
  border-radius: 40px;
  transition: all 0.3s;
}
.btn-couorses.active,
.btn-couorses:hover{
  background: #128D52;
  color: var(--white-color);
}
.flagship-slide-img .slick-dots{
  display: flex;
  justify-content: center;
  gap: 6px;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
}
.flagship-slide-img .slick-dots li button{ 
  height: 6px;
  width: 6px;
  font-size: 0;
  border: none;
  background: #ffffff8c;
  border-radius: 20px;
}
.flagship-slide-img .slick-dots li.slick-active button{
  background: #fff;
  width: 18px;
}

/* Our Gallery section */
.items-gallery .gallary-img{
  width: 100%;
  height: 280px;
  border-radius: 22px;
  object-fit: cover;
}
.our-gallery-slide .slick-dots{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 6px;
}
.our-gallery-slide .slick-dots li button{ 
  height: 12px;
  width: 12px;
  font-size: 0;
  border: none;
  background: #D9D9D9;
  border-radius: 20px;
}
.our-gallery-slide .slick-dots li.slick-active button{
  background: #F05A72;
  width: 32px;
}

/* footer section strat  */
.psc-footer-main{
  background: #F8F8F8;
}
.footer-left-logo .footer-logo{
  width: 140px;
}
.ui-footer-links li a{
  color: var(--title-text);
  display: flex;
  margin-top: 10px;
  font-weight: 400;
  transition: all 0.3s;
  gap: 4px;
}
.ui-footer-links li a:hover{
  margin-left: 4px;
  opacity: 1;
}
.inners-motors-footer{
  border-bottom: 1px solid #ffffff2b;
}
.footer_socialmedia .footer-icon{
  color: var(--white-color);
  font-size: 20px;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  border: 1px solid var(--primary-color);
}
.footer_socialmedia .footer-icon:hover{
  color: var(--primary-color);
  background: transparent;
}
.custom-tooltip {
  --bs-tooltip-bg: var(--black-color);
}
.bottom-footer-design{
  background: var(--black-color);
}
.footer-cnt-icon{
  height: 32px;
  width: 32px;
  min-width: 32px;
  border-radius: 100%;
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font-size: 20px;
  transition: all 0.3s;
}
.footer-cnt-icon:hover{
  color: var(--secondary-color);
  background: transparent;
}