:root{
    --primary-color: #0d6efd;
    --primary-dark: #0b5ed7;
}

.table-staff td img{
    width: 110px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 10px;
}
.table td{
    padding: 10px !important;
}

.table{
    overflow-x: auto;
}

.table tbody {
    vertical-align: middle !important;
}

.teaching-staff h5 {
    border:1px solid darkgreen;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    position: relative;
    top: 6px;
}

.it-team-3-item{
  height: 330px;
}
.it-team-3-thumb{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 10px !important;
}
.it-team-3-content span{
  font-weight: bold;
  line-height: 25px;
}
.it-team-3-thumb img{
  width: 150px;
  height: 150px;
  
}
.olive-bg{
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
}

.it-menu-content li a{
    text-transform: uppercase !important;
    font-size: 16px;
}
.footerpdtop{
    padding-top: 60px;
}
/* ===================== NAVBAR ===================== */
.custom-navbar {
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    border-top: 5px solid transparent;
    border-image: linear-gradient(to right, #FF9933, #FFFFFF, #138808) 1;
    
}
/* ===================== TOGGLER ===================== */
.animated-toggler {
  border: none;
  background: #f1f1f1;
  border-radius: 50px;
  width: 48px;
  height: 42px;
  padding: 8px 10px;
  position: relative;
  z-index: 1051;
}

.animated-toggler span {
  display: block;
  height: 3px;
  width: 100%;
  background: #000;
  margin: 6px 0;
  border-radius: 3px;
  transition: all 0.4s ease;
}

/* ☰ → ✕ animation */
.animated-toggler:not(.collapsed) span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.animated-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.animated-toggler:not(.collapsed) span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

/* ===================== MOBILE MENU ===================== */
@media (max-width:991px){

.mobile-slide-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:white;
    padding:20px;
    border-radius:0 0 12px 12px;
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    transform: translateY(-20px);
    opacity:0;
    transition:.25s ease;     /* ← faster animation */
    z-index: 1050;
    border-top: 1px solid blue;
}

.mobile-slide-menu.show{
    transform: translateY(0);
    opacity:1;
}
}

@media (max-width: 991px) {

  /*.custom-mobile-menu {*/
  /*  position: absolute;*/
  /*  top: 70px;*/
  /*  left: 0;*/
  /*  width: 100%;*/
  /*  padding: 20px;*/
  /*  border-radius: 20px;*/
  /*  background: rgba(255,255,255,0.9);*/
  /*  backdrop-filter: blur(12px);*/
  /*  box-shadow: 0 20px 40px rgba(0,0,0,0.18);*/
  /*  z-index: 1050;*/
  /*  animation: dropMenu 0.35s ease;*/
  /*}*/

  .navbar-nav .nav-link {
    font-size: 18px;
    padding: 14px 10px;
  }

  .dropdown-menu {
    border-radius: 12px;
    border: none;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  }
}

@keyframes dropMenu {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* DESKTOP HOVER DROPDOWN */
@media (min-width: 992px) {

  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
  }
}
.it-team-title .border-line{
    font-size:16px !important;
}
.it-team-item {
    height: 360px;
}
.it-team-style-2 .it-team-content {
    padding: 5px 5px !important;
    padding-top: 20px !important;
}
.it-header-height{
    height: auto !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.border-radius-100 {
    border-radius: 10px !important;
}
.nav-item a{
    color: black !important;
}
.nav-item a:hover{
    color: olive !important;
}
.it-menu-content ul li a:hover{
    color: black !important;
}
@media (max-width: 768px) {
  .logovm{
      width: 250px !important;
  }
}

/*--------Why Choose Us*/
.underline{
width:80px;
height:4px;
background:#0d6efd;
margin:15px auto 40px;
border-radius:10px;
}
.card-box{
border-radius:20px;
border:none;
transition:.4s;
background:white;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}
.card-box:hover{
transform:translateY(-12px) scale(1.02);
box-shadow:0 18px 45px rgba(0,0,0,0.18);
}
.whychoose .icon{
font-size:42px;
color:#0d6efd;
margin-bottom:15px;
}

.stat-box{
background:white;
border-radius:18px;
padding:25px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
transition:.3s;
}
.stat-box:hover{
transform:scale(1.05);
}

/*-------Latest Update Area-------*/
.vmgov6-box{
    background:#fff;
    border-radius:14px;
    box-shadow:0 20px 50px rgba(0,0,0,0.08);
    overflow:hidden;
    height:100%;
}

.vmgov6-header{
    background: #DF0101;
    padding:12px 18px;
    color:#fff;
    font-weight:600;
    font-size:16px;
    display:flex;
    align-items:center;
    gap:10px;
}

.vmgov6-scroll{
    height:260px;
    overflow:hidden;
}

.vmgov6-track{
    display:flex;
    flex-direction:column;
    animation:vmgov6-scroll 22s linear infinite;
}

@keyframes vmgov6-scroll{
    0%{transform:translateY(0);}
    100%{transform:translateY(-50%);}
}

.vmgov6-scroll:hover .vmgov6-track{
    animation-play-state:paused;
}

.vmgov6-item{
    margin:12px 15px;
    padding:15px;
    background:#ffffff;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
    transition:0.3s;
}

.vmgov6-item:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(0,0,0,0.12);
}

