@import url("https://fonts.googleapis.com/css2?family=Gafata&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Jockey+One&display=swap");

body {
  background: #000 !important;

  font-family: "Gafata", sans-serif !important;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;

  margin: 0;
}

/* Firefox */

input[type="number"] {
  -moz-appearance: textfield;
}

#container {
  overflow-x: hidden !important;
}

#header {
  background-color: rgba(255, 255, 255, 0.082);

  position: relative;

  z-index: 3 !important;
}

#header::after {
  content: "";

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: -1 !important;

  backdrop-filter: blur(15px);

  position: absolute;
}

#header.scrolled {
  background-color: #000000c4;
}

#header .nav-link {
  color: white !important;

  transition: all 500ms ease-in-out;
}

.dropdown {
  transition: all 300ms ease !important;
}

.dropdown .dropdown-menu {
  display: none !important;
}

.dropdown:hover .dropdown-menu {
  display: block !important;

  top: 70px !important;

  background: #0a0909;
}

.dropdown-item {
  color: #cfcfcf !important;

  transition: all 300ms ease;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #262626 !important;

  border-radius: 5px !important;

  padding: 5px 7px !important;
}

.courses h6 {
  color: #fff !important;
}

.courses {
  left: -24rem !important;
}

.hero {
  margin-top: 72px;
}

.dropdown {
  transition: all 300ms ease !important;
}

.dropdown .dropdown-menu {
  display: none !important;
}

.dropdown:hover .dropdown-menu {
  display: block !important;

  top: 70px !important;

  background: #0a0909;
}

.dropdown-item {
  color: #cfcfcf !important;

  transition: all 300ms ease;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #262626 !important;

  border-radius: 5px !important;

  padding: 5px 7px !important;
}

.courses h6 {
  color: #fff !important;
}

.courses {
  left: -24rem !important;
}

.purple {
  color: #3e50ab;
}

.heading {
  font-size: 14px;

  color: rgb(255, 255, 255);

  width: 80%;

  filter: drop-shadow(0px 0px 15px rgb(0, 0, 0));
}

.heading2 {
  margin-top: 120px;

  padding: 10px !important;

  color: #fcf01e;
}

.hero_col p {
  color: #ffffff;
}

.m {
  font-size: 70px !important;
}

