* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
  }

  body {
    font-family: 'Roboto Slab', sans-serif;
    background: linear-gradient(#000, #000001);
    color: #ffffff;
    line-height: 1.5;
    overflow-x: hidden;

  }

  .overlay_img {
    position: absolute;
    height: auto;
    width: 100%;
    z-index: -1;
    top: 9%;
    opacity: 0.7;
  }

  .overlay_img img {
    width: 100%;
    height: 250px;
  }

  .main_bg {
    background: #000 url(../images/main_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    /* background-attachment: fixed; */
    background-size: 100%;
    z-index: 0;
    height: 100%;
  }

  .main_bg2 {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }

  .main_bg2::after {
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    background: url(../images/main_bg.jpg);
    background-position: center bottom 29%;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    z-index: -1;
    height: 100%;
    transform: rotateY(180deg);
  }

  .main_bg2::before {
    content: "";
    width: 100%;
    left: 0;
    top: 16%;
    background: url(../images/stats-section-bg.png);
    background-position: center bottom -15%;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    z-index: 0;
    height: 100%;
  }

  .main_bg3 {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }

  .main_bg3::after {
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    background: url(../images/main_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    z-index: -1;
    height: 100%;
  }

  .main_bg3::before {
    content: "";
    width: 100%;
    left: 0;
    top: 0%;
    background: url(../images/stats-section-bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100%;
    z-index: 0;
    height: 100%;
  }

  /* Custom Navbar */
  .custom-navbar .container {
    max-width: 1400px;
  }

  .container {
    max-width: 1280px;
  }

  .custom-navbar {
    background: rgba(26, 26, 46, 0);
    backdrop-filter: blur(2px);
    transition: all 0.3s ease;
    padding: 1rem 0;
    border-radius: 150px;
    max-width: 1450px;
    margin-inline: auto;
  }

  .custom-navbar .nav-link.dropdown-toggle {
    padding-right: 35px !important;
    position: relative;
  }

  .custom-navbar .dropdown-toggle::after {
    border: 0;
    background-image: url("../images/dropdown-icon.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
  }

  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    background: #371769d6;
    border-radius: 20px;
    border: 1px solid #7300FF;
    padding: 10px;
  }

  .nav-item.dropdown .dropdown-menu .dropdown-item {
    padding-block: 10px;
    color: #fff;
  }

  .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background: #7300ff;
    border-radius: 7px;
  }

  .custom-navbar.scrolled {
    background: rgba(0, 0, 0, 0.81);
    padding: 0.5rem 0;
  }

  .navbar-brand {
    font-size: 1.5rem;
    font-weight: 500;
  }

  .navbar-expand-lg .navbar-nav {
    gap: 15px;
  }

  .nav-link {
    font-weight: 400;
    transition: all 0.3s ease;
    position: relative;
    color: #fff;
  }

  .nav-link {
    font-weight: 400;
    transition: all 0.3s ease;
    position: relative;
    color: #fff;
  }

  .nav-link:hover {
    background: linear-gradient(to left, #f86702, #00ff0f);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent !important;
    transform: translateY(-1px);
  }

  .nav-link.btn:hover {
    background: #7300FF;
    color: #fff !important;
    -webkit-text-fill-color: unset;
  }

  .nav-link.btn {
    border-radius: 25px;
    padding: 0.4rem 1.2rem !important;
  }

  .navbar-toggler {
    border: none !important;
  }

  .nav-item.btn1 {
    padding-left: 25px;
  }

  /* Hero Section */
  .hero-section {
    /* background: radial-gradient(ellipse at center, rgba(123, 31, 162, 0.3) 0%, transparent 70%),
                  linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); */
    /* background: url(../images/main_bg.jpg);
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
      position: relative;
      overflow: hidden;
      z-index: 0; */
  }

  .hero-section {
    padding-block: 130px 55px;
  }

  .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M0,100 Q250,50 500,100 T1000,100 V0 H0 Z" fill="%23ffffff" opacity="0.02"/></svg>');
    pointer-events: none;
  }

  .min-vh-90 {
    min-height: 90vh;
  }

  .hero-title {
    font-size: 83px;
    font-weight: 400;
    line-height: 86px;
    margin-bottom: 15px;
  }

  .text-gradient {
    background: linear-gradient(135deg, #7300FF, #00d4ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .banner_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding-top: 55px;
    margin-bottom: 30px;
  }

  .banner_content .bnr_btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .hero-subtitle {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 32px;
  }

  .sec_title {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #00FF0F;
  }

  .meet_io_sec {
    position: relative;
    z-index: 0;
  }

  .meet_inner_card_main {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/meet_inner_card_bg.png);
    background-position: center -100px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    bottom: 0;
  }


  .robot-showcase {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .robot-card::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #7300FF;
    left: 0;
    bottom: 1px;
    z-index: -1;
    border-radius: 20px;
  }

  .robot-card {
    position: relative;
    z-index: 0;
    text-align: center;
    transform: rotateY(-5deg);
    transition: all 0.3s ease;
    width: 100%;
    border-radius: 15px;
  }

  .robot-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 50px 20px;
  }

  /* .robot-card {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      padding: 2rem;
      text-align: center;
      transform: perspective(1000px) rotateY(-5deg);
      transition: all 0.3s ease;
  } */
.meet_io_sec .container > .row > div:nth-child(2) .robot-card.robot-card::after {
    height: 90%;
}

.meet_io_sec .container > .row > div:nth-child(2) .robot-card img {
    height: 100%;
    padding: 0;
}

  .robot-card:hover {
    transform: rotateY(0deg) translateY(-10px);
    /* box-shadow: 0 20px 40px rgb(46, 19, 91); */
  }

.meet_io_sec .container > .row > div:nth-child(2) .robot-card .circle_arrow img {
    height: 60px;
    margin-bottom: 11px;
}

  .robot-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    height: 370px;
    padding: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .robot-info h3 {
    font-size: 31px;
    font-weight: 400;
    color: #fff;
  }

  .bnr_btns .btn-outline-success {
    min-width: 170px;
  }

  .io-badge {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(135deg, #7300FF, #00d4ff);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: float 3s ease-in-out infinite;
  }

  .io-text {
    font-size: 2.5rem;
    font-weight: 500;
    color: #1a1a2e;
  }

  @keyframes float {

    0%,
    100% {
      transform: translateY(-50%) translateX(0);
    }

    50% {
      transform: translateY(-50%) translateX(10px);
    }
  }

  .sec_padding {
    padding-block: 100px;
    position: relative;
  }


  /* About Section */

  .about-section {
    /* background: rgba(255, 255, 255, 0.02); */
    z-index: 1;
    position: relative;

  }

  .about_img .img-fluid.rounded {
    height: 100%;
    object-fit: cover;
    border-radius: 20px !important;
  }

  .about_img {
    position: relative;
    z-index: 0;
    height: 100%;
  }

  .overlay_bg {
    position: absolute;
    left: -30%;
    width: 150%;
    height: 150%;
    top: -22%;
    z-index: -1;
  }


  .section-title {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .section-text {
    font-size: 1.05rem;
    opacity: 0.8;
    font-weight: 400;
    line-height: 27px;
  }

  .sub_title {
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

  }

  /* Statistics Section */

  .stats-section {
    position: relative;
    z-index: 1;
  }

  .status_overlay {
    position: absolute;
    width: 100%;
    height: 130%;
    left: 50%;
    bottom: -170px;
    transform: translateX(-50%);
    z-index: -1;
  }

  .status_overlay img {
    width: 100%;
    height: 100%;
  }

  .video_part {
    background: #fff;
    padding: 45px;
    border-radius: 20px;
    /* border: 1px solid #7300FF; */
    box-shadow: 20px 20px 0px #1700338a;
  }

  .video_status {
    display: flex;
    align-items: start;
    gap: 30px;
    padding-top: 30px;
  }

  .stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem 0.5rem;
    height: 100%;
    max-height: 250px;
    overflow-y: auto;
  }

  .stat-item {
    text-align: start;
    padding: 0 1rem;
    /* background: rgba(255, 255, 255, 0.05); */
    /* border-radius: 15px; */
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    transition: all 0.3s ease;
    border-left: 1px solid rgba(221, 221, 221, 0.645);
  }

  .stats-section .sec_title {
    font-size: 45px;
    color: #7300ff;
    font-weight: 400;
  }

  .stats-section .stat-item {
    padding-right: 5px;
  }

  .stat-item:hover {

    transform: translateY(-5px);
  }

  .stat-number {
    font-size: 2.5rem;
    font-weight: 500;
    color: #7300ff;
    display: inline-block;
    line-height: 100%;
  }

  .stat-unit {
    font-size: 26px;
    font-weight: 400;
    color: #7300ff;
    display: inline-block;
    margin-left: 2px;
  }

  .stat-label {
    font-size: 16px;
    opacity: 0.7;
    margin-top: 0;
    color: #7300ff;
  }

  .video_status>h2 {
    min-width: 350px;
  }

  .video_status h2 {
    width: 430px;
  }


  .features-section {
    position: relative;
    z-index: 1;

  }

  .features {
    position: relative;
  }

  .features.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .owl-prev {
    position: relative;
    left: -60px;
  }

  .owl-next {
    position: relative;
    right: -60px;
  }

  .owl-nav button.owl-prev img,
  .owl-nav button.owl-next img {
    height: 40px;
  }

  .gradient-arrow {
    font-size: 50px;
    /* size of icon */
    background: linear-gradient(45deg, #ff6a00, #ee0979);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 100%;
  }

  .feature-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
    border: 4px solid #fff;
  }

  .feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgb(46, 19, 91);
  }

  .feature-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .feature-content {
    padding: 50px 1.5rem 15px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(#0000 0%, #000 40%);
    width: 100%;
    left: 0;
    /* min-height: 160px; */
  }

  .feature-content p {
    margin-bottom: 0;
  }

  .feature-content h4 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #fff;
  }

  /* Sensor Cards */
  .sensors-section {
    position: relative;
    padding-bottom: 30px;
  }

  .sensor-card {
    /* background: rgba(255, 255, 255, 0.05); */
    border-radius: 15px;
    overflow: hidden;
    /* border: 1px solid rgba(255, 255, 255, 0.1); */
    transition: all 0.3s ease;
    height: 100%;
  }

  .sensor-card:hover {
    transform: translateY(-5px);
    /* background: rgba(0, 255, 136, 0.1); */
  }

  .sensor-image {
    width: 100%;
    /* height: 150px; */
    object-fit: cover;
  }

  .sensor-content {
    padding: 1rem;
    text-align: center;
  }

  .sensor-content h5 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #fff;
  }

  .sensors .owl-prev {
    position: relative;
    left: 0;
  }

  .sensors .owl-next {
    position: relative;
    right: 0;
  }

  .sensor-content p {
    font-size: 16px;
    opacity: 0.7;
    padding-inline: 10%;
    margin-bottom: 0;
  }

  .sensors-section .container,
  .applica-section .container {
    max-width: 100%;
    padding-left: 0px;
  }

  /* Applications Section */
  .applications-section {
    background: rgba(255, 255, 255, 0.02);
  }

  .application-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 250px;
  }

  .application-card:hover {
    transform: scale(1.05);
  }

  .application-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .application-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: 2rem 1.5rem 1.5rem;
    color: white;
  }

  .application-overlay h5 {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
  }

  .application-overlay p {
    font-size: 0.9rem;
    opacity: 0.9;
    margin: 0;
  }

  /* CTA Section */

  .cta-section {
    /* background: linear-gradient(135deg, rgba(123, 31, 162, 0.2) 0%, rgba(15, 52, 96, 0.2) 100%); */
    position: relative;
  }

  .cta-section-inner::after {
    position: absolute;
    content: "";
    background: url(../images/cta_rounded_lines.png);
    height: 103%;
    width: auto;
    aspect-ratio: 1;
    left: -2%;
    top: 50.6%;
    z-index: 0;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translateX(-50%) translateY(-50%);
  }

  .cta-section-inner {
    background:
      /* Circle in center */
      url("../images/cta_right_img.png") right center no-repeat,
      /* Robot on right */
      #fff;
    background-size: 320px, cover;
    border-radius: 20px;
    border: 1px solid #7300FF;
    padding: 70px 20px;
    overflow: hidden;
    position: relative;
  }


  .cta-title {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
  }

  .cta-subtitle {
    font-size: 1.1rem;
    opacity: 0.8;
  }

  .last_sec {
    background: url(../images/main_footer_bg.png) #000;
    background-size: 100% 115%;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
  }



  /* Partners Section */
  .partners-section {
    /* background: rgba(255, 255, 255, 0.02); */
  }

  .partners-section {
    padding-block: 60px 30px;
  }

  .partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 2rem;
    text-align: center;
  }

  .partner-logo {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    font-weight: 400;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }


  .partner-logo img {
    width: 100%;
    padding: 0px;
    height: 100%;
    object-fit: contain;

  }

  /* Footer */
  /* .footer-section {
      background: #0a0a1a;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
  } */
  .foot_main>div {
    width: 100%;
    max-width: 300px;
  }

  .foot_main {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
  }

  .foot_logo {
    width: 100%;
  }

  .footer-section a,
  .footer-section p {
    color: #fff !important;
    font-size: 17px;
  }

  .footer-section h6 {
    color: #ffffff8a;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 17px;
    text-transform: uppercase;
  }

  .footer-section a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
    padding: 0.25rem 0;
  }

  .footer-section a:hover {
    color: #7300FF !important;
    transform: translateX(5px);
  }

  .social-links a {
    display: inline-block;
    padding: 0 !important;
    margin-left: 1rem;
  }

  .social_set {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0px;
  }

  .social_links {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 0;
    padding-left: 15px;
  }

  .social_links>li a {
    background: #7300FF;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
  }

  .social_links>li a:hover {
    color: #fff !important;
    transform: translateY(-5px);
  }

  /* Buttons */
  .btn-success {
    background: linear-gradient(135deg, #7300FF, #00d4ff);
    border: none;
    border-radius: 25px;
    font-weight: 400;
    padding: 0.75rem 2rem;
    transition: all 0.3s ease;
  }

  .nav-link.btn.btn-outline-success>span img {
    height: 18px;
    width: 20px;
    position: relative;
    top: 0px;
    left: 0;
  }

  .btn-outline-success>span img {
    height: 11px;
    width: 12px;
    object-fit: contain;
    display: block;
    position: relative;
    top: 1px;
    left: 3px;
    transition: all 0.3s ease;
  }

  .btn-outline-success:hover>span img {
    top: 0px;
    left: 5px;
    transition: all 0.3s ease;
  }

  .btn-success:hover {
    background: linear-gradient(135deg, #00d4ff, #7300FF);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
  }

  .btn-outline-success::before {
    position: absolute;
    content: "";
    width: 106%;
    height: 124%;
    border-radius: 100px;
    border: 1px solid #7300FF;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);


  }

  .btn-outline-success {
    border: 2px solid #7300ff00;
    color: #fff;
    border-radius: 100px;
    font-weight: 400;
    padding: 0.5rem 2.2rem;
    transition: all 0.3s ease;
    background: #7300FF;
    position: relative;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }


  .btn-outline-success:hover {
    border-color: #7300FF;
    color: #fff !important;
    background-color: #7300FF;
    transform: translateY(-3px);
  }

  .btn-outline-light {
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    font-weight: 400;
    padding: 0.75rem 2rem;
    transition: all 0.3s ease;
  }

  .btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
  }

  /* Animations */
  .fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
  }

  .fade-in.visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .hero-title {
      font-size: 2.5rem;
    }

    .hero-subtitle {
      font-size: 0.8rem;
    }

    .stats-grid {
      grid-template-columns: 1fr;
      gap: 1rem;
    }

    .stat-number {
      font-size: 2rem;
    }

    .io-badge {
      position: static;
      margin: 2rem auto 0;
      transform: none;
    }

    .robot-card {
      transform: none;
    }

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

    .cta-title {
      font-size: 2rem;
    }

    .partners-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 576px) {
    .hero-title {
      font-size: 2rem;
    }

    .partners-grid {
      grid-template-columns: 1fr;
    }

    .stat-item {
      padding: 1rem;
    }

    .feature-content,
    .sensor-content {
      padding: 1rem;
    }

  }

  /* Custom scrollbar */
  /* ===== Scrollbar Styles for Chrome, Edge, Safari ===== */
  ::-webkit-scrollbar {
    width: 8px;
  }

  ::-webkit-scrollbar-track {
    background: #1a1a2e;
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #7300FF, #7300FF);
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #5e00cc, #7300FF);
  }

  /* ===== Scrollbar Styles for Firefox ===== */
  html {
    scrollbar-width: thin;
    /* auto | thin | none */
    scrollbar-color: #7300FF #1a1a2e;
    /* thumb | track */
  }

  /* Loading animation for images */
  img {
    transition: opacity 0.3s ease;
  }

  /* img[data-loaded="false"] {
      opacity: 0;
  }

  img[data-loaded="true"] {
      opacity: 1;
  } */

  /* Owl Carousel Customization */
  .owl-nav {
    text-align: center;
    margin-top: 20px;
  }

  .owl-nav button.owl-prev,
  .owl-nav button.owl-next {
    background: var(--primary-blue) !important;
    color: white !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    margin: 0 10px;
  }

  .owl-dots {
    text-align: center;
    margin-top: 20px;
  }

  .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px;
  }

  .owl-dot.active span {
    background: var(--primary-blue) !important;
  }

  .video_part {
    position: relative;
  }

  .play-btn {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255, 102, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #F86400;
    animation: pulse 1.5s infinite;
  }

  .play-btn:hover {
    background: rgba(255, 102, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
  }

  .play-btn::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 25px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    margin-left: 5px;
  }

  /* Pulse animation */
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.7);
    }

    70% {
      box-shadow: 0 0 0 25px rgba(255, 102, 0, 0);
    }

    100% {
      box-shadow: 0 0 0 0 rgba(255, 102, 0, 0);
    }
  }

  .about-section {
    overflow: hidden;
  }

  .navbar-brand img {
    height: 70px;
  }

  .cta-section-inner .btn-outline-success::before {
    width: 104%;
  }



  /* inner_pages */
  /* .inner_banner_sec .sec_title{text-transform: uppercase;} */
  .inner_banner_sec {
    padding-block: 180px 0px;
    /* background: url(../images/main_bottom_grad.png); */
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .contact_form_set {
    /* background: url("../images/cta_design.png") center center no-repeat ; */
    background-size: contain, cover;
    border-radius: 20px;
    border: 1px solid #7300FF;
    padding: 50px;
  }

  .profile_container .card-header {
    color: #111;
  }

  .form-floating>label {
    color: #111;
  }

  .form-floating>.form-control,
  .form-floating>.form-control-plaintext,
  .form-floating>label,
  .form-select {
    padding: 1rem 1.3rem;
  }

  textarea {
    border-radius: 10px !important;
  }

  .form-control,
  .form-select {
    border-radius: 60px;
  }

  .form-control:focus,
  .form-control:focus-visible {
    border: none;
    outline: none;
    box-shadow: none;
  }

  .about_sec .stats-grid {
    overflow-y: visible;
    max-height: 100%;
  }

  .cta-section .sec_title,
  .cta-section .cta-subtitle {
    color: #7300ff;
  }


  /* profile css */
  .profile_container {
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }

  .profile_container .header {
    background: #371769d6;
    color: white;
    padding: 30px;
    position: relative;
    overflow: hidden;
  }



  .profile_container .header-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .profile_container .profile-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #926bff, #833dff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    color: white;
    border: 4px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .profile_container .profile-avatar:hover {
    transform: scale(1.1);
    border-color: rgba(255, 255, 255, 0.4);
  }

  .profile_container .profile-info h1 {
    font-size: 2.2em;
    margin-bottom: 5px;
  }

  .profile_container .role-badge {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 25px;
    font-size: 0.9em;
    backdrop-filter: blur(10px);
  }

  .profile_container .main-content {
    display: grid;
    grid-template-columns: 330px 2fr;
    gap: 0;
    min-height: 600px;
  }

  .profile_container .sidebar {
    background: #f8f9fa;
    padding: 30px;
    border-right: 1px solid #e9ecef;
  }

  .profile_container .nav-menu {
    list-style: none;
    padding-left: 0;
  }

  .profile_container .nav-item {
    margin-bottom: 15px;
  }

  .profile_container .nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    text-decoration: none;
    color: #495057;
    border-radius: 12px;
    transition: all 0.3s ease;
    font-weight: 500;
  }

  .profile_container .nav-link:hover,
  .profile_container .nav-link.active {
    background: linear-gradient(135deg, #7300ff, #7300ff);
    color: white !important;
    transform: translateX(5px);
  }

  .profile_container .content-area {
    padding: 30px;
    background: #fff;
  }

  .profile_container .section {
    display: none;
    animation: fadeInUp 0.5s ease;
  }

  .profile_container .section.active {
    display: block;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .profile_container .section-title {
    font-size: 1.8em;
    margin-bottom: 15px;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .profile_container .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 30px;
  }

  .profile_container .form-group {
    display: flex;
    flex-direction: column;
  }

  .profile_container .form-group.full-width {
    grid-column: 1 / -1;
  }

  .profile_container .form-label {
    margin-bottom: 8px;
    font-weight: 600;
    color: #495057;
  }

  .profile_container .form-input {
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    font-size: 1em;
    transition: all 0.3s ease;
    background: white;
  }

  .profile_container .form-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  }

  /* .profile_container .btn {
      padding: 12px 25px;
      border: none;
      border-radius: 5px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.3s ease;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      font-size: 1em;
  } */

  .profile_container .btn-primary {
    background: linear-gradient(135deg, #7300ff, #7300ff);
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 160px;
  }

  .profile_container .btn-warning {
    background: linear-gradient(135deg, #eadd66, #a2914b);
    color: white;

  }

  .profile_container .btn-primary:hover,
  .profile_container .btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
  }

  .profile_container .btn-secondary {
    background: #6c757d;
    color: white;
    padding: 12px 20px;
    border-radius: 160px;
  }

  .profile_container button svg {
    width: 18px !important;
    height: 18px !important;
  }

  .profile_container .btn-danger {
    background: #dc3545;
    color: white;
  }

  .profile_container .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
  }

  .profile_container .stat-card {
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
    border: 1px solid #e9ecef;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease;
  }

  .profile_container .stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }

  .profile_container .stat-number {
    font-size: 2.5em;
    font-weight: bold;
    color: #667eea;
    margin-bottom: 10px;
  }

  .profile_container .stat-label {
    color: #6c757d;
    font-weight: 500;
  }

  .profile_container .notification-item {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.3s ease;
  }

  .profile_container .notification-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }

  .profile_container .notification-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b6b, #ffa500);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }

  .profile_container .notification-content {
    flex: 1;
  }

  .profile_container .notification-title {
    font-weight: 600;
    margin-bottom: 5px;
    color: #2c3e50;
  }

  .profile_container .notification-desc {
    color: #6c757d;
    font-size: 0.9em;
  }

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

  .profile_container .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .profile_container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
  }

  .profile_container .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
  }

  .up_btns {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }

  .profile_container input:checked+.slider {
    background: linear-gradient(135deg, #667eea, #764ba2);
  }

  .profile_container input:checked+.slider:before {
    transform: translateX(26px);
  }

  .profile_container .alert {
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .profile_container .alert-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
  }

  .profile_container .alert-warning {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
  }

  @media (max-width: 768px) {
    .profile_container .main-content {
      display: flex;
      flex-direction: column;
    }

    .profile_container .form-grid {
      grid-template-columns: 1fr;
    }

    .profile_container .header-content {
      flex-direction: column;
      text-align: center;
    }

    .profile_container .stats-grid {
      grid-template-columns: 1fr;
    }
  }

  /* doc table */
  .document_table_container table tr th,
  .document_table_container table tr td {
    font-size: 15px;
  }

  .document_table_container {
    margin-bottom: 15px;
    background: white;
    border-radius: 12px;
  }

  .document_table_container .document-table th {
    font-weight: 600;
    text-align: center;
  }

  .document_table_container .form-select-sm.form-select {
    padding: 0.5rem 1.3rem;
  }

  .document_table_container .document-table td {
    vertical-align: middle;
    text-align: center;
  }

  .document_table_container .form-select-sm {
    max-width: 120px;
    margin: 0 auto;
  }

  .document_table_container .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 5px;
  }

  .profile_container .contact_form_set {
    padding: 30px;
  }

  .document_table_container .btn i {
    height: 16px;
    width: 16px;
  }

  @media (max-width: 768px) {
    .document_table_container {
      padding: 10px;
    }

    .document_table_container .btn {
      padding: 4px 8px;
    }

    .document_table_container .form-select-sm {
      width: 100%;
    }

    .profile_container .contact_form_set {
      padding: 20px 15px;
    }
  }



  /*  */
  .career_card {
    --bg: #f5f7fb;
    --card: #ffffff;
    --text: #121826;
    --muted: #5b6477;
    --line: #e8ecf3;
    --chip: #eef2f8;
    --blue: #2563eb;
    --yellow: #f5b301;
    --shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    --radius: 18px;
  }

  .career_card * {
    box-sizing: border-box;
  }

  .career_card .wrap {
    max-width: 100%;
    margin-inline: auto;
  }

  .career_card .card {
    background: var(--card);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 30px;
    transition: all .3s ease;
  }

  .career_card .card:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  }

  .career_card .checkbox {
    width: 22px;
    height: 22px;
    border: 2px solid #c9d3e3;
    border-radius: 6px;
    display: inline-block;
    margin-top: 6px;
    flex: 0 0 auto;
  }

  .career_card .logo {
    width: 64px;
    height: 64px;
    border: 1px solid var(--line);
    border-radius: 50px;
    display: grid;
    place-items: center;
    background: #fff;
    overflow: hidden;
  }

  .career_card .logo span {
    font-weight: 600;
    color: #0b6fbe;
    font-size: 15px;
  }

  .career_card .head {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 6px;
  }

  .career_card .job-title {
    font-size: 22px;
    font-weight: 600;

  }

  .career_card .list_set li {
    margin-bottom: 10px;
  }

  .career_card .company {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 12px;
  }

  .career_card .company .name {
    color: #009239;
    font-weight: 600;

  }

  .career_card .card .btn.btn-outline-success a {
    color: #fff;
    text-decoration: none;
  }

  .career_card .rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2e3b55;
    font-size: 14px;
    font-family: "Roboto Slab";
  }

  .career_card .rating .star {
    width: 16px;
    height: 16px;
    display: inline-block;
    clip-path: polygon(50% 0, 62% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 38% 35%);
    background-color: var(--yellow);
  }

  .career_card .meta,
  .career_card .req,
  .career_card .skills,
  .career_card .footer {
    grid-column: 2 / span 1;
  }

  .career_card .meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    color: var(--text);
    margin-bottom: 14px;
  }

  .career_card .item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
  }

  .career_card .dot {
    color: #c0c8d8;
    margin-inline: 6px;
  }

  .career_card .req {
    color: var(--muted);
    line-height: 1.7;
    border-top: 1px solid var(--line);
    padding-top: 12px;
    margin-bottom: 18px;
  }

  .career_card .skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }

  .career_card .chip {
    color: #2d3648;
    border-radius: 999px;
    font-size: 17px;
  }

  .career_card .footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #7a859a;
    font-size: 14px;
    padding-top: 14px;
    gap: 25px;
  }

  .career_card .actions {
    display: flex;
    gap: 20px;
    align-items: center;
  }

  .career_card .actions a {
    text-decoration: none;
    color: #2e3b55;
    display: inline-flex;
    gap: 6px;
    align-items: center;
    font-size: 14px;
  }

  .career_card .actions a:hover {
    color: var(--blue);
  }

  .career_card .btn__set {
    border: 1px solid #9f9f9f;
    padding: 9px;
    border-radius: 35px;
    padding: 7px 26px;
    color: #170628;
  }

  .career_card .btn__set a {
    color: black;
  }

  .career_card .skills__heading {
    font-size: 20px;

    font-weight: 500;
    display: inline-block;
  }

  .career_card .logo img {
    max-width: 51px;
  }

  /* Responsive styles */
  @media (max-width: 640px) {
    .career_card .card {
      grid-template-columns: 1fr auto;
      padding: 18px;
    }

    .career_card .checkbox {
      grid-column: 1;
      order: -3;
    }

    .career_card .logo {
      grid-row: 1;
      grid-column: 2;
    }

    .career_card .head,
    .career_card .company,
    .career_card .meta,
    .career_card .req,
    .career_card .skills,
    .career_card .footer {
      grid-column: 1 / -1;
    }
  }

  .file_selection label {
    top: 14px;
    padding-block: 12px;
    background: #fff;
    border-radius: 40px;
    padding-inline: 23px;
    color: #7300ff !important;
    border-right: 1px solid;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .file_selection input {
    padding-block: 20px !important;
  }

  .captcha_set {
    background: #f9f9f9;
    border-radius: 60px;
    padding-left: 0px;
    overflow: hidden;
    height: 65px;
    display: flex;
    align-items: center;
  }

  .captcha_set>div>div>div>iframe .rc-anchor-light.rc-anchor-normal,
  .captcha_set>div>div>div>iframe .rc-anchor-light.rc-anchor-compact {
    border: none !important;
  }

  .captcha_set>div>div,
  .captcha_set>div>div>div>iframe {
    width: 100% !important;
  }

  .days_set {
    display: inline-flex;
    flex-direction: revert;
    align-items: center;
    gap: 5px;
  }


  @media screen and (max-width: 600px) {
    .career_card .aws-editior.top {
      margin-top: 50px;
    }

    .career_card .footer {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      gap: 10px;
    }

    .career_card .footer .line {
      display: none;
    }

    .list_set {
      padding-left: 10px;
    }
  }

  @media screen and (max-width: 450px) {
    .career_card .logo img {
      max-width: 43px;
    }

    .career_card .logo {
      width: 55px;
      height: 55px;
      overflow: visible;
    }

    .career_card .job-title {
      font-size: 20px;
    }

    .d-flex.justify-content-between.f__bor {
      flex-direction: column;
      align-items: center;
      gap: 15px;
    }

    .days_set strong {
      font-weight: 400;
      font-size: 12px;
    }

    .f__bor .btn.btn-outline-success {
      padding-block: 4px;
      font-size: 14px;
    }

    .career_card .skills {
      margin-bottom: 15px;
    }

    .inner_sec.sec_padding.career_card .row>div {
      margin-top: 5px !important;
    }

    .career_card .list_set li {
      margin-bottom: 10px;
      font-size: 15px;
    }
  }

  @media screen and (max-width: 361px) {
    .career_card .meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0px;
      color: var(--text);
      margin-bottom: 10px;
    }

    .career_card .job-title {
      font-size: 16px;
    }
  }

  /* ---------
  ----manjunath-css------
  ------ */
  .video_part img {
    border-radius: 20px;
  }

  .values-section p{
    text-align: justify;
  }
  .video_part .video_texts {
    position: absolute;
    bottom: 30px;
    left: 25px;
    color: #00FF0F;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.2;
    width: 50%;
    max-width: 700px;
    text-shadow: 1px 1px #111;
  }


  @media (max-width: 992px) {
    .video_part .video_texts {
      font-size: 26px;
      width: 70%;
      bottom: 0;
    }
  }


  @media (max-width: 576px) {
    .video_part .video_texts {
      font-size: 15px;
      width: 90%;
      bottom: 0;
      left: 15px;
    }
  }


  .values-section {
    padding: 40px 15px;
    background: transparent;
  }

  .values-title {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 30px;
  }

  .value-item {
    border-top: 1px solid #ccc;
    padding: 35px 0;
    align-items: center;
  }

  .value-item:last-child {
    border-bottom: 1px solid #ccc;
  }

  .value-number {
    font-size: 9rem;
    font-weight: 400;
    line-height: 0.4;
    color: #fff;
  }

  .value-text h3 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 15px;
  }

  .value-text p {
    font-size: 1rem;
    color: #fff;
    max-width: 600px;
    align-content: end;
  }


  @media (max-width: 768px) {
    .value-item {
      flex-direction: column;
      text-align: left;
    }
  .value-text h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
  }
    .value-number {
      font-size:30px;
      margin-bottom: 20px;
    }
  }

  .about-bg-fit {
    position: absolute;
    height: auto;
    width: 100%;
    z-index: -1;
    top: 24%;
    opacity: 1.9;
  }

  .about-bg-fit img {
    width: 100%;
    height: 300px;
  }

  @media (max-width: 768px) {
    .about-bg-fit {
      position: absolute;
      height: auto;
      width: 100%;
      z-index: -1;
      top: 5%;
      opacity: 1.9;
    }
  }

  /* -----------Master-Plans--------------- */

