html {
      scroll-behavior: smooth; /* Enable smooth scrolling for anchor links */
    }
/* Base */
body {
  line-height: 1.7;
  color: gray;
  font-weight: 300;
  font-size: 1rem;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

/*Change effec start*/

/* ----------------------------- */
/* BUTTON STYLES */
/* ----------------------------- */
.cyber-btn {
  padding: 8px 16px;
  border: 1px solid transparent;
  background: transparent;
  color: #555555;
  font-family: 'Orbitron', monospace;
  font-weight: 650;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer; /* pointer everywhere */
  position: relative;
  transition: all 0.3s ease;
  opacity: 0.7;
  display: inline-block; /* ensure no weird inline issues */
  z-index: 1; /* keep above pseudo-elements */
}

.cyber-btn::before,
.cyber-btn::after {
  pointer-events: none; /* prevent blocking clicks */
}

.cyber-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.cyber-btn::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #FF5E00, #00B2FF);
  transition: width 0.3s ease;
  box-shadow: 0 0 10px rgba(255, 94, 0, 0.8);
}

.cyber-btn:hover {
  color: #FF5E00;
  opacity: 1;
  box-shadow: 0 0 8px #FFA07A, 0 0 8px #FF5E00;
  font-weight: 900;
  font-size: 17px;
}

.cyber-btn:hover::before {
  border-color: #FF5E00;
}

.cyber-btn:hover::after {
  width: 100%;
}


//* Button remains exactly the same as your existing .cyber-btn */

/* Transition overlay */
.transition-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  z-index: 9999;
}

/* Future word */
#future-text {
  font-family: 'Orbitron', monospace;
  font-weight: 900;
  font-size: 2rem;
  color: #FF5E00;
  text-transform: uppercase;
  opacity: 0;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%) scale(0.2);
  text-shadow: 0 0 10px #FF5E00, 0 0 20px #FFA07A, 0 0 30px #FF5E00;
}

/* Animation for word growth */
@keyframes futureBlast {
  0% {
    transform: translateY(-50%) translateX(0) scale(0.2);
    opacity: 0;
    text-shadow: 0 0 0px #FF5E00;
  }
  50% {
    transform: translateY(-50%) translateX(-50%) scale(3);
    opacity: 1;
    text-shadow: 0 0 30px #FF5E00, 0 0 60px #FFA07A, 0 0 90px #FF5E00;
  }
  100% {
    transform: translateY(-50%) translateX(-50%) scale(5);
    opacity: 0;
    text-shadow: 0 0 60px #FF5E00, 0 0 120px #FFA07A, 0 0 180px #FF5E00;
  }
}

/* Fade-in for new page */
.page-fade {
  position: fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:#000;
  opacity:0;
  z-index:998;
  animation: fadeInPage 1s forwards;
}

@keyframes fadeInPage {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/*Change effec end*/

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  color: #000; }

.position-relative {
  position: relative !important; }

.overflow-hidden {
  overflow: hidden; }

.text-black {
  color: #000 !important; }

.bg-black {
  background: #000 !important; }

.site-wrap:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; }

.offcanvas-menu .site-wrap {
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden; }
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }

.offcanvas-menu {
  position: relative; }
  .offcanvas-menu:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 21;
    background: rgba(0, 0, 0, 0.2); }

