@media(max-width:900px) {
     .breadcrumb__content {
         text-align: left;
         width: 100%;
     }
 }

 @media(max-width:700px) {
     .breadcrumb__content {
         text-align: left;
         width: 100%;
     }

     .breadcrumb__content p {
         font-size: 14px;
         line-height: 1.6;
     }
 }

 @media(max-width:450px) {
     .breadcrumb__content {
         text-align: left;
         width: 100%;
     }
 }

 /* ============breadcrumb end */
 /* ==========speaker section start========== */
 /* Dark Background Section */
 .speakers-dark-section {
     background: #060B1A;
     padding: 60px 0;
     color: #fff;
 }

 .container {
     width: 90%;
     max-width: 1400px;
     margin: auto;
 }

 /* Grid System */
 .speaker-grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     /* Laptop */
     gap: 30px;
 }

 /* Card */
 .speaker-card {
     cursor: pointer;
 }

 .speaker-image {
     position: relative;
     width: 100%;
     /* border-radius: 12px; */
     overflow: hidden;
     background-color: #111122;
 }

 /* DOT TEXTURE BEHIND SPEAKER IMAGE */
 .speaker-dots {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 1;
     opacity: 0.95;
     /* same as token2049 */
 }

 /* MAIN IMAGE ABOVE DOTS */
 .speaker-photo {
     position: relative;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 2;
 }

 /* BLACK BOTTOM FADE OVERLAY */
 .speakers-oct_overlay {
     position: absolute;
     inset: 0;
     z-index: 2;
     background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 45%, rgb(6 11 26) 100%);
 }



 /* Hover Lift */
 .speaker-card:hover .speaker-dots {
     transform: scale(1.05);
 }

 /* Social Icons */
 .speaker-icons {
     position: absolute;
     top: 0px;
     right: 12px;
     display: flex;
     gap: 8px;
    z-index: 9;
 }

 .speaker-icons a {
     /* background: rgba(255,255,255,0.08); */
     padding: 6px 7px;
     border-radius: 6px;
     font-size: 13px;
     color: #fff;
     transition: .25s;
 }

 /* .speaker-icons a:hover {
    background: #00E3D8;
    color: #000;
} */

 /* Name, Company, Role */
 .speaker-name {
     margin-top: 14px;
     font-size: 16px;
     font-weight: 600;
         letter-spacing: .5px;
 }

 .company {
     font-size: 12px;
    line-height: 18px;
    margin-top: 0px;
    opacity: .8;
    text-transform: uppercase;
    margin-bottom: 10px;
 }

 .role {
     font-size: 12px;
     line-height: 18px;
     opacity: .6;
     margin-top: 0px;
     text-transform: uppercase;

 }

 /* RESPONSIVE BREAKPOINTS */

 /* Tablet — 3 per row */
 @media (max-width: 1199px) {
     .speaker-grid {
         grid-template-columns: repeat(3, 1fr);
     }

     .speaker-image img {
         height: 260px;
     }
 }

 /* Mobile — 2 per row */
 @media (max-width: 768px) {
     .speaker-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 22px;
     }

     .speaker-image img {
         height: 220px;
     }
 }

 /* Small mobile — 1 per row */
 @media (max-width: 480px) {
     .speaker-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .speaker-image img {
         height: 200px;
     }
 }

 /* ============================== */
 /* =============after speaker css ===========*/

 .apply-section {
     position: relative;
     width: 100%;
     padding: 80px 5%;
     background: #ffffff;
 }

 .apply-container {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 60px;
     /* gap perfect visible like token2049 */
     max-width: 1200px;
     /* content ko tight rakhne ke liye */
     margin: auto;
     padding: 0 20px;
 }

 /* Left = Right width exact same */
 .apply-left,
 .apply-right {
     width: 50%;
     z-index: 2;
 }

 .apply-left {
     max-width: 480px;
 }

 /* Right image styling */
 .apply-right img {
     width: 100%;
     max-width: 520px;
     /* image ka size limit */
     border-radius: 14px;
     object-fit: cover;
 }

 /* Left Side Text Styling */
 .apply-tag {
     color: #0056d2;
     font-weight: 600;
     letter-spacing: 1px;
     font-size: 14px;
     margin-bottom: 15px;
 }

 .apply-title {
     font-size: 42px;
     font-weight: 800;
     color: #0C1222;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .apply-title span {
     color: #0056d2;
    /* background-image: linear-gradient(45deg, #050d43, #33a1ff 50%, #007bff 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent; */
 }

 .apply-desc {
     font-size: 15px;
     line-height: 1.6;
     color: #333;
     margin-bottom: 15px;
 }

 /* Button */
 .apply-btn {
     display: inline-block;
     margin-top: 10px;
     background: linear-gradient(45deg, #050D43, #0056d2);
     padding: 10px 30px;
     color: #fff;
     font-weight: 700;
     border-radius: 30px;
     text-decoration: none;
     transition: .25s;
 }

 .apply-btn:hover {
     background: #0056d2;
 }


 /* Dots Background */
 .apply-dots {
     position: absolute;
    bottom: 0px;
    left: 400px;
    width: 450px;
    opacity: 1;
    z-index: 1;
    filter: opacity(0.5);
 }

 /* RESPONSIVE */
 /* Responsive Tablet */
 @media(max-width: 992px) {

     .apply-container {
         flex-direction: column;
         text-align: left;
         gap: 40px;
     }

     .apply-left,
     .apply-right {
         width: 100%;
         max-width: 600px;
     }

     .apply-right img {
         max-width: 100%;
     }
 }

 /* Mobile */
 @media(max-width: 600px) {
     .apply-title {
         font-size: 22px;
     }
     .apply-desc {
    font-size: 14px;
     }
 }

 /* Tablet */
 @media(max-width: 992px) {
     .apply-btn {
         padding: 12px 26px;
         font-size: 14px;
     }
 }

 /* Mobile */
 @media(max-width: 600px) {
     .apply-btn {
         padding: 8px 28px;
         font-size: 14px;
     }
 }

 /* Extra Small Phones */
 @media(max-width: 420px) {
     .apply-btn {
         padding: 8px 28px;
         font-size: 14px;
     }
 }