:root {

  /* =========================
     BRAND COLORS
  ========================= */

  --cw-primary: #0a6cb0;      /* Deep Navy */
  --cw-secondary: #177b41;    /* Bright Royal Blue */
    --cw-third:#ffcc01;
	--cw-third-dark:#ffcc01;
	--cw-forth:#414140;
	--cw-fifth:#232323;
     --cw-six:#065897;
        --cw-seven:#0A2E5C;
  /* =========================
     BACKGROUND COLORS
  ========================= */

  --cw-bg-light: #eaf3ff;     /* Soft Blue Background */
  --cw-bg-dark: #0d5485;      /* Light Gray Background */
  --cw-text-white-light:#dddddd;

}

/* =========================
   BACKGROUND UTILITIES
========================= */

.cw-bg-primary {
  background-color: var(--cw-primary);
}

.cw-bg-secondary {
  background-color: var(--cw-secondary);
}
.cw-bg-third {
  background-color: var(--cw-third);
}
.cw-bg-third-dark {
  background-color: var(--cw-third-dark);
}

.cw-bg-forth {
  background-color: var(--cw-forth);
}
.cw-bg-fifth {
  background-color: var(--cw-fifth);
}
.cw-bg-six {
  background-color: var(--cw-six);
}
.cw-bg-seven {
  background-color: var(--cw-seven);
}

.cw-bg-light {
  background-color: var(--cw-bg-light);
}

.cw-bg-gray {
  background-color: var(--cw-bg-gray);
}
.cw-bg-dark{
	background-color:var(--cw-bg-dark);
}

/* =========================
   TEXT UTILITIES
========================= */




.cw-text-primary {
  color: var(--cw-primary);
}

.cw-text-secondary {
  color: var(--cw-secondary);
}
.cw-text-third {
  color: var(--cw-third);
}
.cw-text-third-dark {
  color: var(--cw-third-dark);
}

.cw-text-fifth {
  color: var(--cw-fifth);
}

.cw-text-six {
  color: var(--cw-six);
}
.cw-text-seven {
  color: var(--cw-seven);
}

.cw-text-dark {
  color: #111827;
}

.cw-text-white-light {
  color: var(--cw-text-white-light) !important;
}




/* =========================
   PRIMARY BUTTON (NAVY)
========================= */



.cw-btn-primary {
  background: var(--cw-primary);
  color: #fff;
}

.cw-btn-primary:hover {
  background: #0b3d6e;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(6,42,82,0.25);
}

/* =========================
   SECONDARY BUTTON (GREEN)
========================= */

.cw-btn-secondary {
  background: var(--cw-secondary);
  color: #fff;
}

.cw-btn-secondary:hover {
  background: var(--cw-primary);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(23,123,65,0.25);
  color:var(--white);
}


.cw-btn-third {
  background: var(--cw-six);
  color: #fff;
}

.cw-btn-third:hover {
  background: var(--cw-third-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(23,123,65,0.25);
  color:var(--black);
}





/* =========================
   OUTLINE BUTTON
========================= */

.cw-btn-outline {
  background: transparent;
  border: 2px solid var(--cw-primary);
  color: var(--cw-primary);
}

.cw-btn-outline:hover {
  background: var(--cw-primary);
  color: #fff;
}




/* Heading */

.cw-section-title {
  color: var(--cw-six);
  font-size: 34px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  line-height:45px;
  margin-bottom:60px;

}

/* underline effect */
.cw-section-title::after {
  content: "";
  width: 90px;
  height: 4px;
  background: var(--cw-third-dark);
  display: block;
  margin: 12px auto 0;
  border-radius: 50px;
    margin-bottom:25px;
}



.cw-section-title2 {
  color: var(--cw-text-fifth);
  font-size: 34px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  line-height:45px;
  margin-bottom:60px;

}

/* underline effect */
.cw-section-title2::after {
  content: "";
  width: 90px;
  height: 4px;
  background: #fff;
  display: block;
  margin: 12px auto 0;
  border-radius: 50px;
    margin-bottom:25px;
}




.cw-section-title3 {
  color: var(--cw-six);
  font-size: 34px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
 
  line-height:45px;
  margin-bottom:60px;

}

/* underline effect */
.cw-section-title3::after {
  content: "";
  width: 90px;
  height: 4px;
  background: var(--cw-third-dark);
  display: block;
  margin: 12px 0 0;
  border-radius: 50px;
    margin-bottom:25px;
}




/* end Heading */




/* Affiliation */

.affiliation-slider-one img,
.affiliation-slider-two img{
width: 100%;
object-fit: contain;
background: #fff;
padding: 5px;
transition: 0.4s;
}

.affiliation-slider-one img:hover,
.affiliation-slider-two img:hover{
    transform: translateY(-5px);
}

/* End Affiliation */

/* the dcbm advantage */

.dcbm-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #eef2f7;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Smooth glow layer */
.dcbm-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
 /* background: linear-gradient(
    120deg,
    transparent,
    rgba(39,174,96,0.08),
    transparent
  );*/
  transition: 0.6s;
}

