.elementor-790 .elementor-element.elementor-element-7649b95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-790 .elementor-element.elementor-element-514a832{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-790 .elementor-element.elementor-element-03385b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-790 .elementor-element.elementor-element-4d71f0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-790 .elementor-element.elementor-element-1b0b5f5.elementor-element{--align-self:center;}.elementor-790 .elementor-element.elementor-element-3549f70{--display:flex;--border-radius:70px 70px 70px 70px;}.elementor-790 .elementor-element.elementor-element-3549f70:not(.elementor-motion-effects-element-type-background), .elementor-790 .elementor-element.elementor-element-3549f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-790 .elementor-element.elementor-element-bf9cf79.elementor-element{--align-self:center;}.elementor-790 .elementor-element.elementor-element-d90355d{--display:flex;}.elementor-790 .elementor-element.elementor-element-01e6e51{--spacer-size:30px;}.elementor-790 .elementor-element.elementor-element-b4f8caf{--display:flex;--border-radius:90px 90px 90px 90px;}.elementor-790 .elementor-element.elementor-element-b4f8caf:not(.elementor-motion-effects-element-type-background), .elementor-790 .elementor-element.elementor-element-b4f8caf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-790 .elementor-element.elementor-element-17c9fdf.elementor-element{--align-self:center;}.elementor-790 .elementor-element.elementor-element-f84980f{--display:flex;}.elementor-790 .elementor-element.elementor-element-fae1478{--spacer-size:30px;}.elementor-790 .elementor-element.elementor-element-dbdf76e{--display:flex;--border-radius:90px 90px 90px 90px;}.elementor-790 .elementor-element.elementor-element-dbdf76e:not(.elementor-motion-effects-element-type-background), .elementor-790 .elementor-element.elementor-element-dbdf76e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-790 .elementor-element.elementor-element-c37f4c3.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-790 .elementor-element.elementor-element-b4f8caf{--width:100%;}.elementor-790 .elementor-element.elementor-element-dbdf76e{--width:100%;}}@media(min-width:768px){.elementor-790 .elementor-element.elementor-element-514a832{--width:50%;}.elementor-790 .elementor-element.elementor-element-03385b9{--width:50%;}.elementor-790 .elementor-element.elementor-element-3549f70{--content-width:90%;}.elementor-790 .elementor-element.elementor-element-b4f8caf{--width:90%;}.elementor-790 .elementor-element.elementor-element-dbdf76e{--width:90%;}}/* Start custom CSS for container, class: .elementor-element-3549f70 */<!-- === University Carousel: Azure Gradient Theme (Updated) === -->
<div class="azure-course-slider-wrapper">
  <button class="azure-btn azure-scroll-btn azure-left" role="button" aria-label="scroll left" onclick="ajith(-1)">&#10094;</button>

  <div class="azure-course-slider" id="ajithreddy">

    <!-- 1 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/lovely.webp" alt="Lovely Professional University">
      <h3>Lovely Professional University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,61,600</p>
      <p class="azure-students">8,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 2 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/amity.webp" alt="Amity University">
      <h3>Amity University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,99,000</p>
      <p class="azure-students">11,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 3 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/manipal.webp" alt="Manipal University">
      <h3>Manipal University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 4 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/parul.webp" alt="Parul University">
      <h3>Parul University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,50,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 5 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/jain.webp" alt="Jain University">
      <h3>Jain University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,78,500</p>
      <p class="azure-students">10,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 6 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/sharada.webp" alt="Sharda University">
      <h3>Sharda University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,00,000</p>
      <p class="azure-students">6,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 7 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/sikkim.webp" alt="Sikkim Manipal University">
      <h3>Sikkim Manipal University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,10,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 8 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/chandigarh.webp" alt="Chandigarh University">
      <h3>Chandigarh University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,58,000</p>
      <p class="azure-students">8,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 9 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/upes.webp" alt="UPES Online">
      <h3>UPES Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 10 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/shoolin.webp" alt="Shoolini University">
      <h3>Shoolini University Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,10,000</p>
      <p class="azure-students">—</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 11 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/dy11.webp" alt="DY Patil University">
      <h3>DY Patil University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,89,400</p>
      <p class="azure-students">4,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 12 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/vignan-12.webp" alt="Vignan University">
      <h3>Vignan University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹90,000</p>
      <p class="azure-students">Students Rated 4.2</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 13 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/vivekananda13.webp" alt="Vivekananda Global University">
      <h3>Vivekananda Global University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,50,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 14 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/manav.webp" alt="Manav Rachna University">
      <h3>Manav Rachna University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,28,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 15 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/yene15.webp" alt="Yenepoya University Online">
      <h3>Yenepoya University Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹56,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 16 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/noida-uni.jpg" alt="Noida International University">
      <h3>Noida International University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,45,000</p>
      <p class="azure-students">₹4,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 17 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/galgotias.jpeg" alt="Galgotias University">
      <h3>Galgotias University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,60,000</p>
      <p class="azure-students">₹4,500/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 18 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/dpu.jpeg" alt="DPU University, Mumbai">
      <h3>DPU University, Mumbai</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">₹5,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 19 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/andhra.jpeg" alt="Andhra University">
      <h3>Andhra University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,20,000</p>
      <p class="azure-students">₹3,500/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 20 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/amrita.jpg" alt="Amrita University">
      <h3>Amrita University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,80,000</p>
      <p class="azure-students">₹5,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

  </div>

  <button class="azure-btn azure-scroll-btn azure-right" role="button" aria-label="scroll right" onclick="ajith(1)">&#10095;</button>