.btn {
  border-width: 2px;
  border-radius: 30px; }
  .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .btn.btn-lg {
    padding: 10px 20px;
    font-size: 16px; }
  .btn.btn-primary {
    color: #fff; }
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
      border-color: #bd1220 !important;
      color: #bd1220 !important;
      background-color: transparent !important; }
  .btn.btn-outline-primary {
    color: #bd1220;
    border-color: #bd1220 !important;
    background-color: transparent !important; }
    .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active {
      border-color: #bd1220 !important;
      color: #fff !important;
      background-color: #bd1220 !important; }
  .btn.btn-md {
    padding: 14px 30px; }

.bg-black {
  background: #000; }

.form-control {
  height: 47px;
  background: #f6f6f6;
  border-radius: 0;
  border: 1px solid #f6f6f6; }
  .form-control:active, .form-control:focus {
    border-color: #bd1220; }
  .form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.site-section {
  padding: 4.5em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 7em 0; } }
  .site-section.site-section-sm {
    padding: 4em 0; }

.site-section-heading {
  font-size: 30px;
  color: #dee2e6;
  position: relative; }
  .site-section-heading:before {
    content: "";
    left: 0%;
    top: 0;
    position: absolute;
    width: 40px;
    height: 2px;
    background: #bd1220; }
  .site-section-heading.text-center:before {
    content: "";
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 40px;
    height: 2px;
    background: #bd1220; }

.border-top {
  border-top: 1px solid #ced4da !important; }

/*Footer*/

/* General Footer Styles */
.site-footer {
  margin-top: -90px;
  padding-top: 2rem;
  padding-bottom: 3rem;
  background: linear-gradient(145deg, #2b2b2b, #444444); /* Gradient background */
  border-top: 1px solid #666;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.site-footer h4 {
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 1px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.site-footer h4:hover {
  color: orangered; /* Enchanting hover effect */
  transform: scale(1.05); /* Slight scale on hover */
}

.site-footer .footer-since {
  color: #bbb;
  font-size: 1.1rem;
  font-style: italic;
  margin-top: 10px;
}

.site-footer .social-links {
  margin-top: 20px;
}

.site-footer .social-links a {
  color: #b3b3b3;
  margin: 0 15px;
  font-size: 25px;
  text-decoration: none;
  transition: transform 0.3s ease, color 0.3s ease;
}

.site-footer .social-links a:hover {
  color: orangered; /* Highlight on hover */
  transform: translateY(-5px); /* Smooth hover effect */
}

/* Navigation Styles */
.site-footer .footer-nav {
  margin-top: 30px;
}

.site-footer .footer-nav ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

.site-footer .footer-nav ul li {
  display: inline;
  margin: 0 10px;
}


.site-footer .footer-nav ul li a {
  color: #b3b3b3;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 500;
  transition: color 0.3s ease, letter-spacing 0.3s ease;
}

.site-footer .footer-nav ul li a:hover {
  color: #fff;
  letter-spacing: 1px; /* Small letter-spacing effect on hover */
}

/* Copyright Section */
.site-footer .copyright {
  color: #bbb;
  text-align: center;
  font-size: 14px;
  margin-top: 25px;
  font-weight: 300;
}

/* Subtle Footer Animation */
.site-footer {
  animation: fadeInFooter 1.5s ease-out;
}

@keyframes fadeInFooter {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
  .site-footer h4 {
    font-size: 1.5rem;
  }

  .site-footer .social-links a {
    font-size: 22px;
  }

  .site-footer .footer-nav ul li {
    display: inline;
    padding-right: 8px;
    margin: 10px 0;
  }
}


/*Footer End*/

.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; }

.bg-image {
  background-size: cover;
  background-repeat: no-rpeeat;
  overflow: hidden; }
  .bg-image.center {
    background-position: top center; }
  .bg-image.fixed {
    background-position: fixed !important; }
  .bg-image.overlay, .bg-image.overlay-primary, .bg-image.overlay-info, .bg-image.overlay-success, .bg-image.overlay-warning {
    position: relative; }
    .bg-image.overlay:before, .bg-image.overlay-primary:before, .bg-image.overlay-info:before, .bg-image.overlay-success:before, .bg-image.overlay-warning:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
  .bg-image.overlay:before {
    background: rgba(0, 0, 0, 0.4); }
  .bg-image.overlay-primary:before {
    background: rgba(189, 18, 32, 0.9); }
  .bg-image.overlay-info:before {
    background: rgba(47, 240, 193, 0.9); }
  .bg-image.overlay-success:before {
    background: rgba(40, 167, 69, 0.9); }
  .bg-image.overlay-success:before {
    background: rgba(255, 193, 7, 0.9); }



/* Navbar */
.site-navbar-wrap {
  position: sticky;
  z-index: 99;
  width: 100%;
  left: 0;
  background: #fff; 
}
.site-navbar-wrap a {
  color: #000;
}
.site-navbar-wrap .site-navbar-top {
  font-size: 0.8rem;
}

.site-navbar-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.site-navbar {
  margin-bottom: 0px;
  width: 100%;
  padding: 15px 0;
}
.site-navbar .site-logo {
  font-weight: 200;
  line-height: 0;
  position: relative;
}
.site-navbar .site-logo a {
  font-weight: 200;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
}
.site-navbar .site-navigation .site-menu {
  margin-bottom: 0;
}
.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  display: inline-block;
  font-weight: 500;
}
.site-navbar .site-navigation .site-menu > li {
  display: inline-block;
  padding: 10px 5px;
}
.site-navbar .site-navigation .site-menu > li > a {
  padding: 20px 10px;
  color: black;
  font-size: 15px;
  text-decoration: none !important;
}
.site-navbar .site-navigation .site-menu > li > a.active {
  color: #fff;
}
.site-navbar .site-navigation .site-menu > li > a:hover {
  color: #fff;
}
.site-navbar .site-navigation .site-menu > li:last-child {
  padding-right: 0;
}
.site-navbar .site-navigation .site-menu > li:last-child > a {
  padding-right: 0;
}
.site-navbar .site-navigation .site-menu .has-children {
  position: relative;
}
.site-navbar .site-navigation .site-menu .has-children > a {
  position: relative;
  padding-right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children > a:before {
  position: absolute;
  content: "\e313";
  font-size: 16px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'icomoon';
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  position: absolute;
  text-align: left;
  -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 0px 0;
  margin-top: 20px;
  margin-left: 0px;
  background: #fff;
  -webkit-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  border-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
  position: absolute;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
  -webkit-transition: 0s all;
  -o-transition: 0s all;
  transition: 0s all;
  color: #343a40;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
  color: #bd1220;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
  color: #fff !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
  padding: 9px 20px;
  display: block;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
  background: #ebeef0;
  color: #212529;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
  content: "\e315";
  right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
  left: 100%;
  top: 0;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
  background: #ebeef0;
  color: #212529;
}
.site-navbar .site-navigation .site-menu .has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children:focus > a,
.site-navbar .site-navigation .site-menu .has-children:active > a {
  color: #fff;
}
.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
  cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  margin-top: 0px;
  visibility: visible;
  opacity: 1;
}

.sticky-wrapper {
  z-index: 100;
  width: 100%;
}
.sticky-wrapper + .site-blocks-cover {
  margin-top: 140px;
}
.sticky-wrapper .site-navbar {
  background-color: #fff;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}
.sticky-wrapper .site-navbar a.active {
  color: #fff;
}
.sticky-wrapper.is-sticky .site-navbar {
  background-color: #fff;
  -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li {
  display: inline-block;
  padding: 10px 5px;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child {
  padding-right: 0;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child > a {
  padding-right: 0;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li.has-children > a {
  padding-right: 20px;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a {
  padding: 10px 10px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a.active {
  color: #fff;
}
.sticky-wrapper .shrink {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}


/* Blocks */
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  position: relative; }
  .site-blocks-cover.overlay {
    position: relative; }
    .site-blocks-cover.overlay:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.2); }
  .site-blocks-cover, .site-blocks-cover > .container > .row {
    min-height: 600px;
    height: calc(100vh); }
  .site-blocks-cover.inner-page, .site-blocks-cover.inner-page > .container > .row {
    min-height: 600px;
    height: calc(80vh); }
  .site-blocks-cover h1 {
    font-size: 8rem;
    font-weight: 900;
    line-height: 1; }
    @media (max-width: 991.98px) {
      .site-blocks-cover h1 {
        font-size: 4rem; } }
  .site-blocks-cover .sub-text {
    font-size: 1.4rem;
    color: gray;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .site-blocks-cover .sub-text {
        color: #000; } }
  .site-blocks-cover .img-wrap {
    position: absolute;
    z-index: -1;
    width: calc(100% - 50%);
    top: 0;
    height: 100%;
    z-index: 2;
    right: 50%;
    min-height: 600px;
    overflow: hidden;
    border-bottom-right-radius: 200px; }
    @media (max-width: 991.98px) {
      .site-blocks-cover .img-wrap {
        width: 100%;
        right: 0%;
        top: 0; }
        .site-blocks-cover .img-wrap .hero-slider:before {
          position: absolute;
          content: "";
          background: #fff;
          opacity: .5;
          z-index: 2;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .site-blocks-cover .img-wrap .slide {
      height: 100vh;
      position: relative; }
      .site-blocks-cover .img-wrap .slide img {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
  .site-blocks-cover .intro {
    z-index: 3;
    position: relative; }
    .site-blocks-cover .intro .heading {
      margin-left: -150px; }
      @media (max-width: 991.98px) {
        .site-blocks-cover .intro .heading {
          margin-left: 0; } }
    .site-blocks-cover .intro .text {
      padding-left: 50px; }
      @media (max-width: 991.98px) {
        .site-blocks-cover .intro .text {
          padding-left: 0; } }

.site-menu-toggle .menu-text {
  position: relative;
  top: -6px;
  text-transform: uppercase; }

.hero-slider .owl-nav {
  position: absolute;
  bottom: 120px;
  right: 50px;
  z-index: 100; }
  .hero-slider .owl-nav .owl-prev, .hero-slider .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background: #bd1220;
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.3rem; }

.section-title .sub-title {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-weight: 400;
  color: #b3b3b3; }

.section-title .title {
  font-size: 2.2rem; }

.service {
  padding: 30px;
  background: #fff;
  border: 1px solid #eee;
  border-top: 2px solid #bd1220;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  position: relative;
  top: 0; }
  .service:hover, .service:focus {
    -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.4);
    border: 1px solid transparent;
    border-top: 2px solid #bd1220;
    top: -2px; }
  .service *:last-child {
    margin-bottom: 0; }
  .service h3 {
    font-size: 1rem;
    color: #000; }
  .service p {
    color: #999999;
    font-size: .85rem; }

.readmore {
  position: relative;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: .1rem;
  font-weight: 900;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  .readmore:after {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    position: absolute;
    content: "\e5c8";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon';
    right: 0;
    opacity: 0;
    visibility: hidden; }
  .readmore:hover {
    padding-right: 30px; }
    .readmore:hover:after {
      opacity: 1;
      visibility: visible; }

.custom-progress {
  height: 7px; }
  .custom-progress .progress-bar {
    border-radius: 30px; }

.ul-check {
  margin-bottom: 50px; }
  .ul-check li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5; }
    .ul-check li:before {
      left: 0;
      font-size: 20px;
      top: -.3rem;
      font-family: "icomoon";
      content: "\e5ca";
      position: absolute; }
  .ul-check.white li:before {
    color: #fff; }
  .ul-check.success li:before {
    color: #28a745; }
  .ul-check.primary li:before {
    color: #bd1220; }

.item {
  border: none;
  margin-bottom: 30px;
  border-radius: 4px; }
  .item a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 4px; }
    .item a img {
      position: relative;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
  .item .item-wrap {
    display: block;
    position: relative; }
    .item .item-wrap:after {
      z-index: 2;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.4);
      visibility: hidden;
      opacity: 0;
      -webkit-transition: .3s all ease-in-out;
      -o-transition: .3s all ease-in-out;
      transition: .3s all ease-in-out; }
    .item .item-wrap > span {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 3;
      -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      color: #fff;
      font-size: 1.7rem;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
    .item .item-wrap:hover:after {
      opacity: 1;
      visibility: visible; }
    .item .item-wrap:hover span {
      margin-top: 0px;
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1); }
  .item:hover a img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }

.contact-form {
  padding: 30px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.1);
  margin-bottom: -15em; }

.jm-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 7em; }

.twitter, .twitter:hover {
  color: #1da1f2; }

.facebook, .facebook:hover {
  color: #3b5998; }

.instagram, .instagram:hover {
  color: #c13584; }

.dribbble, .dribbble:hover {
  color: #ea4c89; }

.github, .github:hover {
  color: #333; }

.linkedin, .linkedin:hover {
  color: #0077b5; }

.person h3 {
  font-size: 1.2rem; }

.testimonial {
  padding: 30px;
  color: #000;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  line-height: 1.7;
  font-style: italic; }
  .testimonial .vcard figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px; }
    .testimonial .vcard figure img {
      border-radius: 50%; }
  .testimonial .vcard .vcard-text {
    font-style: normal;
    font-weight: 400;
    line-height: 1.2; }
    .testimonial .vcard .vcard-text .position {
      color: #b3b3b3; }
  .testimonial strong {
    font-weight: 400;
    padding: .3rem 0;
    background: #faf5bb; }

.form-subscribe .form-control {
  border-color: #333333 !important;
  background: #4d4d4d !important; }
  .form-subscribe .form-control:active, .form-subscribe .form-control:focus {
    border-color: gray !important; }
  .form-subscribe .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc;
    font-style: italic; }
  .form-subscribe .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc;
    font-style: italic; }
  .form-subscribe .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
    font-style: italic; }
  .form-subscribe .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc;
    font-style: italic; }

.nan a {
    color: #333; /* Default dark color for text visibility */
    font-family: 'Orbitron', monospace;
    font-weight: 500;
    font-size: 15px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    display: inline-block;
    transition: all 0.4s ease;
    letter-spacing: 1px;
}

/* Hover effect - Dark grey, blue, and black-inspired glow */
.nan a:hover {
    color: #fff; /* White text on hover for contrast */
    font-weight: 600;
    text-shadow: 
        0 0 10px rgba(0, 0, 0, 0.7),  /* Black glow */
        0 0 20px rgba(169, 169, 169, 1),   /* Dark Grey glow */
        0 0 30px rgba(169, 169, 169, 1),   /* Intensified Dark Grey */
        0 0 40px rgba(0, 0, 255, 0.8),  /* Dark blue glow */
        0 0 50px rgba(0, 0, 255, 1),    /* Bright blue glow */
        0 0 60px rgba(255, 255, 255, 1); /* Subtle white edge for pop effect */
    
    transform: scale(1.1) rotateY(10deg) translateZ(10px); /* 3D effect */
    animation: neonGlow 1.5s infinite alternate; /* Smooth glowing animation */
}

/* Add a glowing pulse animation */
@keyframes neonGlow {
    0% {
        text-shadow: 
            0 0 10px rgba(0, 0, 0, 0.7),
            0 0 20px rgba(169, 169, 169, 1),
            0 0 30px rgba(169, 169, 169, 1),
            0 0 40px rgba(0, 0, 255, 0.8),
            0 0 50px rgba(0, 0, 255, 1),
            0 0 60px rgba(255, 255, 255, 1);
    }
    100% {
        text-shadow: 
            0 0 20px rgba(0, 0, 0, 1),
            0 0 40px rgba(169, 169, 169, 1),
            0 0 60px rgba(169, 169, 169, 1),
            0 0 80px rgba(0, 0, 255, 1),
            0 0 100px rgba(0, 0, 255, 1),
            0 0 120px rgba(255, 255, 255, 1);
    }
}

/* Active (click) effect - Slight shrink and deeper shadow */
.nan a:active {
    transform: scale(0.95) translateY(2px); /* Slight shrink and downward movement */
    text-shadow: 
        0 0 5px rgba(0, 0, 0, 0.5),    /* Softer black glow */
        0 0 10px rgba(169, 169, 169, 0.7),
        0 0 15px rgba(0, 0, 255, 0.6);   /* Softer blue glow when clicked */
}

/* Hide .nan-btn span content on mobile screens */
@media (max-width: 768px) {
  .nan-btn span {
    display: none;
  }
}



/* Mobile Dropdown Toggle *//* Mobile Dropdown Toggle */
.mm-toggle {
  display: none; /* Hide the button by default */
  background-color: #A0A0A0; /* Soft pink background */
  color: white; /* White text */
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: 8px; /* Rounded corners */
  text-transform: uppercase;
  transition: background-color 0.3s, transform 0.2s ease;
}

.mm-toggle:hover {
  background-color: #888888; /* Darker pink on hover */
  transform: scale(1.05); /* Slight zoom effect */
}

/* Mobile Dropdown Menu */
.md-menu {
  display: none; /* Hidden by default */
  background-color: rgba(242, 242, 242, 0.9); /* Light pastel background */
  position: absolute;
  top: 90px;
  right: 10px;
  width: 200px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); /* Soft shadow */
  border-radius: 8px; /* Rounded corners */
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
}

.md-menu.active {
  display: block; /* Show the dropdown when active */
  opacity: 1;
}

/* Menu Links */
.md-menu a {
  color: #555555;
  font-family: 'Orbitron', monospace;
  font-weight: 500;
  font-size: 16px;
  padding: 12px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ddd; /* Divider between items */
  border-radius: 8px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.md-menu a:hover {
  background-color: #FF2400;
  color: white; /* White text when hovered */
  letter-spacing: 1px;
  text-shadow: 2px 7px 25px rgba(130, 130, 130, 0.5); /* Soft text shadow */
  font-weight: 600;
}

/* Remove bottom border for the last item */
.md-menu a:last-child {
  border-bottom: none;
}

/* Mobile Dropdown Toggle Visibility */
@media (max-width: 768px) {
  .mm-toggle {
    display: inline; /* Show the menu button only on mobile */
  }

  .md-menu.active {
    display: block; /* Display the dropdown when active */
  }
}