/* Hover effect */
.dcbm-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 20px 45px rgba(0,0,0,0.12);
  border-color: var(--cw-third);
}

/* shimmer move */
.dcbm-card:hover::before {
  left: 100%;
}

/* Icon modern pop */
.icon-circle {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
  background:var(--cw-seven) ;
 
  color: #fff;
  font-size: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  box-shadow: 0 8px 20px rgba(6,42,82,0.25);
  position: relative;
}

/* Icon hover effect */
.dcbm-card:hover .icon-circle {
  background: var(--cw-third);
  
  box-shadow: 0 12px 30px rgba(39,174,96,0.35);
}

/* end dcbm advantage */


/* dcbm impact */




/* Card */
.impact-card {
  background: #fff;
  border-radius: 18px;
  padding: 25px 22px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 1px solid #eef2f7;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  transition: all 0.4s ease;
}
.impact-card img{
	width:60px;
}
/* animated glow layer */
.impact-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: radial-gradient(circle, rgba(39,174,96,0.15), transparent 60%);
  opacity: 0;
  transition: 0.5s;
}

/* hover premium lift */
.impact-card:hover {
  transform: translateY(-14px) scale(1.01);
  box-shadow: 0 25px 60px rgba(0,0,0,0.15);
  border-color: var(--cw-third);
}

/* glow appear */
.impact-card:hover::before {
  opacity: 1;
}

/* icon modern floating */
.impact-card i {
  font-size: 42px;
  color: var(--cw-primary);
  margin-bottom: 20px;
  display: inline-block;
  transition: all 0.4s ease;
}

/* icon interaction */
.impact-card:hover i {
  color: var(--cw-secondary);
 
}

/* text */
.impact-card h6 {
  font-size: 15px;
  color: #111827;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom:10px
}
/* end dcbm impact */





/* couses offred */
/* ===== CLEAN PREMIUM COURSE CARDS ===== */

.courses-offered-section .p-4{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #ffffff;
  transition: all 0.3s ease;

  /* soft real shadow (no harsh glow) */
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

/* subtle top accent line */
.courses-offered-section .p-4::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, var(--cw-seven), var(--cw-third));
  opacity: 0.8;
}

/* hover clean lift */
.courses-offered-section .p-4:hover{
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.10);
  border-color: rgba(65,86,161,0.15);
}

/* slight background tint on hover only */
.courses-offered-section .p-4::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(65,86,161,0.04), rgba(208,0,0,0.03));
  opacity: 0;
  transition: 0.3s ease;
}

.courses-offered-section .p-4:hover::after{
  opacity: 1;
}

/* content safe */
.courses-offered-section .p-4 > *{
  position: relative;
  z-index: 1;
}


.courses-offered-section .list-style-01 li{
	    padding: 12px 25px 14px 25px;
}

.courses-offered-section .list-style-01 li:hover {
    padding: 12px 25px 14px 50px;
}


.courses-offered-section  .tab-style-04 .nav-tabs>li.nav-item>a.nav-link{
	font-size: 20px;
}
/* end couser offred */









/* fonder message */

/* ----- main grid ----- */
.vs4-grid{
  display:grid;
  /*grid-template-columns:minmax(280px,420px) 1fr;*/
 grid-template-columns:minmax(280px,420px) 1fr;
  gap:clamp(30px,5vw,70px);
  align-items:center;
}


/* small yellow square accent */
.vs4-imgwrap .dots{
  position:absolute;right:-6px;top:-6px;
  width:22px;height:22px;
  background:var(--cw-third-dark);
  border-radius:4px;z-index:3;
}
/* tiny blue dot accent bottom-left */
.vs4-imgwrap .yel{
  position:absolute;left:-6px;bottom:18px;
  width:10px;height:10px;background:#0060aa;
  border-radius:50%;z-index:3;
}
.vs4-imgwrap .photo{
  position:relative;z-index:2;width:100%;display:block;
  border-radius:8px;
  /*box-shadow:0 20px 45px -20px rgba(31,36,46,.25);*/
  background:#e5e5e5;
}
/* badge */
.vs4-badge{
  position:absolute;right:-10px;bottom:30px;z-index:4;
  background:#fff;color:#1f242e;
  padding:14px 18px;border-radius:14px;
  display:flex;align-items:center;gap:12px;
  box-shadow:0 20px 40px -15px rgba(31,36,46,.3);
  border:1px solid #e5e8ef;
}
.vs4-badge .n{
  font-weight:700;font-size:1.9rem;line-height:1;color:#0060aa;
}
.vs4-badge .t{
  font-size:.66rem;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;line-height:1.3;
}