.vmgov6-title{
    font-weight:600;
    font-size:14px;
    display:flex;
    align-items:center;
    gap:8px;
}

.vmgov6-date{
    display:inline-block;
    margin-top:8px;
    font-size:12px;
    font-weight:600;
    background:linear-gradient(135deg,#0d6efd,#0b5ed7);
    color:#fff;
    padding:6px 12px;
    border-radius:5px;
}

.vmgov6-new{
    background:#dc3545;
    font-size:10px;
    padding:3px 6px;
    border-radius:20px;
    color:#fff;
    margin-left:6px;
    animation:pulse6 1.5s infinite;
}

@keyframes pulse6{
    0%{box-shadow:0 0 0 0 rgba(220,53,69,0.7);}
    70%{box-shadow:0 0 0 8px rgba(220,53,69,0);}
    100%{box-shadow:0 0 0 0 rgba(220,53,69,0);}
}

.vmgov6-btn{
    background:#0d6efd;
    color:#fff;
    padding:8px 25px;
    border-radius:50px;
    text-decoration:none;
    display:inline-block;
    margin:15px;
}

.vmgov6-btn:hover{
    background:#0b5ed7;
    color:#fff;
}

@media (max-width:991px){
    .vmgov6-scroll{
        height:240px;
    }
}

@media (max-width:767px){
    .vmgov6-header{
        font-size:14px;
        padding:10px 14px;
    }
    .vmgov6-scroll{
        height:220px;
    }
}

/*----------------Principle Section---------*/

.vm6-section{
    background:#f3f5f2;
    padding:100px 0;
}

.vm6-card{
    background:#ffffff;
    border-radius:18px;
    text-align:center;
    padding:40px 25px 40px;
    position:relative;
    box-shadow:0 15px 35px rgba(0,0,0,0.05);
    transition:0.4s ease;
    height:100%;
    overflow:hidden;
}

/* Animated Moving Top Border */
.vm6-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#556b2f,#8a9a5b,#556b2f);
}

.vm6-card.vm6-active::before{
    animation: vm6-border-slide 1.2s ease forwards;
}

@keyframes vm6-border-slide{
    0%{ left:-100%; }
    100%{ left:0; }
}

.vm6-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 45px rgba(0,0,0,0.15);
}

/* Image */
.vm6-img-wrapper{
    width:170px;
    height:170px;
    margin:0 auto 20px;
    border-radius:50%;
    padding:6px;
    background: linear-gradient(
90deg,
#FF9933 0%,
#FF9933 33%,
#FFFFFF 33%,
#FFFFFF 66%,
#138808 66%,
#138808 100%
);
}

.vm6-img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
}

/* Text */
.vm6-name{
    font-size:20px;
    font-weight:600;
    color:#1c2d3f;
}

.vm6-designation{
    font-size:15px;
    color:#6c757d;
}

/* Scroll Animation */
.vm6-scroll{
    opacity:1;
    transform:translateY(40px);
    transition:all 0.8s ease;
}

.vm6-scroll.vm6-visible{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:768px){
    .vm6-img-wrapper{
        width:140px;
        height:140px;
    }
}

/*------Cotact for Support---------*/
/* Heading */

.title{
text-align:center;
font-size:42px;
font-weight:800;
margin-bottom:10px;
color:#1e2a26;
}