.overlay_bg-master {
  position: absolute;
  left: -30%;
  width: 150%;
  height: 150%;
  top: -22%;
  z-index: -1;
}

  @media (max-width: 576px) {
  .overlay_bg-master {
    position: absolute;
    left: -19%;
    width: 120%;
    height: 150%;
    top: -22%;
    z-index: -1;
  }
}


  .overlay_img-master { 
  position: absolute;
    top:900px !important;
  height: auto;
    width: 100%;
    z-index: -1;
  }
  .overlay_img-master  img{
    width: 100%;
    height: 300px;
  }

  .master-plan {
    position: relative;
    top: 100px;
    padding-block: 50px;
  }

  .sec_title-heading {
    font-size: 25px;
    font-weight: 500;
    color: #00FF0F;
  }

  .mission-section {
    padding: 30px 60px 0 0;
    text-align: justify;
  }

  .mission-sidebar {
    position: sticky;
    top: 96px;
    height: fit-content;
    padding: 15px 35px;
    background-size: contain, cover;
    border-radius: 20px;
    border: 1px solid #7300FF;
  }

  .mission-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mission-sidebar li {
    border-bottom: 1px solid #eee;
  }

  .mission-sidebar .nav-link {
    display: block;
    padding: 18px 0;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s ease;
  }

  .mission-sidebar .nav-link.active {
    background: linear-gradient(to left, #f86702 30%, #00ff0f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
        font-size: 25px;
      font-weight: 400;
  }


  .mission-sidebar li {
    border-bottom: 1px solid #eee;
  }

  .mission-sidebar ul li:last-child {
    border-bottom: none !important;
  }
  .mission-sidebar span{
    padding-right:15px;
  }

  @media (max-width: 991px) {
  
    .mission-sidebar {
      position: relative;
      top: 0;
      margin-top: 30px;
      border: 1px solid #7300FF;
    }

    .mission-sidebar .nav-link {
      font-size: 16px;
      padding: 20px 0;
    }

    .mission-section {
      padding: 15px 0;
    }
  }

  @media (max-width: 576px) {
    .master-plan {
    position: relative;
    top: 80px;
    padding-block: 20px;
    }
    .mission-sidebar {
      padding: 0px 20px;
    }

    .mission-sidebar .nav-link {
      font-size: 16px;
    }

    .mission-section h2,
    .mission-section h3 {
      font-size: 1.25rem;
    }

    .mission-section p {
      font-size: 0.95rem;
    }
  }
  @media (max-width:1440px) {
    .overlay_img-master { 
  position: absolute;
    top:700px !important;
    background-repeat: no-repeat;
    }
  }


  /* ---  manjunath---css-
-------mode------
----- */
.custom-modal .modal-dialog {
  max-width: 800px;
  width: 90%;
}
 
.custom-modal .modal-content {
  background: #000;
  color: #fff;
  border: 1px solid #7300FF;
  border-radius: 18px;
  padding: 20px;
   
}
 
.custom-modal .modal-header {
  border: none;
  padding-bottom: 1px;
}
 
.custom-modal .modal-title {
  font-size: 45px;
  font-weight: 400;
  color: #00FF0F;
  /* text-align: left; */
  line-height: 35px;
}
 
.custom-modal .modal-body {
  font-size: 1.05rem;
  opacity: 0.8;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #fff;
  height: auto;
}
 
.custom-modal .btn-close {
  filter: invert(1);
  opacity: 1;
  position: relative;
  bottom: 45px;
  left: 10px;
}
.custom-modal .close-modal2 {
  filter: invert(1);
  opacity: 1;
  position: relative;
  bottom:23px;
  left:13px;
}
.modal-body ul{
  padding-left: 1rem;
}
.btn-close:focus,
.btn-close:active {
  outline: none !important;
  box-shadow: none !important;
}
 
@media (min-width: 1200px) {
  .custom-modal .modal-dialog {
    max-width: 800px;
  }
 
  .custom-modal .modal-content {
  padding: 20px 20px 10px 20px;
  }
 
  .custom-modal .modal-title {
    font-size: 27px;
    font-weight: 500;
    color: #00FF0F;
    line-height: 35px;
  }
 
  .custom-modal .modal-body {
    font-size: 1.05rem;
    text-align: justify;
  }
}
 
 
@media (max-width: 1199px) and (min-width: 768px) {
  .custom-modal .modal-dialog {
    max-width: 80%;
  }
 
  .custom-modal .modal-content {
    padding: 20px;
  }
 
  .custom-modal .modal-body {
    font-size: 16px;
  }
}
 
 
@media (max-width: 767px) {
  .custom-modal .modal-dialog {
    max-width: 95%;
    position: relative;
    top: 100px;
  }
 
  .custom-modal .modal-content {
    padding: 15px;
    position: absolute;
    left: 10px;
  }
 
  .custom-modal .modal-title {
    font-size: 18px;
    line-height: 28px;
  }
 
  .custom-modal .modal-body {
    font-size: 14px;
  }
}
 
.modal-body ul {
  list-style: none;  
  padding-left:0px;  
}
 
.modal-body ul li {
  position: relative;
  padding-left: 25px;  
  margin-bottom: 8px;
  font-size:19px;
  font-weight: 400;
}
 
 .modal-body ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width:15px;
  height:15px;
  background-image: url('../images/favicon.png');  
  background-size: contain;
  background-repeat: no-repeat;
}
 