/* CONTENT side */
.vs4-content{position:relative;}
.vs4-quote{
  font-family:'Fraunces',serif;font-weight:700;font-style:italic;
  font-size:6rem;/*line-height:.7;*/
  color:var(--cw-seven);
  display:block;margin-bottom:10px;
  line-height: 0px;
}
.vs4-content p{
line-height:1.85;
font-size:clamp(.98rem,1.05vw,1.07rem);
  margin-bottom:18px;
  color:var(--cw-text-white-light);
}
.vs4-content p.lead{
font-weight:600;
  font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.55;margin-bottom:22px;
}
.vs4-content strong{color:#1f242e;font-weight:600;}

/* signature row */
.vs4-sign{
  margin-top:32px;padding-top:26px;
  border-top:1px solid #3c3c3c;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;
}
.vs4-sign .who{display:flex;align-items:center;gap:16px;}
.vs4-sign .av{
  width:54px;height:54px;border-radius:50%;
  background:#1f242e;color:#ffcc01;
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:700;font-size:1.15rem;
  flex-shrink:0;
}
.vs4-sign .name{
 font-weight:600;font-size:1.25rem;color:var(--cw-third);margin:0;line-height:1.2;
 
}
.vs4-sign .role{
  color:var(--cw-text-white-light);font-size:.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;
}
.vs4-sign .stamp{
font-style: italic;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--cw-text-white-light);
}
.vs4-sign .stamp::before{content:"";width:24px;height:1px;background:var(--cw-third);}


/* end fonder message */


/* footer */
.footer-title-half-line{
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.footer-title-half-line::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: var(--cw-third-dark);
}
.footer-title-half-line::after{
    width: 15%;
}
/* end footer */



/* dcbm card */

.dcbm-card-flex .feature-box{
	
    display: -webkit-inline-box;
	text-align:center;
	height:100%
}

.dcbm-card-flex .feature-box-content{
	font-size:17px;
}

/* end dcbm card */

html, body{
    max-width: 100%;
    overflow-x: hidden;
}





.bank-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border-top:6px solid var(--cw-third);
}

.bank-logo{
    background:var(--cw-six);
    text-align:center;
    padding:15px;
}

.bank-logo img{
    max-width:240px;

}

.bank-card h2{
    text-align:center;
    margin:30px 0 8px;
    font-size:32px;
    font-weight:700;
    color:#07294d;
}

.subtitle{
    text-align:center;
    color:#777;
    margin-bottom:35px;
}

.bank-table{
    width:90%;
    margin:auto;
}

.bank-row{
    display:flex;
    border-bottom:1px solid #ececec;
    padding:18px 0;
    align-items:center;
}

.bank-title{
    width:35%;
    font-weight:700;
    color:#07294d;
    font-size:17px;
}

.bank-value{
    width:65%;
    color:#444;
    font-size:17px;
    word-break:break-word;
}

.bank-note{
    width:90%;
    margin:35px auto;
    padding:18px;
    background:#fff8e9;
    border-left:5px solid #b58b46;
    border-radius:8px;
    color:#555;
}

.mission-vision-section{
    background:#f8f9fb;
}

.mv-subtitle{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:#9d7b42;
    text-transform:uppercase;
}

.mv-title{
    font-size:48px;
    font-weight:700;
    color:#0c2340;
    margin-top:10px;
}

.mv-card{

    position:relative;

    height:100%;

    background:#fff;

    padding:50px 40px;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s ease;
}

.mv-card:hover{

    transform:translateY(-8px);
}

.mv-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:var(--cw-six);
}

.mv-icon{

    width:70px;

    height:70px;
	line-height:70px;

    border-radius:50%;

    background:var(--cw-third);

    color:var(--cw-seven);

    font-size:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;
}

.mv-card h3{

    font-size:34px;

    font-weight:700;

    color:#0c2340;

    margin-bottom:20px;
}

.mv-card p{

    font-size:17px;

    line-height:1.9;

    color:#555;

    margin-bottom:0;

    text-align:justify;
}



/* admistration page css */
.administration-card{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}




.administration-body{
    padding:30px;
}

.administration-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
    border-bottom:1px solid #ececec;
}

.administration-item:last-child{
    border-bottom:none;
}

.administration-label{
    width:35%;
    font-size:17px;
    font-weight:600;
    color:#222;
}

.administration-label i{
    color:var(--cw-seven);
    margin-right:10px;
    width:22px;
}

.administration-value{
    width:65%;
    font-size:17px;
    color:#000;
}

.administration-value a{
    color:#0b4d7a;
    text-decoration:none;
    transition:.3s ease;
}

.administration-value a:hover{
    color: var(--cw-third);
}

/* end */


/* table */