.button {
  position: relative;

  display: inline-block;

  padding: 12px 24px;

  border: none;

  font-size: 16px;

  border-radius: 100px;

  font-weight: 600;

  color: rgb(255, 255, 255);

  background-color: rgb(0 0 0 / 66%);

  box-shadow: rgb(255 255 255 / 14%) 0px 0px 0px 5px;

  cursor: pointer;

  overflow: hidden;

  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

option {
  background-color: #000 !important;
}

.button span:last-child {
  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 20px;

  height: 20px;

  background-color: #260c10;

  border-radius: 50%;

  opacity: 0;

  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.button span:first-child {
  position: relative;

  z-index: 1;
}

.button:hover {
  box-shadow: 0 0 0 5px #dd935e11;

  color: #ffffff;
}

.button:active {
  scale: 0.95;
}

.button:hover span:last-child {
  width: 150px;

  height: 150px;

  opacity: 1;
}

#placement {
  background-color: #121211a6;

  /* background: radial-gradient(#341d05, #cc08081c, #2a1c07); */
}

.text {
  color: white !important;

  text-align: center;

  width: 70%;

  font-family: "Oswald", sans-serif !important;
}

.enquire_col {
  padding: 10px;

  border-radius: 10px;

  background: #8a32a73a;

  box-shadow: 0px 0px 150px -30px #000000;

  border: 1px solid #3e50ab;
}

.golden {
  background: -webkit-linear-gradient(45deg, #ffdd9d, #ffb12b);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

.golden-text {
  background: -webkit-linear-gradient(45deg, #e2b561, #ffb12b);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-family: "Jockey One", sans-serif !important;
}

.style {
  font-family: "Jockey One", sans-serif !important;
}

.text-shadow {
  text-shadow: 7px 16px 18px BLACK;
}

.software-icon {
  width: 6rem;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.accordion-item {
  border: none !important;

  border-bottom: none !important;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);

  color: white !important;

  background: linear-gradient(45deg, #5a4310, #42300a) !important;
}

.accordion-button {
  background-color: #000 !important;

  color: white !important;

  border-radius: 0 !important;
}

.accordion-button:not(.collapsed) {
  color: white !important;

  background-color: #000 !important;
}

.accordion-button::after {
  filter: invert(1);
}

#enquire {
  background: url("../images/form-bg-2.jpg");

  background-size: cover;

  background-repeat: no-repeat;
}

.apply_form {
  backdrop-filter: blur(20px);

  background: radial-gradient(#30171ab8, #9d9d9d36) !important;

  border: none !important;

  /* background-color: #ffffff14 !important; */

  border-radius: 13px !important;
}

.apply_form {
  color: rgb(205 152 73) !important;

  font-family: "Oswald", sans-serif !important;
}

.apply_form input,
select,
textarea {
  border: 0.1em solid rgb(62 53 53);

  font-size: 16px !important;

  background: linear-gradient(
    45deg,
    rgb(0 0 0 / 68%),
    rgb(0 0 0 / 40%)
  ) !important;

  color: rgb(240, 240, 240) !important;

  padding: 13px !important;

  border-radius: 10px !important;
}

.apply_form select {
  color: #e9c4ab !important;
}

.apply_form input::placeholder,
textarea::placeholder {
  color: #e9c4ab !important;
}

.apply_form input:focus {
  background-color: #190a41;
}

.choose_us p {
  color: #ffffff;
}

.choose_us_card {
  /* background-color: #131313 !important; */

  border-radius: 16px !important;

  backdrop-filter: blur(5px);

  background: radial-gradient(#16266254, #1c256262, #19234277) !important;
}

.choose_us_card p {
  font-size: 17px !important;

  color: #c5c5c5;
}

.course_card {
  border-radius: 15px !important;

  background: radial-gradient(#1c1c1c, #0c0c0c);

  border: none !important;
}

.course_card p {
  color: #e0e0e0;
}

.course_card img {
  object-fit: cover;

  height: 200px;

  border-radius: 12px !important;
}

#courses .swiper-slide {
  height: 380px !important;
}

#offer {
  background: url("../images/diwali-offfer-50-discount\ morph.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-attachment: fixed;
}

.about_col p {
  color: rgb(255, 255, 255);
}

.testimonial_card {
  background-color: #1c1c1c !important;

  border: 1px solid #f0bb37 !important;
}

.testimonial_card .mark {
  position: absolute;

  top: -20px;

  right: 5%;

  border-radius: 10px;

  background-color: #1d1500 !important;

  border: 1px solid #f0bb37;

  color: #b6b6b6 !important;
}

.testimonial_img {
  object-fit: cover;

  aspect-ratio: 4/4;
}

#tab-bg {
  background: url("../images/bg-tools.jpg");

  background-repeat: no-repeat;

  background-size: cover;
}

.software-bg {
  background: url("../images/bg-5.png");

  background-size: cover;

  background-repeat: no-repeat;
}

#services {
  border: 3px solid #bc4ae2;

  border-radius: 15px;

  box-shadow: inset 0 0 40px 0px #ac39d3;
}

#services-nav .active {
  position: relative;

  background: linear-gradient(45deg, #9337c9, black);

  border-radius: 0;

  color: white !important;

  border-top: 1px solid white;

  border-bottom: 1px solid white;
}

#services-nav .active::after {
  background-color: #9337c9;

  content: url("../images/arrow-right-solid.svg");

  position: absolute;

  top: 50%;

  left: 0%;

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

  border-radius: 50%;

  padding: 10px 14px;

  border: 1px solid white;
}

#services-nav .nav-link {
  color: rgb(224, 224, 224);

  font-size: 15px !important;

  padding: 10px;
}

#services .card {
  background-color: transparent;

  border-left: 3px solid #bc4ae2;

  border-top: 1px solid #bc4ae2;

  border-bottom: 1px solid #bc4ae2;

  border-right: 1px solid #bc4ae2;

  border-radius: 12px !important;

  box-shadow: inset 0 0 50px 0 #4c1260;
}

#nav-tab {
  padding: 15px;

  background-color: rgba(255, 255, 255, 0.034);

  border-top: 2px solid #3e50ab;

  border-bottom: 2px solid #3e50ab;
}

#nav-tab .nav-link {
  color: white;
}

#nav-tab .active {
  background-color: transparent;

  position: relative;

  color: #d75eff;

  font-weight: 700;
}

#nav-tab .active::after {
  content: url("../images/Vector-2.png");

  position: absolute;

  top: 50%;

  left: 50%;

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

.contact_icon {
  background-color: #bb00ff;

  border-radius: 50%;

  color: white !important;

  padding: 15px;
}