.subtitle{
text-align:center;
max-width:720px;
margin:0 auto 65px;
color:#5f6f69;
font-size:16px;
line-height:1.8;
}

/* Card */

.card-pro{
background:white;
border-radius:22px;
padding:20px 18px;
text-align:center;
transition:.45s;
position:relative;
overflow:hidden;
border:1px solid #d2ded8;
}

/* deep olive animated border */

.card-pro::before{
content:"";
position:absolute;
inset:0;
padding:1.5px;
border-radius:22px;
background:linear-gradient(135deg,#3f5f4f,#6e9a80,#3f5f4f);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
opacity:.85;
transition:.4s;
}

.card-pro:hover::before{
filter:brightness(1.25);
}

/* hover depth */

.card-pro:hover{
transform:translateY(-12px) scale(1.02);
}

/* label */

.label{
display:inline-block;
font-size:12px;
letter-spacing:1px;
font-weight:700;
padding:7px 16px;
border-radius:50px;
margin-bottom:20px;
background: #DF0101;
color:white;
transition:.45s;
}

.card-pro:hover .label{
transform:scale(1.12);
letter-spacing:2px;
}

/* icon */

.icon-pro{
width:85px;
height:85px;
margin:auto;
margin-bottom:26px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
color:white;
background: linear-gradient(135deg, #0d6efd, #0b5ed7);
transition:.5s;
}

.card-pro:hover .icon-pro{
transform:rotate(-10deg) scale(1.15);
}

/* text */

.card-pro h5{
font-size:24px;
font-weight:800;
margin-bottom:18px;
color:#20342c;
}

.card-pro p{
font-size:15px;
color:#61736c;
margin-bottom:32px;
line-height:1.7;
}

/* button */

.btn-pro{
display:inline-block;
padding:14px 36px;
border-radius:14px;
font-weight:600;
text-decoration:none;
font-size:14px;
letter-spacing:.6px;
color:white;
background: linear-gradient(135deg, #ff3c3c, #ff0000, #990000);
transition:.4s;
}

.btn-pro:hover{
filter:brightness(1.1);
letter-spacing:1px;
}

/* scroll */

.reveal{
opacity:1;
transform:translateY(45px);
transition:1.1s;
}
.reveal.active{
opacity:1;
transform:translateY(0);
}

/*---------Events----------*/
.upg2-header{
text-align:center;
padding:60px 15px 40px;
}

.upg2-badge{
display:inline-block;
background:#dfeee8;
color:#355f50;
padding:8px 22px;
border-radius:40px;
font-weight:600;
margin-bottom:15px;
}

.upg2-title{
font-size:48px;
font-weight:900;
}

@media (max-width:992px){
.upg2-title{ font-size:34px; }
}

@media (max-width:576px){
.upg2-title{ font-size:26px; }
}

.upg2-card{
position:relative;
height:260px;
border-radius:20px;
overflow:hidden;
display:flex;
align-items:flex-end;
padding:25px;
color:#fff;
background-size:cover;
background-position:center;
transition:.4s;
}

.upg2-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.2));
}

.upg2-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.25);
}

.upg2-content{
position:relative;
z-index:2;
}

.upg2-card h2{
font-size:22px;
font-weight:800;
margin-bottom:6px;
}

.upg2-card span{
font-size:13px;
opacity:.9;
}

.upg2-ribbon{
position:absolute;
top:15px;
left:-38px;
background: linear-gradient(135deg, #0d6efd, #0b5ed7);
padding:7px 45px;
font-size:11px;
font-weight:800;
transform:rotate(-35deg);
z-index:3;
}

.upg2-btn{
display:inline-block;
margin-top:8px;
font-size:13px;
font-weight:700;
color:#fff;
text-decoration:none;
}

.upg2-btn:hover{
text-decoration:underline;
}

/* Mobile Optimization */
@media (max-width:767px){
.upg2-card{
height:200px;
padding:18px;
}
.upg2-card h2{
font-size:18px;
}
}

/*----- Hero Slider-------*/
.vc-olive-section{
padding:15px 0;
}

.vc-olive-box{
background:#f5f7f2;
padding:10px;
border-radius:10px;
}

/* ===== SLIDER ===== */

.vc-olive-slider{
position:relative;
height:460px;
overflow:hidden;
border-radius:10px;
}

.vc-olive-slide{
position:absolute;
inset:0;
opacity:0;
transition:opacity 1s ease, transform 1s ease;
transform:scale(1.04);
}

.vc-olive-slide.active{
opacity:1;
transform:scale(1);
z-index:1;
}

.vc-olive-slide img{
width:100%;
height:100%;
object-fit:cover;
}

.vc-olive-overlay{
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.25));
}

