*{font-display: swap;}
html{scroll-behavior:smooth}
body{font-family:Metropolis;-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;font-display: swap;}
h1,h2,h3,h4,h5,h3 a{color:#000;font-weight:600;margin-bottom:20px}
a{color:#c21734}
a:hover{color:#c21734}
a,a:hover{text-decoration:none}
a:focus{outline:none}
p{margin:0 0 10px;font-size:17px;line-height:1.5}
p:last-child{margin-bottom:0}
h1{font-size:3em;line-height:1.4em}
h2{font-size:2.667em;line-height:1.4em}
h3,h3 a{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-py-100{padding-top:100px;padding-bottom:100px}
ul,ol{margin:0 0 10px;padding:0;list-style-position:outside;display:block}
ol li,ul li{margin-bottom:8px;display:inline-block}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
::-webkit-input-placeholder{color:rgba(5,24,43,0.3)}
:-moz-placeholder{color:rgba(5,24,43,0.3)}
::-moz-placeholder{color:rgba(5,24,43,0.3)}
:-ms-input-placeholder{color:rgba(5,24,43,0.3)}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border-color:#c21734;transition:background-color 5000s ease-in-out 0}
form#TalentSprintIITH .with-icon input,form#TalentSprintIITH .with-icon select,form#TalentSprintIITHDC .with-icon input,form#TalentSprintIITHDC .with-icon select,form#TalentSprintIITHSE .with-icon input,form#TalentSprintIITHSE .with-icon select{padding:5px 15px;transition:all .3s ease;font-size:13px;color:#000;margin-bottom:4px;border-radius:4px;background-color:#fff;width:100%;outline:0;display:block;border:1px solid #cacaca;height:50px}
[data-aos] {visibility: hidden;}
[data-aos].aos-animate {visibility: visible;}

form#TalentSprintIITH .with-icon{width:100%;display:inline-block;padding:4px 5px;vertical-align:top;margin-bottom:12px;position:relative;padding-left:0}
.with-icon .floating-label{font-size:12px;color:#848484;position:absolute;pointer-events:none;top:12px;left:12px;transition:all .1s ease}
.with-icon input:focus~.floating-label,.with-icon input:not(:focus):valid~.floating-label{top:-18px;font-size:13px;opacity:1;color:#404040;height:20px}
.with-icon input:invalid:not(:focus)~.floating-label{top:-10px!important;background:#e6e6e6;padding:0 10px;border-radius:50px;color:#525252;height:25px}
.with-icon span.floating-label.mob{top:-15px;font-size:12px;opacity:1;color:#404040;height:20px}
button#form-submit-button{background: #9c0bef;border-radius: 36px;padding:12px 56px;color:#fff;border:1px solid transparent;width:100%;font-size:18px;font-weight:500}
p.terms-condition-label input[type=checkbox]{float:left;margin-right:6px;margin-top:2px;margin-bottom:28px}
p.terms-condition-label label{position:relative;top:-2px;font-size:13px;display:inherit;line-height:1.4;font-weight:400}
input[type=text]:disabled{background:#dedede!important;border:2px solid #dedede!important;color:#000}
input#Phone{padding-left:45px!important}
.program-form {background: #fff; padding: 0; border-radius: 10px; box-shadow: 2px 2px 25px #00000012; margin-top: -165px; position: sticky; top: 150px;}
.program-form form{padding:15px 45px 40px}
.program-form h4{font-size:17px;margin-bottom:25px;padding:25px 5px;background:#000000;border-radius:10px 10px 0 0;color:#fff;line-height:1em;text-align:center;font-weight:500}
.program-form p{position:relative}
.program-form p span{position:absolute;background:#fff;display:block;padding:2px 15px;font-size:14px;font-weight:500;border-radius:20px;top:-15px;left: 10%; right: 10%;text-align:center}
.program-form h3 span{position:absolute;top:55px;font-size:13px;background:#fff;display:inline-block !important; padding:3px 20px;border-radius:50px;font-weight:300;margin:auto;line-height:normal;left:10%;right:10%;text-align:center}
.program-form h3 span a{font-weight:500;display:inline-block;margin:0;font-size:13px}
.program-form h3 span img{height:20px;margin-right:4px}
nav.navbar.navbar-expand-lg{padding:0;background:#fff;border-bottom:1px solid #e5e5e5;top:35px;z-index:99}
img.iith-logo{height:auto;margin:6px 0}
ul.navbar-nav li{padding:0 5px;margin-bottom:0}
ul.navbar-nav li a{font-weight:500;color:#000}
ul.navbar-nav li a.nav-link.ds-btn {background: #9c0bef;border-radius: 36px;padding:10px 20px;color:#fff}
h2.marketing-title{font-size:26px;color:#2d2f98}
h1.program-title{color:#000;font-size:48px;line-height:1.1em}
h1.program-title span{display:block;font-size:26px;line-height:1.2em;font-weight:500;padding-bottom:5px}
p.byline{line-height:1.4em;font-weight: 400;font-size: 18px;}
section.banner-section hr{border-top:1px solid #a3a1a1;margin:1.2em 0;width: 70%;}
p a.header-btn{background: #9c0bef;border-radius: 36px;color:#fff;padding: 18px 24px;font-size:18px;font-weight:500}
img.batch-sticker{margin-left:30px}
img.progrm-partner{display:block;background:#fff;padding:12px 20px;border-radius:5px;height:90px}
ul.program-highlights{margin-top:-155px;margin-bottom:15px;background:#fff;padding:22px 15px;border-radius:10px;box-shadow:2px 2px 15px #0000001c;position:relative}
ul.program-highlights li{display:inline-block;font-size:15px;color:#000;vertical-align:top;padding:5px 9px;width:24%;border-right:1px solid #e5e5e5;min-height:80px;text-align:center;line-height:1.3em}
ul.program-highlights li strong{font-weight:600;color:#000;font-size:20px;display:block;line-height:1;padding-bottom:8px}
ul.program-highlights li img{height:30px;display:block;margin:auto;margin-bottom:11px;margin-top:-5px}
ul.program-highlights li:last-child{border-right:unset}
ul.program-highlights li:nth-child(5){border-right:unset}
p.design-quote{color:#2D2F98;font-size:28px;font-style:italic;font-weight:600;line-height:1.4em}
p.design-quote span{display:block;color:#000;font-size:20px;font-style:normal;padding-top:8px;font-weight:500}
hr{margin:1.5rem 0}
h2.heading{font-size:36px;line-height:1.3em;font-weight: 500;}
img.growth{width:90%;margin-bottom:20px;float:right}

div.prgmhighlights { margin-top: -155px; margin-bottom: 3rem; background: #fff; padding: 22px 15px; border-radius: 10px; box-shadow: 2px 2px 15px #0000001c; position: relative; }
div.prgmhighlights .card{border: unset; border-right: 1px solid #d9d9d9; border-radius: 0px; text-align: center;}
div.prgmhighlights .card .card-body {padding: 0px 5px;}
div.prgmhighlights .card .card-body p{font-size: 15px; color: #000;}
div.prgmhighlights .card .card-body p strong{font-weight: 600; color: #000; font-size: 28px; display: block; line-height: 1; padding-bottom: 8px;}
div.prgmhighlights .card .card-body img{height: 30px; display: block; margin:0px auto 11px;}
div.prgmhighlights .swiper-slide:last-child .card{border-right: unset;}

.unique-reasons div.iithEdge .card{width: 100%; min-height: 280px; font-size: 16px; line-height: 1.3em; box-shadow: 2px 2px 15px #0000001c; display: inline-block; padding: 20px 15px; color: #5a5a5a; background: #fff; margin-right: 10px; vertical-align: top; margin-bottom: 20px; border-radius: 8px; font-weight: 400; box-shadow: 2px 2px 15px #0000001c; background: linear-gradient(#f6f4ff, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d;}
.unique-reasons div.iithEdge .card-body{padding: 0px;}
.unique-reasons div.iithEdge .card-body img{display: block; margin-right: 20px; height: 40px; margin-bottom: 25px;}
.unique-reasons div.iithEdge .card-body strong{display: inline; font-size: 18px; font-weight: 500; margin-bottom: 0; color: #000; line-height: 1.2; display: block;}
.unique-reasons div.iithEdge .card-body span{font-size: 32px; color: #5a5a5a; font-weight: 600;}

.designEdge .swiper-wrapper {display: inline-flex!important; flex-direction: column!important; }
.designEdge .swiper-wrapper>.swiper-slide {width: 100% !important; margin-bottom: 10px;}
.designEdge .swiper-wrapper>.swiper-slide .card{background: transparent;border: unset;}
.designEdge .card-body {padding: 10px 0px;}
.designEdge .card-body img { float: left; margin-right: 20px; height: 120px; border-radius: 10px; }
.designEdge .card-body p { font-size: 16px; }
.designEdge .card-body p strong{font-size: 20px; font-weight: 500; display: block; margin-bottom: 5px;}

/* hr.break-line{display:none;} */


#participantProfile .testimonialSwiper .card{background: transparent;border: unset;}

.aspirationsSwiper .card{padding: 35px; border-radius: 10px; min-height: 290px; background: linear-gradient(#ffffff, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d; box-shadow: 2px 2px 15px #0000001c;}
.aspirationsSwiper .card p{font-size: 18px;font-weight: 400;color: #000;}
.aspirationsSwiper .card p span { display: block; font-size: 17px; margin-top: 15px; }
.aspirationsSwiper .card span strong { display: block; font-size: 22px; padding-bottom: 4px; font-weight: 500; }

.CampusImmersionSwiper .card{background: transparent; border: unset;}
.CampusImmersionSwiper .card img.campus-visit-latest { width: 100%;border-radius: 10px; }

/* Swiper btn CSS */
.iithEdge  .swiper-button-next, .iithEdge  .swiper-button-prev{display: none;}

.prgmhighlights .swiper-button-next,
.iithEdge .swiper-button-next, 
.designEdge .swiper-button-next,
.testimonialSwiper .swiper-button-next,
.aspirationsSwiper .swiper-button-next,
.CampusImmersionSwiper .swiper-button-next
 { right: 0px; width: 35px; height: 35px; color: rgb(255, 255, 255); background: #530083; border-radius: 30px;}

 .prgmhighlights .swiper-button-next:after,.prgmhighlights .swiper-button-prev:after ,
.iithEdge .swiper-button-next:after, .iithEdge .swiper-button-prev:after,
.designEdge .swiper-button-next:after, .designEdge .swiper-button-prev:after,
.testimonialSwiper .swiper-button-next:after, .testimonialSwiper .swiper-button-prev:after,
.aspirationsSwiper .swiper-button-next:after, .aspirationsSwiper .swiper-button-prev:after,
.CampusImmersionSwiper .swiper-button-next:after, .CampusImmersionSwiper .swiper-button-prev:after
{ font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }

.prgmhighlights .swiper-button-prev, 
.iithEdge .swiper-button-prev, 
.designEdge .swiper-button-prev,
.testimonialSwiper .swiper-button-prev,
.aspirationsSwiper .swiper-button-prev,
.CampusImmersionSwiper .swiper-button-prev
{ left: 0px; background: #530083; border-radius: 30px; width: 35px; height: 35px; color: #fff; }

.prgmhighlights .swiper-button-next:after, .prgmhighlights .swiper-button-prev:after,
.iithEdge .swiper-button-next:after, .iithEdge .swiper-button-prev:after, 
.designEdge .swiper-button-next:after, .designEdge .swiper-button-prev:after,
.testimonialSwiper .swiper-button-next:after, .testimonialSwiper .swiper-button-prev:after,
.aspirationsSwiper .swiper-button-next:after, .aspirationsSwiper .swiper-button-prev:after,
.CampusImmersionSwiper .swiper-button-next:after, .CampusImmersionSwiper .swiper-button-prev:after
{font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }
/* Swiper btn CSS */

ul.highlights.one.rankings li { width: 31%; min-height:280px; font-size: 16px; line-height: 1.3em; box-shadow: 2px 2px 15px #0000001c; display: inline-block; padding: 20px 15px; color: #5a5a5a; background: #fff; margin-right: 10px; vertical-align: top; margin-bottom: 20px; border-radius: 8px; font-weight: 400;    box-shadow: 2px 2px 15px #0000001c;background: linear-gradient(#f6f4ff, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d;}
.unique-reasons ul li img { display: block; margin-right: 20px; height: 40px; margin-bottom: 25px; }
ul.highlights.one.rankings li strong { display: inline; font-size: 18px; font-weight: 500; margin-bottom: 0; color: #000; line-height: 1.2; display: block; }
ul.highlights.one.rankings li span { font-size: 32px; color: #5a5a5a; font-weight: 600; }


.unique-reasons {background: #ede9f9; padding:50px 35px 50px; border-radius: 10px; }
.unique-reasons ul li { display: inline-block; width: 100%; font-size: 16px; margin-bottom: 10px; }
.unique-reasons ul li strong { font-size: 20px; font-weight:500; display: block; margin-bottom: 5px; }
.unique-reasons ul.design-edge li img {float: left; margin-right: 20px; height: 120px; border-radius: 10px;}
.unique-reasons ul li:last-child { margin-bottom: 0; }
.unique-reasons ul li img { display: block; margin-right: 20px; height: 40px; margin-bottom: 25px; }

section#whyVDUX {background: #ffffff url(../images/designs-influence.webp) no-repeat; background-position: 100% 80%; background-size: cover;border-top: 1px solid rgb(238, 238, 238);}
section#whyVDUX h3.sub-heading { color: #000; font-weight: 500; font-size: 26px; margin-bottom: 20px; }

.swiper.mySwiper{position:relative}
.mySwiperOne .card a { background: #7e00c7; display: inline-block; max-width: max-content; color: #fff; padding: 2px 12px; border-radius: 30px; position: absolute; bottom: 20px; }
.mySwiper .card {background: #f6eeff61; min-height: 240px; padding: 20px; position: relative; border-radius: 15px; margin-bottom: 50px; box-shadow: 2px 2px 15px #0000001c;background: linear-gradient(#f4f3f9, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef1c;}
.mySwiper .card h3 {color: #000000; font-size: 20px;font-weight: 500;}
.mySwiper .card p { color: #000000; font-size: 16px;}

.mySwiper .swiper-button-next:after,.mySwiper .swiper-button-prev:after{font-size:18px;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1;font-weight:700}
.mySwiper .swiper-button-next{right:auto;top:275px;left:56px;background:#530083;border-radius:30px;width:35px;height:35px;color:#fff}
.mySwiper .swiper-button-prev{top:275px;left:8px;background:#8d57c2;border-radius:30px;width:35px;height:35px;color:#fff}

section#faculty{background:#fff url(../images/faculty-bg.webp) no-repeat;background-position:top;background-size:cover;}
.mySwiperOne .card{min-height:400px;background:#ffffff;color:#fff;padding:30px;margin-bottom:0px;position:relative;margin-top:30px;border-radius: 10px;background: linear-gradient(#ffffff, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d; box-shadow: 2px 2px 15px #0000001c;}
.mySwiperOne .card.one{background:#ffffff}
.mySwiperOne .card h4{font-size:20px;font-weight:500;color:#000000;margin: 0;}
.mySwiperOne .card h4 img { float: left; margin-right: 12px; height: 110px; border-radius: 15px; margin-top: -12px; margin-bottom: 14px; }
.mySwiperOne .card p{font-weight:300;font-size:16px;color:#000}
.mySwiperOne .card p strong{font-weight:500;opacity:1;color:#000000}

.mySwiperOne .card p.faculty-designation { opacity: 1; background: #9c0bef; position: absolute; top: -13px; font-size: 12px; padding: 2px 10px; border-radius: 5px; text-transform: uppercase; color: #fff; font-weight: 500; }
.mySwiperOne.swiper{overflow:visible}
.mySwiperOne .swiper-button-next:after,.mySwiperOne .swiper-button-prev:after{font-size:18px;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1;font-weight:700}
.mySwiperOne .swiper-button-next{right:-18px;background:#530083;border-radius:30px;width:35px;height:35px;color:#ffffff}
.mySwiperOne .swiper-button-prev{left:-18px;background:#530083;border-radius:30px;width:35px;height:35px;color:#ffffff}

.ankita-roy, .deepak-john, .delwyn-judes, .mohammad-shahid, .neelakantan, .prasad-onkar, .seema-krishna, .shiva-ji, .srikar { display: inline-block; background: url(../images/faculty-list.webp) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; float: left; top: -18px; position: relative; margin-right: 12px; }
.ankita-roy{background-position:-20px -0;width:120px;height:120px}
.deepak-john{background-position:-160px -0;width:120px;height:120px}
.delwyn-judes{background-position:-300px -0;width:120px;height:120px}
.mohammad-shahid{background-position:-20px -140px;width:120px;height:120px}
.neelakantan{background-position:-160px -140px;width:120px;height:120px}
.prasad-onkar{background-position:-300px -140px;width:120px;height:120px;}
.seema-krishna{background-position:-20px -280px;width:120px;height:120px}
.shiva-ji{background-position:-160px -280px;width:120px;height:120px;}
.srikar{background-position:-300px -280px;width:120px;height:120px}

section#participantProfile {background: #fff }
section#highImpact { background: #f7f7f7 url(../images/impact-format-bg.webp) no-repeat; background-position: right; background-size:100%; }
section#highImpact ul li{display:inline-block;position:relative;padding-left:25px}
section#highImpact ul li:before{content: ""; background: url(../images/arrow-blue.webp) no-repeat; padding: 10px; background-size: 100%; position: absolute; top: 3px; margin-right:10px; left: 0;}

section#Curriculum{background:#fcfbfc url(../images/curriculum-bg.webp) no-repeat;background-size:cover;background-attachment:fixed;background-position: 210px 87px;}
p a.header-btn-dc{background:#fff;color:#000;padding:18px 35px;border-radius:35px;font-size:18px;font-weight:500;border:1px solid #000;margin-left:10px}
.capstone-projects{background:#FDF7D3;padding:40px;border-radius:20px;background: linear-gradient(#ffffff, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d; box-shadow: 2px 2px 15px #0000001c;}
.capstone-projects ul li{display:inline-block;width:45%;font-size:18px;font-weight:500;margin-right:20px;vertical-align:top;margin-bottom:10px;position:relative;padding-left:30px}
.capstone-projects ul li:before { content: ""; background: url(../images/tickmark-blue.webp) no-repeat; padding: 10px; background-size: 90%; position: absolute; top: 3px; margin-right: 0px; left: 0; }
div#participant h2.heading{margin-bottom:20px}
ul.alumni-testimonial li{display:inline-block;width:31%;background:#e5e5e5;padding:35px;border-radius:10px;margin-right:20px;vertical-align:top;min-height:260px;font-size:18px;font-weight:400;margin-bottom:20px;color: #000000;background: linear-gradient(#ffffff, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d; box-shadow: 2px 2px 15px #0000001c;}
ul.alumni-testimonial li:last-child{margin-right:0}

ul.alumni-testimonial li span{display:block;font-size:17px;margin-top:15px}
ul.alumni-testimonial li span strong{display:block;font-size:22px;padding-bottom:4px;font-weight: 500;}
.carousel-indicators [data-bs-target]{width:15px;height:15px;border-radius:50px;background:#000;border:unset;margin-bottom:-40px}
img.batch-video1{width:100%;border-radius:6px;border:1px solid #e5e5e5;margin-bottom:12px}
a.testimonial{color:#000;font-size:18px;font-weight:400}
section#eligibility { background: #f2eadf url(../images/vdux-eligibility-new-one.webp) no-repeat; background-size: cover; background-position: 30% 100%; }
section#eligibility h2{color: #000!important;}
section#eligibility ul li{display:inline-block;width:100%;font-size:18px;font-weight:400;margin-bottom:5px;position:relative;padding-left:24px;color:#000000}
section#eligibility ul li:before{content:"";border-color:transparent #000000;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-20px;top:15px;position:relative}
p.emi-details{font-size:16px;font-weight:400;position:relative}
p.emi-details span{display:block;padding-left:0;font-size:17px;padding-right:20px;margin-bottom:10px}
p.emi-details span a{text-decoration:underline;color:#000}
p.emi-details img{height:40px;border-radius:30px;margin-right:3px;position:relative;top:-2px}
section#aboutIITH{background:#f8f4ed url(../images/about-iith.webp) no-repeat;background-size:contain;background-position:right}
.row.iith-dic{background:#FDF7D3;padding:40px;border-radius:20px;margin-top:20px;background: linear-gradient(#faf9fb, #fff) padding-box, linear-gradient(320deg, transparent 20%, #ce98ff, #ff9da8fa) border-box; border: 2px solid #9c0bef3d; box-shadow: 2px 2px 15px #0000001c;}
.row.iith-dic h3{font-size:28px;line-height:1.3em}
.row.iith-dic h3 small{font-size:20px}

h2.heading:after{display:none!important}
section#aboutTS iframe{width:100%;height:650px}
section#faq h2.accordion-header button.accordion-button { padding: 0; font-size: 18px; font-weight: 500; color: #000; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; }
section#faq .accordion-item{border:unset}
section#faq .accordion-button:not(.collapsed){box-shadow:unset;background:transparent}
section#faq .accordion-body ul li{display:inline-block;width:100%;position:relative;padding-left:20px;margin-bottom: 0px;}
section#faq .accordion-body ul li:before{content:"";border-color:transparent #878787;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-20px;top:15px;position:relative}
section#faq .accordion-body p strong{font-weight:600}
footer.footer{padding:30px 0}
.modal-body{padding:30px}
.modal-dialog{width:75%;margin-top:80px;max-width:750px}
.modal-dialog button.close{border-radius:50%;padding:4px 8px;background:#ff5722;color:#fff;font-size:30px;border:unset;position:absolute;right:-16px;top:-20px}
.modal-body p{font-size:16px}
.modal-body h4{font-size:22px}
.modal-body img{height: auto;width: 20%;margin-bottom: 20px;}
div#specialCorporateEnrolment iframe{width:100%;height:647px}
div#downloadCurriculumReport iframe{width:100%;height:350px}
.youtube{width:100%;height:390px;background:#ddd}
div#testimonial-modal iframe{width:100%;height:390px}
#take-to-top{background-color:#000;color:#fff;width:40px;height:40px;z-index:999;text-align:center;text-decoration:none;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease;display:block}
#take-to-top.dtr-fade-scroll{position:fixed;right:36px;bottom:200px;display:none}
a#take-to-top img{width:80%;margin-top:10%}

.topbar{background:#000000;color:#fff;font-size:11px;font-weight:400;padding:7px 20px;text-align:center;position:fixed;width:100%;z-index:999}
.topbar p{font-size:16px}
p.mobile-apply{display:none}
section.sticky-nav{background:#fff;padding:0;border-bottom:1px solid #e5e5e5;display:none}
section.sticky-nav.sticky{position:fixed;top:35px;width:100%;z-index:199;display:block}
section#stickyNavBar nav.navbar.navbar-expand-lg{padding:0;background:#fff;border-bottom:1px solid transparent;top:0}
img.session-rating{height:90px;margin-left:20px}
section#campusImmersion {
    background: #eceff1;
}
div#latestCampusVisit .carousel-indicators{bottom:-45px;margin-left:14%}
img.campus-visit-latest{width:49%;margin-right:6px;border-radius:10px}
div#vduxDetailedCurriculum .accordion-item{margin-bottom:12px;border-radius:10px;border:transparent;box-shadow: 2px 2px 15px #0000001c;}
div#vduxDetailedCurriculum .accordion-button:not(.collapsed){background-color:#fff}
div#vduxDetailedCurriculum h2.accordion-header button.accordion-button{font-size:18px;font-weight:500;padding:6px 20px;background:#181818;color:#fff;border-radius:10px}
div#vduxDetailedCurriculum .accordion-item:last-child .accordion-button::after{display: none}
div#vduxDetailedCurriculum .accordion-body ul li {display: inline-block; width: 100%; position: relative; padding-left: 0px; margin-bottom:10px; font-size: 19px; margin-left:30px;font-weight: 400;}
div#vduxDetailedCurriculum .accordion-body ul.module-outcomes li:before { content: ""; border-color: transparent #514ea3; border-style: solid; border-width: 7px 0 7px 10px; display: block; height: 0; width: 0; left: -25px;top:19px; position: relative;}
div#vduxDetailedCurriculum .accordion-body ul.module-outcomes li { padding-left: 0px; font-size: 18px; padding-right: 40px;margin-bottom: 0px;}
div#vduxDetailedCurriculum .accordion-body ul.mainpoints li:before { content: "" !important; background: url(../images/tickmark-blue.webp) !important; position: absolute !important; padding: 8px !important; background-size: 98% !important; top: 3px !important; left: -25px !important; }

div#vduxDetailedCurriculum .accordion-body p strong{font-weight:600}
div#vduxDetailedCurriculum .accordion-button::after{background-color:#fff;border-radius:50%;background-size:62%;width:35px;height:35px;background-position:center}
div#vduxDetailedCurriculum p.learning-outcomes { margin-top: 30px; margin-bottom: 10px;font-size: 20px;padding-left: 5px;}

img.session-rating{height:90px;margin-left:20px}
ol.breadcrumb{background:0 0;padding:0;margin-top:0}
ol.breadcrumb li.breadcrumb-item,ol.breadcrumb li.breadcrumb-item a{color:#000;text-decoration:none;font-size:12px}
h3.sub-heading{font-size:26px;font-weight:400}
img.work-exp-img{width:83%}
ul.testimonial-videos li img { width: 92%;    margin-left: 10%; }
img.vdux-companies-img{width:100%;border-radius: 10px;}
section#outcomes{background:#2f2571 url(../images/outcome-bg.webp) no-repeat;background-size:cover}
section#outcomes ul li{display:inline-block;position:relative;padding-left:20px;color:#fff;margin-bottom:0px;opacity:.9}
#outcomes img.certificate{height:auto;width:80%}
section#programEnrolment{background:#F0DBFD;position:relative}
#participantProfile h3.pp-subhead{font-weight: 500;}

section#outcomes ul li:before { content: ""; border-color: transparent #ffffff; border-style: solid; border-width: 7px 0 7px 10px; display: block; height: 0; width: 0; left: -20px; top: 19px; position: relative; }

div#feeDetails{border-radius:10px;box-shadow:2px 2px 15px #0000001c;text-align:center;background:#fff}
div#feeDetails .col-md-6.one{background:#fff;border-radius:10px 0 0 10px;border-right:1px solid #e5e5e5}
div#feeDetails .col-md-6.one h3{font-size:36px;margin-bottom:10px;color:#000}
div#feeDetails .col-md-6.one p.fee-amount{font-size:16px;color:#000}
div#feeDetails .col-md-6.one p.fee-amount strong{display:block;font-size:42px;font-weight:600;color:#2f2571;margin-bottom:-6px}
div#feeDetails .col-md-6.one p.fee-amount small{font-size:13px}
div#feeDetails ul.payment-types li img.one{height:15px}
.fee-loan{font-size:17px;line-height:1.2;position:relative;margin:10px 0;display:inline-block}
p.fee-loan strong{font-size:22px}
.scholarships-label{margin-top:20px;margin-top:20px;display:inline-block}
.scholarships-label span{display:inline-flex;align-content:center;justify-content:center;align-items:center}
.scholarship-icon{height:41px;float:left;margin-right:10px}
section#programEnrolment a{color:#000;font-size:16px;font-weight:500;text-decoration:underline}
p.fee-disclaimer{font-size:12px;color:#666161}
div#feeDetails ul.payment-types{margin-top:20px;background:#fff;padding:16px 10px 2px;border-radius:10px}
div#feeDetails ul.payment-types li{width:30%;font-weight:400;font-size:13px;color:#a7a7a7;display:inline-flex;flex-direction:column}
div#feeDetails ul.payment-types li img{height:22px;margin:auto;display:inline-block;margin-bottom:8px}
div#feeDetails .col-md-6{background:url(../images/fee-background.webp) no-repeat;padding:60px 30px;border-radius:0 10px 10px 0;background-size:cover}
div#feeDetails .col-md-6 h3{font-size:28px;margin-bottom:10px;color:#fff}
div#feeDetails .col-md-6 p.fee-note{font-size:18px;color:#fff}
div#feeDetails .col-md-6 p.fee-amount{font-size:16px;color:#fff}
div#feeDetails .col-md-6 p.fee-amount strong{display:block;font-size:32px;font-weight:600;color:#fff}
p.emi-details span{display:inline-block;padding-left:0;font-size:14px;padding-right:20px;color:#fff!important}
p.emi-details img{height:30px;border-radius:30px;margin-right:3px;position:relative;top:-2px}
section#programEnrolment a{color:#000;font-size:16px;font-weight:500;text-decoration:underline;text-align:left}
section#programEnrolment p.emi-details a,p.emi-details a:focus,p.emi-details a:hover{text-decoration:underline;color:#fff}
section#enrrolmentSteps ul.enrolment-steps{position:relative}
section#enrrolmentSteps ul.enrolment-steps li{display:inline-block;width:24%;text-align:center;font-size:22px;font-weight:500}
section#enrrolmentSteps ul.enrolment-steps li img{background:#312e92;display:block;border-radius:50%;padding:5px;margin:auto;margin-bottom:25px;position:relative;z-index:99;height:100px}
section#enrrolmentSteps ul.enrolment-steps:after{content:"";background:url(../images/line-bg.webp) no-repeat;position:absolute;width:72%;top:53px;height:16px;background-size:100%;text-align:center;left:155px;z-index:9}
section#digital-experiance{background:linear-gradient(-90deg,#c7deffff 0%,#e4f7fdff 45%,#fff3e8ff 82%,#fff7f1e6 100%)}
#video-elem{width:100%;height:870px;object-fit:cover;position:absolute;top:0; aspect-ratio: 1920 / 1080;}
.video-section{width:100%;height:100%;object-fit:cover}
section.banner-section{padding-top:50px;background-size:cover;padding-bottom:50px;background-position:right}
.container.header-banner{padding-top:30px;padding-bottom:50px;z-index:9;position:relative}
#carouselExampleSlidesOnly .carousel-indicators{bottom:-40px}
#aluminicarousel ul li{width:31%;margin-left:20px}
p.scholarships-label small{display:block;font-size:12px;color:#666161}
#programEnrolment p.header-cta a.button{ background: transparent; border: 2px solid white;text-decoration: none;font-weight: 600;}
#programEnrolment p.header-cta a.button:hover{background-color:transparent;border: 2px solid #fff;}
.button { line-height: 1; text-decoration: none; display: inline-flex ; border: none; cursor: pointer; align-items: center; gap: .75rem; background-color: #000000; color: #fff; border-radius: 10rem; font-weight: 600; padding: 1rem 1.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color .3s; }
div#talk iframe { width: 100%; height: 350px; }
#accordionExample a{color: #2121fa;text-decoration: underline;}
/* a.testimonial { color: rgb(0, 0, 0); font-size: 15px; font-weight: 300; } */
.circle { height: 90px; width: 90px; background-color: rgb(255, 255, 255); cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; box-shadow: rgba(1, 1, 1, 0.25) 0px 14px 28px, rgba(1, 1, 1, 0.22) 0px 10px 10px; top: 226px; left: 125px; border-radius: 50%; transition: height 0.25s, width 0.25s; }
.circle::after, .circle::before { content: ""; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 50%; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.5); border-image: initial; }
.gg-play-button { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1)); width: 22px; height: 22px; color: rgb(0, 0, 0); }
.gg-play-button::before { content: ""; display: block; box-sizing: border-box; position: absolute; width: 0px; height: 10px; top: -4px; left: 4px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 23px solid; }
.circle:before { -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite; }
.circle:after { -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite; }
@-webkit-keyframes ripple {
0%{-webkit-transform:scale(1)}
75%{-webkit-transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);opacity:0}
}
@keyframes ripple {
0%{transform:scale(1)}
75%{transform:scale(1.75);opacity:1}
100%{transform:scale(2);opacity:0}
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {color: #000 !important; text-decoration: underline; font-weight: 500 !important; background-color: transparent !important; height: auto; font-size: 12px !important; border: none; padding: 0px !important;margin-right: 8px;}
a.cookie-policy{color: #000; text-decoration: underline; font-weight: 500 !important; background-color: transparent !important; height: auto; font-size: 12px; border: none; padding: 0px !important;font-weight: 500 !important;}

.whatsapp-float { position: fixed; bottom: 105px; right: 20px; z-index: 1000; text-decoration: none; }
.whatsapp-float svg { border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,.2); transition: transform .3s ease; }
.whatsapp-text { position: absolute; bottom: 115%; right: 0; background: #fff; padding: 6px 10px; font-size: 13px; border-radius: 4px; white-space: nowrap; box-shadow: 0 8px 40px rgba(0,0,0,.16); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .3s ease;color: #000; font-weight: 400; }
.whatsapp-text::after { content: ""; position: absolute; top: 100%; right: 12px; border: 6px solid transparent; border-top-color: #fff; }
.whatsapp-float:hover .whatsapp-text { opacity: 1; visibility: visible; transform: translateY(0); }
.whatsapp-float:hover svg { transform: scale(1.1); }
.show-tooltip .whatsapp-text { opacity: 1; visibility: visible; transform: translateY(0); }
.show-tooltip svg { transform: scale(1.1); }
div#vduxDetailedCurriculum .accordion-body ul li ol { font-size: 13px; margin-top: 2px; position: relative;display: block; }
div#vduxDetailedCurriculum .accordion-body ul li ol:before { content: ""; border-color: transparent #514ea3; border-style: solid; border-width: 5px 0 5px 10px; display: inline-block;padding-right: 10px; }