.table-my{
    width:100%;
  
    border-spacing:0 10px;
}

/* Card style rows */
.table-my tbody tr{
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
    transition:0.2s;
}

/* Cells spacing */
.table-my tbody td{
    padding:14px 16px;
    border:none;
    vertical-align:middle;
}

/* Header */
.table-my thead th{
    background:var(--cw-six);
    color:#fff;
    padding:14px 16px;
    font-weight:600;
    border:none;
    text-align:left;
}

/* Rounded corners */
.table-my tbody tr td:first-child{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}

.table-my tbody tr td:last-child{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}

/* Hover effect */
.table-my tbody tr:hover{
    background:#f5f9fc;
}


/* table my */


/* download button */

.acad-btn{
    display:inline-block;
    background:#0b4d7a;
    color:#fff;
    padding:12px 22px;
    border-radius:8px;
    font-weight:600;
    text-decoration:none;
    transition:0.3s ease;
}

.acad-btn i{
    margin-right:8px;
}

.acad-btn:hover{
    background:#083a5a;
    color:#fff;
}
/* end download button */

/* collaboration */
.collaboration-card{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:16px;
    padding:30px;
    height:100%;
    text-align:center;
    transition:.3s;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.collaboration-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/* Image Circle */
.collaboration-card img{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;      /* logo ke liye contain bhi use kar sakte ho */
    background:#fff;
    border:2px solid #e8e8e8;
    padding:8px;
    margin:0 auto 20px;
    display:block;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

/* Icon Circle */
.collaboration-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:#0b4d7a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    font-size:34px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}
.collaboration-icon span{
    font-size:42px;
    font-weight:700;
    font-family:inherit;
    line-height:1;
    text-transform:uppercase;
}


.collaboration-card h4{
    font-size:21px;
    font-weight:700;
    color:#0b4d7a;
    margin-bottom:15px;
    line-height:1.4;
}

.collaboration-card p{
    color:#000;
    font-size:15px;
    line-height:1.8;
    margin-bottom:0;
}

/* End collaboration */


/* resorce */
.resource-card{
    height:100%;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    padding:28px;
    transition:.3s;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.resource-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.resource-card h4{
    color:#0b4d7a;
    font-size:19px;
    font-weight:700;
    margin-bottom:15px;
}


.resource-btn{
    display:inline-block;
    padding:10px 20px;
    border-radius:6px;
    background:var(--cw-six);
    color:#fff;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    font-size:15px;
}

.resource-btn:hover{
    background:var(--cw-third-dark);
    color:#212529;
}




/* video */
.video-box {
  transition: 0.3s;
}

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

/* responsive iframe */
.video-frame iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  border-radius: 10px;
}

/* title */
.video-title {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #212529;
}

/* faculy */
.faculty-card{

background:#fff;

border-radius:20px;

padding:30px;

margin-bottom:40px;

box-shadow:0 10px 35px rgba(0,0,0,0.08);

transition:0.4s;

border-left:5px solid #0A3D62;

}

.faculty-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

.faculty-img{

width:260px;

height:320px;

object-fit:cover;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,0.15);

transition:0.4s;

}

.faculty-card:hover .faculty-img{

transform:scale(1.05);

}

.faculty-name{

font-size:28px;

font-weight:700;

color:#0b2845;

margin-bottom:5px;

}

.faculty-role{

display:inline-block;

background:#0A3D62;

color:#fff;

padding:6px 18px;

border-radius:30px;

margin-bottom:20px;

font-size:14px;

}

.faculty-box{

margin-top:15px;

color:#555;

line-height:28px;

}


.faculty-box p{
font-size:17px;

color:#000;



}

.stat-box{

background:#f7f8fc;

padding:15px;

border-radius:12px;

text-align:center;

margin-top:15px;

}

.stat-box span{

font-size:26px;

font-weight:700;

color:#0A3D62;

display:block;

}

.stat-box p{

margin:0;

font-size:14px;

color:#666;

}

/* end faculy */


@media(max-width:991px){

.faculty-img{

width:200px;

height:240px;

margin-bottom:20px;

}

.faculty-card{

text-align:center;

}

}


@media(max-width:767px){
    
      .table-responsive{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .table-my{
        min-width:600px;
    }
    
    .administration-body{
        padding:20px;
    }

    .administration-item{
        flex-direction:column;
        align-items:flex-start;
    }

    .administration-label,
    .administration-value{
        width:100%;
    }

    .administration-label{
        margin-bottom:8px;
    }
    
      .mv-title{

        font-size:36px;
    }

    .mv-card{

        padding:35px 25px;
    }

.bank-card h2{
    font-size:26px;
}

.bank-row{
    display:block;
}

.bank-title,
.bank-value{
    width:100%;
}

.bank-title{
    margin-bottom:6px;
}

.bank-logo img{
    max-width:180px;
}

}