.vc-olive-caption{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#fff;
z-index:2;
width:90%;
}

.vc-olive-caption h2{
font-size:clamp(22px,4vw,34px);
font-weight:700;
}

.vc-olive-btn{
display:inline-block;
margin-top:12px;
padding:8px 20px;
background:linear-gradient(135deg,#556b2f,#6b8e23);
color:#fff;
border-radius:6px;
text-decoration:none;
font-weight:600;
}

/* Arrows */

.vc-olive-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:38px;
height:38px;
border-radius:50%;
background:rgba(255,255,255,.3);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
cursor:pointer;
z-index:3;
}

.vc-olive-left{left:10px}
.vc-olive-right{right:10px}

/* Dots */

.vc-olive-dots{
position:absolute;
bottom:15px;
width:100%;
text-align:center;
z-index:3;
}

.vc-olive-dot{
width:10px;
height:10px;
margin:0 4px;
background:rgba(255,255,255,.6);
display:inline-block;
border-radius:50%;
cursor:pointer;
transition:0.3s;
}

.vc-olive-dot.active{
background:#fff;
transform:scale(1.3);
}

/* ===== ANNOUNCEMENT ===== */

.vc-olive-announcement{
background:#ffffff;
padding:12px;
height:460px;
display:flex;
flex-direction:column;
border-radius:10px;
}

.vc-olive-title{
text-align:center;
font-size:20px;
font-weight:700;
border-bottom:1px solid #ddd;
padding-bottom:6px;
margin-bottom:8px;
color:#556b2f;
}

.vc-olive-toggle{
display:flex;
background:#e6eddc;
border-radius:25px;
overflow:hidden;
margin-bottom:8px;
}

.vc-olive-toggle button{
flex:1;
border:none;
padding:6px 0;
background:transparent;
font-weight:600;
cursor:pointer;
color:#556b2f;
}