.feature-card,.sensor-card {
  cursor: pointer;
}


/* -----------
  -----manjunath----css */
.location-col {
    /* background: linear-gradient(135deg, #7300FF, #3A0077); */
    background-color: #7300FF;
    border-radius: 15px;
    padding:4px;
    height: 100%;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:1px solid #7300FF;
}
 
.location-col h3 {
    font-size: 22px;
    font-weight: 600;
    /* line-height: 1.4; */
    color: #fff;
    margin-bottom: 15px;
    border-bottom: 1px solid #ffffff29;
    padding-bottom:15px;
}
 
.location-col p {
    font-size: 16px;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 1.4;
    margin-bottom:0px;
}
 
.location-col img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}
.location-map img{
  height: 100% !important;
  /* object-fit: cover; */
}
 
.location-text {
    padding:20px;
}
.location-text span{
 color: #9cff9f;
}
.location-overlay_img {
  position: absolute;
  height: auto;
  width: 100%;
  z-index: -1;
  top:42%;
  opacity: 0.7;
}
.location-overlay_img img {
 width: 100%;
 height: 250px;
 opacity: 2.9;
}


  /*===  pn  ===*/
  /* Css  */
  .mission-sidebar li {border-bottom: 1px solid #ffffff29;}
  .stats-section.sec_padding.about_sec.inner_banner_sec.fade-in.visible {padding-block: 148px 0px;}
  /* news  */
 
  .about-bg-fit.news{
    position: absolute;
    height: auto;
    width: 100%;
    z-index: -1;
    top: 80%;
    opacity: 1.9;
  }
  
.High {
  position: relative;
  overflow: hidden; 
  border-radius: 30px; 
  border: 4px solid #fff;
}
.High.full {height: 670px;}
.High.full img {height: 100%;}
.High.full .High__content h4 {font-size: 34px;}
.High img {
  border-radius: 30px;
  transition: all 0.3s ease;
  width: 100%;
  height: 320px;    
  object-fit: cover;   
}

.High__date {
  position: absolute;
  top: 15px;
  left: 15px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 8px;
}

.High__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 1.5rem 15px;
  background: linear-gradient(#0000 0%, #000 40%);
  border-radius: 0 0 30px 30px;
}

.High__content h4 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #fff;
}
.stats-section.sec_padding.pt-0.fade-in.visible {padding-top: 85px !important;padding-bottom: 0;}
.sec_title.news {
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #00FF0F;
}
.career__box{
  background: #fff;
  border-radius: 18px;
  padding: 50px;
  transition: all .3s ease;
}
.sec_title.blk{
  color: #000;
}
.career__box p{
    color: #000;
}
.career__box.cta-section-inner::after {
  position: absolute;
  content: "";
  background: url(../images/cta_rounded_lines.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 103%;
  width: auto;
  aspect-ratio: 1;
  left: 1269px;
  top: 50.6%;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}
.master-plan.sec_padding {
  padding-block: 100px;
  position: relative;
  padding-top: 70px;
}
.about-bg-fit.cr {
  position: absolute;
  height: auto;
  width: 100%;
  z-index: -1;
  top: 24%;
  opacity: 1.9;
  top: 210px;
}
.accordion {
  background-color: #000 !important;
}
.faq-item.value-item.active .faq-answer {
  border-bottom: 1px solid #fff3;
  padding: 30px 0px;
  
}
.faq-item.value-item.active .faq-answer:first-of-type {
  border-top: 1px solid #fff3;
}
.faq-item.value-item.active .faq-answer:last-of-type {
  border-bottom: none;
}
.sec_title.blk {
  color: #000;
  line-height: 50px;
}

.career__box.cta-section-inner .cta-subtitle {
  padding-inline-end: 104px;
}





/* Card hover effect */
.faq-answer {
 
  transition: background-color 0.3s ease;
  padding: 10px;
}

/* Background color change on hover */
.faq-container a:hover .faq-answer {
  background-color: #222; /* change to your preferred hover color */
}

/* Job title */
.mid {
  font-size: 18px;
  color: #fff;
  position: relative;
  display: inline-block;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}
/* Underline effect for job title */
.mid::after {
content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #ffffffbd;
  transition: width 0.4s ease;
}

/* Animate underline on hover */
.faq-container a:hover .mid::after {
  width: 100%;
}

/* Apply Now button */
.faq__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

/* Underline for Apply Now */
.faq__btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #ffffffbd;
  transition: width 0.4s ease;
}

