.admision_mafiaBtn{
	    border: 3px solid #fff;
}
.admision_mafiatwo{
	    border: 3px solid #fff;
    background: #e9471a !important;
}
.admission_mafia_ul{
	padding: 0px 17px;
    font-weight: 600;
}

.course-category_css{
       padding: 24px 5px;
}
.pt_mafia{
	    padding-top: 60px;
}



/* Titles */
.sub-title_mafia{
    color:#00bfa6;
    font-weight:600;
    letter-spacing:1px;
    font-size:14px;
    margin-bottom:10px;
}

.main-title_mafia{
    font-size:34px;
    margin-bottom:40px;
    color:#222;
}

/* Grid */
.category-grid_mafia{
      display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
}

/* Card */
.category-card_mafia{
         background: #fff;
    border-radius: 16px;
    padding: 12px 9px;
    transition: 0.3s;
    border: 1px #ddd solid;
}

.category-card_mafia:hover{
    transform:translateY(-6px);
}

/* Icon */
.icon-box_mafia{
    width:120px;
    height:120px;
    margin:0 auto 15px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px dashed;
}

.icon-box_mafia img{
    width:55px;
}

/* Text */
.category-card_mafia h4{
       font-size: 17px;
    color: #222;
    text-align: center;
}

/* Border Colors */
.border-teal .icon-box_mafia{ border-color:#00bfa6; }
.border-pink .icon-box_mafia{ border-color:#ff6b81; }
.border-yellow .icon-box_mafia{ border-color:#f6b93b; }
.border-green .icon-box_mafia{ border-color:#2ecc71; }
.border-purple .icon-box_mafia{ border-color:#9b59b6; }
.border-blue .icon-box_mafia{ border-color:#3498db; }

/* Desktop */
@media(min-width:992px){
    .category-grid_mafia{
        grid-template-columns:repeat(6, 1fr);
    }
}

.mafia_testominial{
	padding-top: 47px;
}

/* CARD */
.collge_mafia{
    max-width:360px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
    transition:0.3s;
}

.collge_mafia:hover{
    transform:translateY(-5px);
}

/* IMAGE */
.cm-img img{
    width:100%;
    height:200px;
    object-fit:cover;
    display:block;
}

/* CONTENT */
.cm-content{
    padding:16px;
}

.cm-meta{
    display:flex;
    flex-direction:column;
    gap:6px;
    font-size:14px;
    color:#666;
    margin-bottom:10px;
}

.cm-meta span{
    display:flex;
    align-items:center;
    gap:6px;
}

/* TITLE */
.cm-content h3{
    font-size:20px;
    font-weight:600;
    color:#111;
    margin-bottom:14px;
}

/* BOTTOM */
.cm-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:10px;
    border-top:1px solid #eee;
}

/* RATING */
.rating span{
    font-size:14px;
    color:#555;
}

.stars{
    color:#f5a623;
    font-size:16px;
    letter-spacing:2px;
}

/* ESTD */
.estd{
    font-size:14px;
    color:#555;
    display:flex;
    align-items:center;
    gap:6px;
}

/* RESPONSIVE */
@media(max-width:480px){
    .collge_mafia{
        max-width:100%;
    }

    .cm-content h3{
        font-size:18px;
    }

    .cm-img img{
        height:180px;
    }
}

.topUner_mafia{
	    padding-top: 71px;
    padding-bottom: 0px;
}

 .displsu{
    display: none !important;
  }

  .sideSticy {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #ff9800, #ff5722);
  color: #fff;
  padding: 14px 10px;
  border-radius: 12px 0 0 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  cursor: pointer;
  z-index: 9999;
  box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}

.sideSticy-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 1px;
  text-align: center;
  font-size: 15px;
}

.sideSticy:hover {
  padding-right: 22px;
  background: linear-gradient(135deg, #ff5722, #e91e63);
}

/* ===========================
   Mobile View (Different Look)
=========================== */
@media (max-width: 768px) {
  .sideSticy {
    top: auto;
    bottom: 20px;
    right: 20px;
    transform: none;
    padding: 14px 18px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    animation: pulseSideSticy 1.6s infinite;
  }

  .sideSticy-text {
    writing-mode: horizontal-tb;
    font-size: 14px;
    letter-spacing: 0.5px;
  }

  .sideSticy::before {
    content: "📞";
    font-size: 18px;
  }
}

/* ===========================
   Mobile Animation
=========================== */
@keyframes pulseSideSticy {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.7);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(255, 87, 34, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 87, 34, 0);
  }
}

.whatsCss {
  position: fixed;
  left: 20px;
  bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 9999;
  font-family: 'Poppins', sans-serif;
}

.whatsCss-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}

/* WhatsApp Button */
.whatsapp {
  background: linear-gradient(135deg, #25d366, #1ebe5d);
}

.whatsapp::before {
  content: "💬";
  font-size: 18px;
}

/* Call Button */
.callss {
  background: linear-gradient(135deg, #2196f3, #0b7dda);
}

.callss::before {
  content: "📞";
  font-size: 18px;
}

/* Hover Effect (Desktop) */
.whatsCss-btn:hover {
  transform: translateX(-6px) scale(1.05);
}

/* ===========================
   Mobile View (Different Look)
=========================== */
@media (max-width: 768px) {
  .whatsCss {
    right: 0;
    left: 0;
    bottom: 0;
    flex-direction: row;
    gap: 0;
  }

  .whatsCss-btn {
    flex: 1;
    justify-content: center;
    border-radius: 0;
    padding: 14px 0;
    font-size: 15px;
    animation: pulseWhatsCss 1.5s infinite;
  }

  .whatsapp {
    border-top-left-radius: 12px;
  }

  .callss {
    border-top-right-radius: 12px;
  }
}

/* ===========================
   Mobile Pulse Animation
=========================== */
@keyframes pulseWhatsCss {
  0% {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.3);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0,0,0,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

 .su5ts{
        border: 1px solid;
    padding: 0px 65px;
 }