.vc-olive-toggle .active{
background:linear-gradient(135deg,#556b2f,#6b8e23);
color:#fff;
}

.vc-olive-scroll-wrapper{
flex:1;
overflow:hidden;
position:relative;
}

.vc-olive-scroll{
position:absolute;
width:100%;
animation:vcOliveScroll 10s linear infinite;
}

.vc-olive-item{
background:#f3f7ed;
padding:10px;
border-radius:6px;
margin-bottom:8px;
font-size:14px;
}

.vc-olive-item i{
color:#6b8e23;
margin-right:6px;
}

.vc-olive-date{
display:block;
color:#556b2f;
font-weight:600;
margin-top:4px;
}

@keyframes vcOliveScroll{
0%{transform:translateY(0)}
100%{transform:translateY(-50%)}
}

.vc-olive-scroll:hover{animation-play-state:paused}

.vc-olive-view{
text-align:center;
margin-top:6px;
}

.vc-olive-view a{
padding:6px 18px;
background:linear-gradient(135deg,#556b2f,#6b8e23);
color:#fff;
border-radius:18px;
text-decoration:none;
font-weight:600;
font-size:14px;
}

/* ===== RESPONSIVE ===== */

@media(max-width:992px){
.vc-olive-slider,.vc-olive-announcement{height:360px;}
}

@media(max-width:768px){
.vc-olive-slider,.vc-olive-announcement{height:300px;}
.vc-olive-arrow{display:none;} /* Hide arrows on mobile */
}

@media(max-width:576px){
.vc-olive-slider{height:240px;}
.vc-olive-announcement{height:380px;margin-top:10px;}
.vc-olive-box {
    padding: 0px;
}
.it-about-2-area{
    padding-bottom: 10px !important;
}
.vm6-section {
   
    padding: 30px 0 !important;
}
}

/*-----------Campus------------*/

/* CARD */
.vc-ibg-card{
background:#ffffff;
border-radius:22px;
padding:18px;
position:relative;
overflow:hidden;
transition:0.4s ease;
height:100%;
box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.vc-ibg-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,0.15);
}

.vc-ibg-card img{
width:100%;
border-radius:16px;
margin-top:12px;
}

.vc-ibg-title{
font-weight:700;
font-size:18px;
margin-bottom:5px;
}

/* Gradient Icon */
.vc-ibg-icon{
position:absolute;
top:-18px;
right:-18px;
width:65px;
height:65px;
background: linear-gradient(135deg, #0d6efd, #0b5ed7);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
font-weight:bold;
}

/* Gradient Button */
.vc-ibg-btn{
display:inline-block;
margin-top:10px;
padding:6px 18px;
background: linear-gradient(135deg, #0d6efd, #0b5ed7);
color:#fff;
border-radius:25px;
text-decoration:none;
font-weight:600;
font-size:14px;
transition:0.3s;
}

.vc-ibg-btn:hover{
opacity:0.9;
color:#fff;
}

@media(max-width:991px){
.vc-ibg-section{
padding:40px 0;
}
}
@media(max-width:991px){
.vmlogo{
width: 260px !important;
}
}
.theme-bg{
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    color: white;
}
:root{
    --primary-color: #0d6efd;
    --primary-dark: #0b5ed7;
}

/* Replace ALL #0d6efd and #0b5ed7 usage with below */

.theme-bg,
.olive-bg,
.vmgov6-date,
.vmgov6-btn,
.icon-pro,
.upg2-ribbon,
.vc-ibg-icon,
.vc-ibg-btn{
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
}

.whychoose .icon,
.underline{
    background: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.vmgov6-btn:hover,
.vc-ibg-btn:hover{
    background: var(--primary-dark) !important;
}
.theme-switcher{
    position:fixed;
    bottom:20px;
    right:20px;
    display:flex;
    gap:8px;
    z-index:9999;
}

.theme-btn{
    width:28px;
    height:28px;
    border-radius:50%;
    border:none;
    cursor:pointer;
}
.it-btn-yellow.theme-bg span {
    color: white !important;
}

.theme-btn.blue{ background:#0d6efd; }
.theme-btn.green{ background:#198754; }
.theme-btn.darkred{ background:#DF0101; }
.theme-btn.olive{ background:#556b2f; }

/*-------------Mission And Vision-----------*/

.vm-card{
    background:#fff;
    border-radius:16px;
    padding:25px 20px;
    height:100%;
    transition:.35s;
    border:1px solid #eee;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.vm-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 30px rgba(0,0,0,.14);
}
.vm-icon{
    font-size:42px;
    margin-bottom:12px;
    display:inline-block;
    background:linear-gradient(45deg,#0d6efd,#6610f2);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.vm-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:10px;
}
.vm-text{
    color:#555;
    font-size:15px;
    line-height:1.6;
}
.vm-heading{
    text-align:center;
    margin-bottom:45px;
}
.vm-heading h2{
    font-weight:800;
    font-size:36px;
}
.vm-heading p{
    color:#777;
}
.it-breadcrumb-list{
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
}

/*----About Us-----*
/* TITLES */
.vjm-title{font-weight:700;color:#0d6efd;margin-bottom:35px;position:relative;opacity:0;transform:translateY(40px);transition:1s}
.vjm-title.show{opacity:1;transform:translateY(0)}
.vjm-title:after{content:"";width:80px;height:4px;background:linear-gradient(to right,#0d6efd,#00d2ff);position:absolute;left:0;bottom:-12px;border-radius:10px}

/* BOX */
.vjm-box{background:white;padding:40px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.08);opacity:0;transform:translateY(50px);transition:1s}
.vjm-box.show{opacity:1;transform:translateY(0)}
.vjm-box p{text-align:justify;margin-bottom:20px}

/* CARDS */
.vjm-card{background:white;border-radius:18px;padding:35px 25px;text-align:center;height:100%;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:.4s;opacity:0;transform:translateY(60px) scale(.95)}
.vjm-card.show{opacity:1;transform:translateY(0) scale(1)}
.vjm-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 25px 60px rgba(0,0,0,.15)}

/* ICON */
.vjm-icon{width:75px;height:75px;margin:auto;margin-bottom:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#0d6efd,#00d2ff)}
.vjm-icon svg{width:36px;height:36px;stroke:white;stroke-width:2;fill:none;stroke-dasharray:100;stroke-dashoffset:100}
.vjm-card.show svg{animation:draw 1.5s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
/*------Mission & Vision-------->