.faq-container a:hover .faq__btn::after {
  width: 100%;
}

/* Arrow image transition */
.faq__btn span img {
  height: 11px;
  width: 11px;
  object-fit: contain;
  display: block;
  transition: transform 0.3s ease;
}

.faq-container a:hover .faq__btn span img {
  transform: translateX(0px);
}
.faq-item.value-item.active a {
  text-decoration: none !important;
}




        .faq-section {max-width: 800px;margin: 50px auto;padding: 20px;font-family: "Segoe UI", sans-serif;}

        .faq-title {text-align: center;font-size: 2rem;margin-bottom: 20px;}
        .faq-item {padding: 40px 0;}

        .faq-item .faq-question{
          font-size: 45px;
          color: #fff;
            width: 100%;
            background: none;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
            text-transform: uppercase;
            position: relative;
        }


        .faq-item .faq-question .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #f06509;
  font-size: 25px;
  margin-left: 10px;
  border: 1px solid #009239;
}
.faq-answer .bi.bi-arrow-up-right {
  font-size: 13px;
}
.faq-item.value-item.active .roles__small {
  color: #fff;
  opacity: .6;
}
      

        
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.3s ease;
            padding: 0 0;
        }

        .faq-answer p {
            margin: 10px 0;
        }

        .faq-item.active .faq-answer {
            max-height: 200px;
            /* enough for content */
            padding: 10px 0;
        }

        .faq-item.active .faq-question .icon {
            transform: rotate(180deg);
            content: "–";
        }





  .ul__cls .sub_title.text-start {
  margin-top: 25px !important;
}      
.ul__cls ul {
  list-style: none;  
  padding-left:0px;  
}
 