</div>

<script>
function ajith(direction) {
  const slider = document.getElementById('ajithreddy');
  const scrollAmount = 400;
  slider.scrollBy({ left: direction * scrollAmount, behavior: 'smooth' });
}
</script>

<style>
.azure-course-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 40px 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.azure-course-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 24px;
  padding: 20px;
  scroll-snap-type: x mandatory;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
}
.azure-course-slider::-webkit-scrollbar {
  height: 8px;
}
.azure-course-slider::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  border-radius: 10px;
}
.azure-course-card {
  flex: 0 0 320px;
  background: #ffffff;
  border: 1px solid #cde4f5;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  border-radius: 14px;
  scroll-snap-align: start;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.azure-course-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.azure-course-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.azure-course-card h3 {
  font-size: 1.15rem;
  color: #0066cc;
  font-weight: 600;
  padding: 12px 14px 0;
}
.azure-course-card p {
  color: #333;
  font-size: 0.9rem;
  padding: 0 14px;
  margin: 4px 0;
}
.azure-students {
  color: #0072ff;
  font-size: 0.85rem;
  padding: 0 14px 10px;
}
.azure-btn-group {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px 16px;
  gap: 10px;
}
.azure-btn {
  border: none;
  font-size: 0.88rem;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s ease;
}
.azure-brochure {
  background: #e0f7ff;
  color: #0072ff;
}
.azure-brochure:hover {
  background: #c8f1ff;
}
.azure-apply {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  font-weight: 600;
}
.azure-apply:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.azure-scroll-btn {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: none;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.25);
}
.azure-scroll-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 114, 255, 0.35);
}
.azure-scroll-btn.azure-left {
  margin-right: 10px;
}
.azure-scroll-btn.azure-right {
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .azure-course-card {
    flex: 0 0 280px;
  }
}
@media (max-width: 768px) {
  .azure-course-slider-wrapper {
    flex-direction: column;
  }
  .azure-course-card {
    flex: 0 0 90%;
  }
  .azure-course-card img {
    height: 170px;
  }
  .azure-scroll-btn {
    display: none;
  }
}
@media (max-width: 480px) {
  .azure-course-card {
    flex: 0 0 95%;
  }
  .azure-course-card h3 {
    font-size: 1rem;
  }
  .azure-course-card p {
    font-size: 0.85rem;
  }
  .azure-btn {
    font-size: 0.8rem;
    padding: 7px 12px;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f8caf */<!-- === University Carousel: Azure Gradient Theme (Updated) === -->
<div class="azure-course-slider-wrapper">
  <button class="azure-btn azure-scroll-btn azure-left" role="button" aria-label="scroll left" onclick="ajith(-1)">&#10094;</button>

  <div class="azure-course-slider" id="ajithreddy">

    <!-- 1 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/lovely.webp" alt="Lovely Professional University">
      <h3>Lovely Professional University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,61,600</p>
      <p class="azure-students">8,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 2 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/amity.webp" alt="Amity University">
      <h3>Amity University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,99,000</p>
      <p class="azure-students">11,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 3 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/manipal.webp" alt="Manipal University">
      <h3>Manipal University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 4 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/parul.webp" alt="Parul University">
      <h3>Parul University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,50,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 5 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/jain.webp" alt="Jain University">
      <h3>Jain University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,78,500</p>
      <p class="azure-students">10,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 6 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/sharada.webp" alt="Sharda University">
      <h3>Sharda University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,00,000</p>
      <p class="azure-students">6,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 7 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/sikkim.webp" alt="Sikkim Manipal University">
      <h3>Sikkim Manipal University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,10,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 8 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/chandigarh.webp" alt="Chandigarh University">
      <h3>Chandigarh University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,58,000</p>
      <p class="azure-students">8,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 9 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/upes.webp" alt="UPES Online">
      <h3>UPES Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 10 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/shoolin.webp" alt="Shoolini University">
      <h3>Shoolini University Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,10,000</p>
      <p class="azure-students">—</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 11 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/dy11.webp" alt="DY Patil University">
      <h3>DY Patil University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,89,400</p>
      <p class="azure-students">4,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 12 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/vignan-12.webp" alt="Vignan University">
      <h3>Vignan University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹90,000</p>
      <p class="azure-students">Students Rated 4.2</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 13 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/vivekananda13.webp" alt="Vivekananda Global University">
      <h3>Vivekananda Global University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,50,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 14 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/manav.webp" alt="Manav Rachna University">
      <h3>Manav Rachna University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,28,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 15 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/yene15.webp" alt="Yenepoya University Online">
      <h3>Yenepoya University Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹56,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 16 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/noida-uni.jpg" alt="Noida International University">
      <h3>Noida International University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,45,000</p>
      <p class="azure-students">₹4,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 17 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/galgotias.jpeg" alt="Galgotias University">
      <h3>Galgotias University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,60,000</p>
      <p class="azure-students">₹4,500/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 18 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/dpu.jpeg" alt="DPU University, Mumbai">
      <h3>DPU University, Mumbai</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">₹5,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 19 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/andhra.jpeg" alt="Andhra University">
      <h3>Andhra University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,20,000</p>
      <p class="azure-students">₹3,500/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 20 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/amrita.jpg" alt="Amrita University">
      <h3>Amrita University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,80,000</p>
      <p class="azure-students">₹5,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

  </div>

  <button class="azure-btn azure-scroll-btn azure-right" role="button" aria-label="scroll right" onclick="ajith(1)">&#10095;</button>
</div>

<script>
function ajith(direction) {
  const slider = document.getElementById('ajithreddy');
  const scrollAmount = 400;
  slider.scrollBy({ left: direction * scrollAmount, behavior: 'smooth' });
}
</script>

<style>
.azure-course-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 40px 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.azure-course-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 24px;
  padding: 20px;
  scroll-snap-type: x mandatory;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
}
.azure-course-slider::-webkit-scrollbar {
  height: 8px;
}
.azure-course-slider::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  border-radius: 10px;
}
.azure-course-card {
  flex: 0 0 320px;
  background: #ffffff;
  border: 1px solid #cde4f5;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  border-radius: 14px;
  scroll-snap-align: start;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.azure-course-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.azure-course-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.azure-course-card h3 {
  font-size: 1.15rem;
  color: #0066cc;
  font-weight: 600;
  padding: 12px 14px 0;
}
.azure-course-card p {
  color: #333;
  font-size: 0.9rem;
  padding: 0 14px;
  margin: 4px 0;
}
.azure-students {
  color: #0072ff;
  font-size: 0.85rem;
  padding: 0 14px 10px;
}
.azure-btn-group {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px 16px;
  gap: 10px;
}
.azure-btn {
  border: none;
  font-size: 0.88rem;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s ease;
}
.azure-brochure {
  background: #e0f7ff;
  color: #0072ff;
}
.azure-brochure:hover {
  background: #c8f1ff;
}
.azure-apply {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  font-weight: 600;
}
.azure-apply:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.azure-scroll-btn {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: none;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.25);
}
.azure-scroll-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 114, 255, 0.35);
}
.azure-scroll-btn.azure-left {
  margin-right: 10px;
}
.azure-scroll-btn.azure-right {
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .azure-course-card {
    flex: 0 0 280px;
  }
}
@media (max-width: 768px) {
  .azure-course-slider-wrapper {
    flex-direction: column;
  }
  .azure-course-card {
    flex: 0 0 90%;
  }
  .azure-course-card img {
    height: 170px;
  }
  .azure-scroll-btn {
    display: none;
  }
}
@media (max-width: 480px) {
  .azure-course-card {
    flex: 0 0 95%;
  }
  .azure-course-card h3 {
    font-size: 1rem;
  }
  .azure-course-card p {
    font-size: 0.85rem;
  }
  .azure-btn {
    font-size: 0.8rem;
    padding: 7px 12px;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbdf76e */<!-- === University Carousel: Azure Gradient Theme (Updated) === -->
<div class="azure-course-slider-wrapper">
  <button class="azure-btn azure-scroll-btn azure-left" role="button" aria-label="scroll left" onclick="ajith(-1)">&#10094;</button>

  <div class="azure-course-slider" id="ajithreddy">

    <!-- 1 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/lovely.webp" alt="Lovely Professional University">
      <h3>Lovely Professional University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,61,600</p>
      <p class="azure-students">8,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 2 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/amity.webp" alt="Amity University">
      <h3>Amity University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,99,000</p>
      <p class="azure-students">11,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 3 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/manipal.webp" alt="Manipal University">
      <h3>Manipal University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 4 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/parul.webp" alt="Parul University">
      <h3>Parul University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,50,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 5 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/jain.webp" alt="Jain University">
      <h3>Jain University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,78,500</p>
      <p class="azure-students">10,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 6 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/sharada.webp" alt="Sharda University">
      <h3>Sharda University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,00,000</p>
      <p class="azure-students">6,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 7 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/sikkim.webp" alt="Sikkim Manipal University">
      <h3>Sikkim Manipal University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,10,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 8 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/chandigarh.webp" alt="Chandigarh University">
      <h3>Chandigarh University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,58,000</p>
      <p class="azure-students">8,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 9 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/upes.webp" alt="UPES Online">
      <h3>UPES Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">5,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 10 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/shoolin.webp" alt="Shoolini University">
      <h3>Shoolini University Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,10,000</p>
      <p class="azure-students">—</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 11 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/dy11.webp" alt="DY Patil University">
      <h3>DY Patil University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,89,400</p>
      <p class="azure-students">4,000 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 12 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/vignan-12.webp" alt="Vignan University">
      <h3>Vignan University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹90,000</p>
      <p class="azure-students">Students Rated 4.2</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 13 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/vivekananda13.webp" alt="Vivekananda Global University">
      <h3>Vivekananda Global University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,50,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 14 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/manav.webp" alt="Manav Rachna University">
      <h3>Manav Rachna University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,28,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 15 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/yene15.webp" alt="Yenepoya University Online">
      <h3>Yenepoya University Online</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹56,000</p>
      <p class="azure-students">4,500 students enrolled</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 16 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/noida-uni.jpg" alt="Noida International University">
      <h3>Noida International University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,45,000</p>
      <p class="azure-students">₹4,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 17 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/galgotias.jpeg" alt="Galgotias University">
      <h3>Galgotias University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,60,000</p>
      <p class="azure-students">₹4,500/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 18 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/dpu.jpeg" alt="DPU University, Mumbai">
      <h3>DPU University, Mumbai</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,75,000</p>
      <p class="azure-students">₹5,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 19 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/andhra.jpeg" alt="Andhra University">
      <h3>Andhra University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,20,000</p>
      <p class="azure-students">₹3,500/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

    <!-- 20 -->
    <div class="azure-course-card">
      <img src="https://futureedgeonline.com/wp-content/uploads/2025/11/amrita.jpg" alt="Amrita University">
      <h3>Amrita University</h3>
      <p><span>🎓 MBA</span> | 2 years | ₹1,80,000</p>
      <p class="azure-students">₹5,000/month EMI starting</p>
      <div class="azure-btn-group">
        <button class="azure-btn azure-brochure">📥 Brochure</button>
        <a href="https://futureedgeonline.com/contact-us/" class="azure-btn azure-apply">Apply</a>
      </div>
    </div>

  </div>

  <button class="azure-btn azure-scroll-btn azure-right" role="button" aria-label="scroll right" onclick="ajith(1)">&#10095;</button>
</div>

<script>
function ajith(direction) {
  const slider = document.getElementById('ajithreddy');
  const scrollAmount = 400;
  slider.scrollBy({ left: direction * scrollAmount, behavior: 'smooth' });
}
</script>

<style>
.azure-course-slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 40px 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.azure-course-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 24px;
  padding: 20px;
  scroll-snap-type: x mandatory;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
}
.azure-course-slider::-webkit-scrollbar {
  height: 8px;
}
.azure-course-slider::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  border-radius: 10px;
}
.azure-course-card {
  flex: 0 0 320px;
  background: #ffffff;
  border: 1px solid #cde4f5;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  border-radius: 14px;
  scroll-snap-align: start;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.azure-course-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.azure-course-card img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.azure-course-card h3 {
  font-size: 1.15rem;
  color: #0066cc;
  font-weight: 600;
  padding: 12px 14px 0;
}
.azure-course-card p {
  color: #333;
  font-size: 0.9rem;
  padding: 0 14px;
  margin: 4px 0;
}
.azure-students {
  color: #0072ff;
  font-size: 0.85rem;
  padding: 0 14px 10px;
}
.azure-btn-group {
  display: flex;
  justify-content: space-between;
  padding: 10px 14px 16px;
  gap: 10px;
}
.azure-btn {
  border: none;
  font-size: 0.88rem;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s ease;
}
.azure-brochure {
  background: #e0f7ff;
  color: #0072ff;
}
.azure-brochure:hover {
  background: #c8f1ff;
}
.azure-apply {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  font-weight: 600;
}
.azure-apply:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.azure-scroll-btn {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  color: #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border: none;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.25);
}
.azure-scroll-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 114, 255, 0.35);
}
.azure-scroll-btn.azure-left {
  margin-right: 10px;
}
.azure-scroll-btn.azure-right {
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .azure-course-card {
    flex: 0 0 280px;
  }
}
@media (max-width: 768px) {
  .azure-course-slider-wrapper {
    flex-direction: column;
  }
  .azure-course-card {
    flex: 0 0 90%;
  }
  .azure-course-card img {
    height: 170px;
  }
  .azure-scroll-btn {
    display: none;
  }
}
@media (max-width: 480px) {
  .azure-course-card {
    flex: 0 0 95%;
  }
  .azure-course-card h3 {
    font-size: 1rem;
  }
  .azure-course-card p {
    font-size: 0.85rem;
  }
  .azure-btn {
    font-size: 0.8rem;
    padding: 7px 12px;
  }
}
</style>/* End custom CSS */