:root{
    --bg-1: #0A0A0E;
    --bg-2: #14141A;
    --accent: #AA17FF; /* brand */
    --muted: rgba(255,255,255,0.75);
    --muted-2: rgba(191,199,213,0.18);
    --container-padding: 120px;
  }
  html{scroll-behavior:smooth}
body{font-family: Graphik, Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-webkit-animation:fix 1s 1;animation:fix 1s 1;overflow-x:hidden;line-height:1.5em;font-weight:300;color:#000}
h1,h2,h3,h4,h5{color:#000;font-weight:600;margin-bottom:20px}
a{color:#c21734}
a:hover{color:#c21734}
a,a:hover{text-decoration:none}
a:focus{outline:0}
p { margin: 0 0 10px; font-size: 17px; line-height: 1.5; font-weight: 400; }
p:last-child{margin-bottom:0}
/*
h1{font-size:3em;line-height:1.4em}
h2{font-size:2.667em;line-height:1.4em}
h3{font-size:2.056em;line-height:1.4em}
h4{font-size:1.611em;line-height:1.4em}
h5{font-size:1.222em;line-height:1.4em}
*/
.dtr-pt-100, .dtr-py-100{padding-top:100px;}
.dtr-pt-80, .dtr-py-80{padding-top:80px;}
.dtr-pt-50, .dtr-py-50{padding-top:50px;}
.dtr-pt-30, .dtr-py-30{padding-top:30px;}
.dtr-pb-100, .dtr-py-100{padding-bottom:100px}
.dtr-pb-80, .dtr-py-80{padding-bottom:80px}
.dtr-pb-50, .dtr-py-50{padding-bottom:50px}
.dtr-pb-30, .dtr-py-30{padding-bottom:30px}
ol,ul{margin:0 0 10px;padding:0;list-style-position:outside;display:block}

.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
::-webkit-input-placeholder{color:rgba(5,24,43,.3)}
:-moz-placeholder{color:rgba(5,24,43,.3)}
::-moz-placeholder{color:rgba(5,24,43,.3)}
:-ms-input-placeholder{color:rgba(5,24,43,.3)}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover{border-color:#c21734;transition:background-color 5000s ease-in-out 0}


h2.heading { font-size:40px; font-weight: 400; line-height: 1.2em; }
/*h2.heading:after{content:"";background:#5C00B6!important;display:block;width:52px;height:5px;margin:0;position:relative;top:13px;margin-bottom:20px}*/
h2.heading.text-center:after{margin:auto}
h2.heading.one{color:#fff;}
h2.heading span{color:#A301FE}
h2.heading.text-white:after{background:#fff!important;}
h2.heading.two {font-size: 28px;}
p.heading-byline {font-size: 20px;}
p.heading-byline strong{font-weight:600;}
p.byline {font-size: 20px;font-weight: 400;}


a.navbar-brand {padding: 0;}
header.cd-auto-hide-header{position:sticky;background:#fff;z-index:998;width:100%;display:inline-block;max-width:100%;border-bottom:1px solid #dadada;top:0px;}
header.cd-auto-hide-header .container{position:relative}
nav.navbar.navbar-expand-lg{width:100%;padding:0}
nav.navbar.navbar-expand-lg a.navbar-brand img { height:72px; margin: 5px 0; width: auto; }
button.navbar-toggler .icon-bar{background-color:#002755;opacity:1;border:0;display:block;width:22px;height:2px;border-radius:1px;margin:5px 0}
ul.navbar-nav.ml-auto{padding-right:20px}
ul.navbar-nav li.nav-item{font-size:14px;font-weight:400;padding-right:4px;padding-top:0;display:inline-block}
ul.navbar-nav li.nav-item a.nav-link.apply-now-menu{background: #222; color: #fff; padding: 10px 24px; border-radius:10px; margin-top: -2px;}
ul.navbar-nav li.nav-item a{color:#0a1517;font-size:15px;text-decoration:none}
ul li.nav-item.apply-link a { color: #fff; padding: 10px 20px !important; margin-left: 11px; margin-top: -4px; }
img.program-partner { height:65px; display: inline-block; margin-top: -30px; position: relative; top: 14px; margin-left: 15px; }
section.bannersection { background:#100f5f url(../images/vvism-banner-img.webp) no-repeat; padding-top:60px; position: relative; padding-bottom: 80px; background-size:cover; background-position:100% 80%;min-height: 600px;padding-top: 120px;}
h1.program-headline { color: #fff; font-size: 46px; font-weight: 500; letter-spacing: 0px; line-height: 1.1em; margin-bottom: 0; }
h1.program-headline strong{color: #000; background-clip: text; padding-bottom: 0.04em; margin-bottom: -0.04em; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; background: linear-gradient(to left, #44dcfe, rgb(201 74 255), rgb(246 61 248), rgb(255 87 198), #44dcfe, rgb(255 255 255), rgb(255 240 240), #44dcfe); background-size: 400%; -webkit-background-clip: text; text-align: left; animation: sTransition 20s linear infinite;}
@keyframes sTransition {
0%{background-position:0}
100%{background-position:400%}
}

section.bannersection p.headline { color: #fff; font-weight: 400; font-size: 24px; margin-bottom:0px; line-height: 1.4em; }
section.bannersection .program-subline { font-size: 18px; font-weight: 300; color: #fff; line-height: 1.4em; }
section.bannersectionp .program-subline strong{position:relative;font-weight:300;font-size:25px;display:block;margin-top:40px;font-weight:600}
img.accredations-logo {height: 95px;display: block;}
p.sticker {color: #fff; margin-top: 25px; font-weight: 400; font-size:18px; display: block; line-height: 1.5em; vertical-align: sub;}
p.sticker svg { height: 60px; width: auto; fill: #8EA1FF; float: left; margin-right: 15px; margin-top: 5px; }
p.sticker span{display: inline-block; padding-top: 10px; line-height: 1.3em;font-size: 16px;}
p.apply-now-cta { display: block; position: relative; top: 25px; left: 0;}
p.apply-now-cta a { background: #ffffff; color: #000000; font-weight: 500; padding:10px 25px 14px; border-radius: 12px; }
p.apply-now-cta svg{margin-left: 10px;margin-top: 2px;}
p.apply-now-cta.one a{background:#fff;color:#000;border: 1px solid #fff;font-weight: 500;margin-left: 15px;}
p.apply-now-cta.two a { background: #ffffff; color: #000000 !important; border: 1px solid #ffffff; font-weight: 500; margin-left: 0px; }
p.apply-now-cta.two svg path {fill: #000000;}
/* p.apply-now-cta a:hover{color:#000;border:1px solid #fff;} */
p.apply-now-cta.one a:hover{color:#000;border:unset;}
p.apply-now-cta a.intro-btn{font-size:15px;background:transparent;padding:10px 30px;border-radius:5px;font-weight:600;color:#fff;margin-top:0;display:inline-block;border:1px solid #fff;border-radius:45px}
p.sub-byline{font-size:17px;color:#fff;margin-top:30px}
img.partner-logo{height: auto; width: 20%; border-radius: 10px; padding: 10px; background: #fff; margin-right: 30px;}

ul.highlights{background: #ffffffe8;border-radius: 10px;}
ul.highlights li:first-child { padding: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
section.bannersection ul.highlights li { font-weight: 500; font-size:17px; color: #000000; vertical-align: middle; display: inline-flex; border-right: 1px solid #d7d7d7;margin: 0px; width: 36%; margin-right:0px; justify-content: center; min-height: 80px; align-items: center; }
section.bannersection ul.highlights li:first-child{padding-left: 10px;}
section.bannersection ul.highlights li:nth-child(2) { width: 34%; padding-left: 9px; }
section.bannersection ul.highlights li:last-child{border: unset;width: 25%;}
section.bannersection ul.highlights li svg{width: auto;height:45px;fill: #7112ab;;margin-right: 10px;}