.company_img {
  width: 100% !important;

  border: 1px solid #a3a3a3 !important;

  filter: invert(1) grayscale(1);

  aspect-ratio: 16/8;

  object-fit: cover;

  transition: all 800ms ease;
}

.company_img:hover {
  filter: invert(0) grayscale(0);

  transition: all 800ms ease;
}

.map {
  width: 500px;

  height: 300px;

  border: none;

  border-radius: 15px;

  margin-top: 10px;
}

.footer-area {
  background-color: #1c1c1c;
}

.social_icon {
  color: #949494;

  font-size: 25px;
}

#scrollToTopButton {
  background-color: #1e587c;

  color: #ffffff !important;

  border-radius: 50%;

  position: fixed;

  bottom: 10px;

  right: 10px;

  padding: 14px 20px;

  z-index: 2;

  transition: all 500ms ease;
}

#scrollToTopButton:hover {
  background-color: #190a41;
}

#scrollToTopButton.hidden {
  display: none;
}

#scrollToTopButton.visible {
  display: block;
}

.whatsapp {
  background-color: rgb(0, 207, 0);

  padding: 10px 12px;

  border-radius: 100%;

  font-size: 32px;

  color: white;

  position: fixed;

  z-index: 99;

  bottom: 75px;

  right: 11px;
}

@media only screen and (min-width: 52px) and (max-width: 992px) {
  .navbar_body {
    background-color: #000000;
  }

  .map {
    width: 100%;

    height: 300px;
  }

  .apply_form input,
  select {
    padding: 8px !important;
  }

  .course_card {
    border-radius: 8px !important;
  }

  .course_card img {
    border-radius: 7px !important;
  }

  #home {
    margin-top: 0 !important;

    background-size: contain;
  }
}

#nav-link .nav-link {
  color: white !important;

  text-decoration: none;

  font-size: 17px;

  padding: 20px 15px;

  border: none;

  background: none;

  font-family: "Poppins", sans-serif;
}

#nav-link .nav-link::before {
  margin-left: auto;
}

#nav-link .nav-link::after,
#nav-link .nav-link::before {
  content: "";

  width: 0%;

  height: 2px;

  background: #1e587c;

  display: block;

  transition: 0.5s;
}

#nav-link .nav-link:hover::after,
#nav-link .nav-link:hover::before {
  width: 100%;
}

#courses .card {
  position: relative;

  background: linear-gradient(340deg, #1e1d1a, black, #494949) !important;

  border: 1px solid #282626 !important;

  padding: 0.8rem;

  gap: 12px;

  border-radius: 14px !important;

  cursor: pointer;

  color: white;

  transition: all 300ms ease-in-out;
}

#courses .card:hover {
  transform: translateY(-7px);

  box-shadow: 0px 18px 20px 0 rgb(14 11 7);
}

#courses .card img {
  border-radius: 10px !important;
}

#card-bg {
  background: url("../images/card-bg.png");

  background-repeat: no-repeat;

  background-size: cover;
}

#callnowbutton {
  display: none;
}

@media screen and (max-width: 650px) {
  .hero {
    margin-top: 72px;
    height: 50vh !important;
    object-fit: cover;
  }

  #callnowbutton {
    display: block !important;

    position: fixed;

    text-decoration: none;

    z-index: 2147483647;

    width: 100%;

    left: 0;

    bottom: 0;

    height: 60px;

    text-align: center;

    color: #fff;

    font-weight: 600;

    font-size: 120%;

    overflow: hidden;

    background: #009900;

    display: flex;

    padding: 11px;

    justify-content: center;

    align-items: center;

    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.18);
  }

  #scrollToTopButton {
    bottom: 75px;
  }

  .whatsapp {
    bottom: 140px;
  }

  #nav-link .nav-link {
    padding: 10px 0px;
  }
}

canvas {
  display: block;

  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;

  width: 100%;

  height: 100%;

  margin-top: 100px;

  background-color: #000000;

  background-image: url("");
}

/* ---- stats.js ---- */

.count-particles {
  background: #000022;

  position: absolute;

  top: 48px;

  left: 0;

  width: 80px;

  color: #13e8e9;

  font-size: 0.8em;

  text-align: left;

  text-indent: 4px;

  line-height: 14px;

  padding-bottom: 2px;

  font-family: Helvetica, Arial, sans-serif;

  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;

  margin-top: 5px;

  margin-left: 5px;
}

#stats {
  border-radius: 3px 3px 0 0;

  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}