/* Reset Margin and Padding for All Elements */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

/* Body and Global Styles */
body {
    font-size: 16px;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #f4f4f4; /* Unified background */
}

/* Navbar Styles */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 50px;
    background-color: white;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.navbar-left {
    display: flex;
    align-items: center;

}

.logo {
    height: 70px;
    width: auto;
     
    margin: auto;
}

.navbar-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.info {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

.info i {
    color: #FF6B6B;
    margin-right: 7px;
    font-size: 16px;
}

.register-btn {
    background: linear-gradient(45deg, #FF6B6B, #556BFF);
    color: white;
    padding: 8px 12px;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease;
}

.register-btn:hover {
    background-color:#FF6B6B;
}

.nav-links {
    display: flex;
    justify-content: center;
    background-color: white;
    padding: 12px;
    margin-bottom: 0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.nav-links a {
    text-decoration: none;
    color: black;
    font-weight: 500;
    margin: 0 15px;
    font-size: 15px;
    transition: color 0.3s ease-in-out;
}

.nav-links a:hover, .nav-links a.active {
    color: #FF6B6B;
}

/* Mobile Styles */
.menu-toggle {
    display: none;
    font-size: 22px;
    cursor: pointer;
    background: none;
    border: none;
    background: linear-gradient(45deg, #FF6B6B, #556BFF);
    color:white;
    position: absolute;
    right: 20px;
    top: 15px;
    border: none;
    border-radius: 4px;
    width:35px;
    margin-top: 10px;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100vh;
    background: white;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    padding: 20px;
    transition: left 0.3s ease-in-out;

}

.mobile-menu a {
    text-decoration: none;
    color: black;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0;
}

.mobile-menu a:hover, .mobile-menu a.active {
    color: #FF6B6B;
}

/* Close Button (X) */
.close-menu {
    background: linear-gradient(45deg, #FF6B6B, #556BFF);
    color: white;
    border: none;
    font-size: 16px;
    padding: 6px 10px;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.mobile-register-btn {
    background: linear-gradient(45deg, #FF6B6B, #556BFF);
    color: white;
    padding: 8px;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    text-decoration: none;
    display: inline-block;
    width: 120px;
}


.mobile-register-btn:hover {
    background-color:#FF6B6B;
}

/* Responsive Design for Navbar */
@media (max-width: 768px) {
    .nav-links, .register-btn {
        display: none;
    }
    .navbar-right .info {
        display: none;
    }
    .menu-toggle {
        display: block;
    }
}

@media (min-width:769px) {
    .mobile-menu{
        display: none;
    }
}




  

/* Image Slider */
.slider-container {
    position: relative;
    width: 100%;
    margin-top: 110px; /* Adjusted for fixed navbar */
    overflow: hidden;
}
.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.slide {
    min-width: 100%;
    transition: opacity 1s ease-in-out;
}
.slide img {
    width: 100%;
    height: auto;
     
}
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
}
.prev {
    left: 10px;
}
.next {
    right: 10px;
}

/* Fix Mobile Menu Overlay Issue */
.mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100vh;
    background: white;
    z-index: 1000; /* Ensure menu is above other elements */
    transition: left 0.3s ease-in-out;
    box-shadow: 2px 0 5px rgba(0,0,0,0.2);
}
  
/* Ensure Slider Does Not Cover the Menu */
.slider-container {
    position: relative;
    z-index: 1; /* Keep below mobile menu */
}

/* Remove Gap Between Navbar and Slider */
.navbar {
    margin-bottom: 0;
    padding-bottom: 0;
}
.slider-container {
    margin-top: 0;
}

  



/*career section*/
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
     
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f9f9f9;
}

.registration-container {
    display: flex;
    width: 80%;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: auto;
    margin-top: 30px;
}

/* Left Section - Single Image */
.left-section {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.left-section img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
 

/* Right Section - Form */
.right-section {
    width: 50%;
    padding: 40px;
    padding-top: 250px;
}

.right-section h2 {
    font-size: 40px;
    margin-bottom: 15px;
}

.right-section h2 span {
    background: linear-gradient(to right, #ff5733, #ffcc33);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.form-group {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
     
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.form-group textarea {
    resize: none;
    height: 80px;
}

.form-groupp {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-direction: column;
     
}

.form-groupp input,
.form-groupp select,
.form-groupp textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.form-groupp textarea {
    resize: none;
    height: 80px;
}

.submit-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(to right, #ff5733, #ffcc33);
    color: white;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.submit-btn:hover {
    opacity: 0.8;
}

/* Responsive Design */
@media (max-width: 768px) {
    .registration-container {
        flex-direction: column;
        width: 90%;
    }

    .left-section, .right-section {
        width: 100%;
    }

    .left-section img {
        width: 100%;
    }

    .right-section {
        padding: 20px;
    }

    .right-section h2 {
        font-size: 24px;
        text-align: center;
         
    }

    .form-group {
        flex-direction: column;
        gap: 10px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 14px;
        padding: 8px;
    }

    .submit-btn {
        font-size: 16px;
        padding: 10px;
    }
}










/* 🔹 Main Styling */
.social-section {
    text-align: center;
    margin: 40px 0;
}

.social-section h2 {
    font-size: 32px;
    font-weight: bold;
    color: #02042B; /* Dark navy blue */
    margin-bottom: 10px;
}

.social-section p {
    font-size: 18px;
    color: #444;
    text-align: center;
    margin-bottom: 20px;
}

/* 🔹 Social Media Icons */
.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

.social-icons a img {
    width: 50px; /* Icon size */
    height: 50px;
    border-radius: 10px; /* Rounded corners */
    transition: transform 0.3s ease-in-out;
}

.social-icons a img:hover {
    transform: scale(1.1); /* Slight zoom effect */
}

/* 🔹 Responsive Design */
/* Large Tablets (max-width: 1024px) */
@media (max-width: 1024px) {
    .social-section h2 {
        font-size: 28px;
    }
    .social-section p {
        font-size: 16px;
    }
    .social-icons a img {
        width: 45px;
        height: 45px;
    }
}

/* Small Tablets & Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .social-section h2 {
        font-size: 24px;
    }
    .social-section p {
        font-size: 14px;
    }
    .social-icons {
        gap: 10px;
    }
    .social-icons a img {
        width: 40px;
        height: 40px;
    }
}

/* Phones (max-width: 480px) */
@media (max-width: 480px) {
    .social-section h2 {
        font-size: 20px;
    }
    .social-section p {
        font-size: 12px;
    }
    .social-icons {
        gap: 8px;
    }
    .social-icons a img {
        width: 35px;
        height: 35px;
    }
}






.custom-footer {
    background-color: #222;
    color: white;
    padding: 30px 0;
    text-align: center;
}

.custom-footer-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 20px;
}

.custom-footer-section {
    max-width: 300px;
    margin: 10px;
}

.custom-footer-heading {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-footer-text {
    font-size: 14px;
    color: #ccc;
    margin: 5px 0;
}

.custom-footer-links {
    list-style: none;
    padding: 0;
}

.custom-footer-links li {
    margin: 5px 0;
}

.custom-footer-links a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
}

.custom-footer-links a:hover {
    color: #00aaff;
}

.custom-footer-icons a {
    color: white;
    margin: 0 8px;
    font-size: 20px;
    transition: color 0.3s;
}

.custom-footer-icons a:hover {
    color: #00aaff;
}

.custom-footer-bottom {
    margin-top: 20px;
    border-top: 1px solid #555;
    padding-top: 10px;
    font-size: 14px;
    color: #aaa;
}
 



.custom-footer {
    background-color: #222;
    color: white;
    padding: 30px 0;
    text-align: center;
}

.custom-footer-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 20px;
}

.custom-footer-section {
    max-width: 300px;
    margin: 10px;
}

.custom-footer-logo {
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}

.custom-footer-heading {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-footer-text {
    font-size: 14px;
    color: #ccc;
    margin: 5px 0;
}

.custom-footer-links {
    list-style: none;
    padding: 0;
}

.custom-footer-links li {
    margin: 5px 0;
}

.custom-footer-links a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
}

.custom-footer-links a:hover {
    color: #00aaff;
}

.custom-footer-icons a {
    color: white;
    margin: 0 8px;
    font-size: 20px;
    transition: color 0.3s;
}

.custom-footer-icons a:hover {
    color: #00aaff;
}

.custom-footer-bottom {
    margin-top: 20px;
    border-top: 1px solid #555;
    padding-top: 10px;
    font-size: 14px;
    color: #aaa;
}
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.whatsapp-button .fa-whatsapp {
    font-size: 20px;
}
.whatsapp-chat-box {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 300px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
}
.whatsapp-chat-header {
    background-color: #25D366;
    color: #ffffff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.whatsapp-chat-header h4 {
    margin: 0;
    font-size: 16px;
}
.whatsapp-chat-header .close-btn {
    cursor: pointer;
    font-size: 18px;
}
.whatsapp-chat-body {
    padding: 10px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}
.whatsapp-chat-footer {
    text-align: center;
    padding: 10px;
    background-color: #f1f1f1;
}
.whatsapp-chat-footer a {
    background-color: #25D366;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
 





.bjt-btn-download.outline{
  display:inline-block;
  padding:6px 10px;
  border-radius:8px;
  border:1.5px solid #0b5ed7;
  color:#0b5ed7;
  background:transparent;
  font-weight:700;
  text-decoration:none;
  font-size:0.88rem;
}
.bjt-btn-download.outline:hover{
  background:rgba(11,94,215,0.06);
}
.bjt-btn-download.solid{
  display:inline-block;
  padding:6px 10px;
  border-radius:8px;
  border:none;
  color:#fff;
  background:linear-gradient(90deg,#f59e0b,#0b5cff);
  font-weight:700;
  text-decoration:none;
  font-size:0.88rem;
  box-shadow:0 10px 30px rgba(11,92,255,0.12);
}



/* ===== Promo + polished form for original left-section & right-section ===== */

/* scope under .registration-container so it won't affect other parts */
.registration-container { display:flex; width:85%; max-width:1100px; margin:30px auto; background:transparent; gap:0; align-items:stretch; }

/* Left: promo panel (replaces image) */
.registration-container .left-section {
  width:48%;
  padding:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg,#0b5cff 0%, #7f6bff 45%, #ff7a7a 100%);
  color:#fff;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  box-shadow: 0 10px 30px rgba(11,92,255,0.08);
}
.promo-inner { max-width:380px; }
.promo-heading { font-size:20px; margin-bottom:10px; line-height:1.2; font-weight:700; }
.promo-points { list-style:none; padding-left:0; margin-top:8px; }
.promo-points li { margin:10px 0; font-weight:600; display:flex; gap:8px; align-items:flex-start; }
.promo-cta { margin-top:14px; font-weight:700; padding:8px 10px; background:rgba(255,255,255,0.12); border-radius:8px; display:inline-block; }

/* Right: form card (uses original 'right-section' class) */
.registration-container .right-section {
  width:52%;
  padding:36px 32px;
  background:#fff;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  box-shadow: 0 6px 18px rgba(2,6,23,0.06);
  display:flex;
  align-items:center;
  justify-content:center;
}
.form-card-inner { width:100%; max-width:420px; }
.form-card-inner h2 { margin-bottom:12px; color:#0b1330; font-size:24px; }
.form-card-inner h2 span { background: linear-gradient(90deg,#ff5733,#ffcc33); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* Form inputs */
.registration-container .form-row { margin-bottom:12px; }
.registration-container input[type="text"],
.registration-container input[type="email"],
.registration-container input[type="tel"],
.registration-container select {
  width:100%;
  padding:12px 14px;
  border:1px solid #e6e9ef;
  border-radius:8px;
  font-size:15px;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.registration-container input:focus,
.registration-container select:focus {
  border-color:#6b8cff;
  box-shadow: 0 8px 20px rgba(11,92,255,0.08);
}

/* submit + loader + messages */
.registration-container .submit-btn {
  width:100%;
  padding:12px;
  background: linear-gradient(90deg,#ff6b6b,#556bff);
  color:#fff;
  border:none;
  border-radius:8px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}
.registration-container .submit-btn:disabled { opacity:0.6; cursor:not-allowed; }

.registration-container .loader { display:inline-block; width:16px; height:16px; border:3px solid rgba(0,0,0,0.08); border-left-color:#000; border-radius:50%; animation:spin 0.95s linear infinite; vertical-align:middle; margin-left:10px; }
@keyframes spin { to { transform: rotate(360deg); } }

.registration-container .msg { margin-top:10px; font-size:14px; }
.registration-container .msg.success { color:#0b7a3d; font-weight:600; }
.registration-container .msg.error { color:#b72828; font-weight:600; }

/* responsive: stack on small screens */
@media (max-width: 900px) {
  .registration-container { flex-direction:column; width:94%; margin:20px auto; }
  .registration-container .left-section,
  .registration-container .right-section { width:100%; border-radius:10px; padding:20px; }
  .promo-inner { max-width:100%; }
}


 .coming-soon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2.5rem;
      font-weight: bold;
      color: #555;
    }