.ul__cls ul li {
  position: relative;
  padding-left: 25px;  
  margin-bottom: 8px;
  font-size:16px;
  font-weight: 400;
}
 
.ul__cls  ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width:15px;
  height:15px;
  background-image: url('../images/favicon.png');  
  background-size: contain;
  background-repeat: no-repeat;
}


.job__alert__card {
    border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 20px;
  margin-top: 15px;
    }
    .job__alert__icon {
      font-size: 1.5rem;
      color: #ffffff;
    }
    .job__alert__title {
  font-weight: 600;
  margin-top: 5px;
}
    .job__alert__desc {
 color: #6c757d;
  font-size: 15px;
  padding-top: 5px;
}
    .job__alert__link {
      color: #009138c4;
      text-decoration: underline;
      font-weight: 500;
      font-size: 15px;
    }

        
/* res  */
  @media screen and (max-width: 768px) {
    .High img {width: 100%;height: 100%;object-fit: cover;}
    .status_overlay.p img {display: none;}
  }
  @media screen and (max-width: 578px) {
    .stats-section.sec_padding.pt-0.pn.fade-in.visible {padding-top: 45px !important;padding-bottom: 0;}
    .faq-item .faq-question {font-size: 30px;}
    .faq-item .faq-question .icon {width: 40px;height: 40px;font-size: 20px;}
    .mid {
  font-size: 16px;
}
.faq-item {
  padding: 30px 0;
}
.faq-item.value-item.active .faq-answer {
  border-bottom: 1px solid #fff3;
  padding: 22px 0px;
}
  }
  @media screen and (max-width: 500px) {
    .stats-section.sec_padding.about_sec.inner_banner_sec.pn {padding-block: 100px 0px !important;}
    .High.full .High__content h4 {font-size: 28px;}
    .High__content h4 {font-size: 19px;}
    .High.full img {height: 320px;object-fit: cover;}
    .High.full {height: auto;}
    /* .overlay_bg-master {left: -55%;height: 150%;top: -25%;max-width: 850px;} */
  }