.telecom-tabs {
  width: 85% !important;
}
.te-tab-img {
  height:100% !important;
  object-fit:cover;
  border-radius:36px;
}
@media (max-width: 767.98px) {
      .te-tab-img {
    height:unset !important;
    object-fit:unset !important;
  border-radius:unset !important;
} 
}
.blue-text {
  color:#24c4e6 !important;
}
.tab-dropdown{
 align-items: center !important;
    background-color: #d9d4e2 !important;
    border-radius: 70px !important;
    display: inline-flex; 
    gap: 0;
    justify-content: space-between !important;
    margin: auto !important; 
    width: 100% !important;
    border: none !important;
    border-radius: 70px !important;
    color: #0c0743 !important; 
    font-size: 1rem !important; 
    font-weight: 600 !important;
    padding: 1.5rem 3rem 1.5rem 1.5rem !important; 
    position: relative !important;  
    transition: background-color .5s ease, color .5s ease !important;
    z-index: 2 !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 1.5rem) !important;  
  text-align: center; 
}  
 
.form-select:focus {
    border-color: none !important;
    outline: 0 !important; 
    box-shadow: unset !important;
}

.telecom-tab-content h2 {
/*  font-size: 2.125rem;  */
  font-size: 2rem; 
  
  font-weight: 700; 
}  

.ap-challenges .telecom-tab-active-pill {
/*   background-color: #0077EE  !important; */
  background-color: #000  !important; 
  border: 4px solid #e7e7ed; 
} 
.ap-challenges .telecom-tab-btn.active {
    color: #fff !important;
} 

.ap-challenges .telecom-tab-btn {
  padding: 0.85rem 2.5rem;
  font-weight: 500; 
  color: #5c5c5f; 
} 
.ap-challenges .telecom-tabs {
/*  background-color: #e5f1fd;  */
      background-color: #e7e7ed;
}  

.ap-challenges h2 {
  font-size:3rem;
}
.ap-challenges .telecom-tab-content li {
    font-size: 1.25rem;
    margin-bottom: .5rem;
    padding-left: 1.75rem;
    position: relative;  
  font-weight:600;
}
 
.ap-challenges .telecom-tab-content h2 {
     text-wrap: pretty; 
} 

.ap-tab-points li:first-child::marker,
.ap-tab-points li:nth-child(4)::marker {
  content: "";
}

@media (max-width: 767px) {
  .ap-challenges .telecom-tab-btn.active {
    color: #24c4e6 !important; 
} 
  .ap-challenges .telecom-tab-btn {
    padding: 1.25rem 1.5rem !important;
}
  .ap-tab-points li:first-child::marker,
.ap-tab-points li:nth-child(4)::marker {
  content: revert !important;
}
} 
  
.scroll-btn1 {
  background: #fff; 
    border: 1px solid #000;
    height: 3rem; 
    width: 3rem;
    z-index: 1;
  align-items: center;
        border: 1px solid #00000042;
        display: flex;
        justify-content: center;
        padding: 0;
  border-radius: 50%; 
} 

.scroll-arrows1 {
 position: sticky;
    bottom: 1rem;
    justify-content: end !important; 
}

 
@media (min-width: 769px) {
  .scroll-arrows1 {
    display: none !important;
  }

 
.scroll-btn1:disabled,
.scroll-btn1.disabled {
  opacity: 0.5;  
  cursor: not-allowed;
  pointer-events: none;
}

.ap-challenges .telecom-tab-content li {
    font-size: 1.125rem; 
    margin-bottom: .5rem;
    padding-left: 0.5rem;
    position: relative;
    margin-right: 2.5rem;
} 
h1, h2 , h3, h4, h5, h6 {
 color: #000 !important;  
}
@media (min-width: 1600px) {
 .telecom-tabs {
    width: 75% !important;
}  
}

  @media (max-width: 767.98px) {
    .ap-ready-to {
      padding-left:1rem;
      padding-right:1rem;
    }
      .te-tab-img {
    height:unset !important;
    object-fit:unset !important;
  border-radius:unset !important;
} 
 .ap-challenges h2, .stories-section h2, h2.stats-title, .telecom-comparison h2,.enterprise-ready h2,
    .quick-path h2, .no-matter-where h2 {
    font-size: 1.75rem !important; 
}  
}
    


/* Fade in upward animation */
@keyframes fadeUp {
  0% { 
    opacity: 0; 
    transform: translateY(20px); 
  }
  100% { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

/* Initial state before animation */
.tab-pane img {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* When active + visible */
.tab-pane.show img.animate-in {
  animation: fadeUp 0.6s ease forwards;
}