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;background:#000}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 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,h1 a{font-size:3em;line-height:1.4em}
h2,h2 a{font-size:2.667em;line-height:1.4em}
h3,h3 a{font-size:2.056em;line-height:1.4em}
h4,h4 a{font-size:1.611em;line-height:1.4em}
h5,h5 a{font-size:1.222em;line-height:1.4em}
h6,h6 a{font-size:1em;line-height:1.4em}
.dtr-p-100{padding:100px!important}
.dtr-py-100{padding-top:100px!important;padding-bottom:100px!important}
.dtr-px-100{padding-left:100px!important;padding-right:100px!important}
.dtr-py-80{padding-top:80px!important;padding-bottom:80px!important}
.dtr-pt-100{padding-top:100px!important}
.dtr-pb-100{padding-bottom:100px!important}
.dtr-pt-50{padding-top:50px!important}
.dtr-pb-50{padding-bottom:50px!important}
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}
p.mobile-apply{display:none}
img.iimc-logo{height:70px;margin:6px 0}
nav.navbar.navbar-expand-lg{padding:0;background:#000;top:0;z-index:99;box-shadow: rgba(0,0,0,.11) 2px 2px}
ul.navbar-nav li{padding:0 5px;margin-bottom:0}
ul.navbar-nav li a{font-weight:300;color: #BCBEC0;}

ul.navbar-nav li a:hover, ul.navbar-nav li a:active {
    color: #BCBEC0;
}
ul.navbar-nav li a.nav-link.ds-btn{background:#09A965;padding:10px 20px;color:#fff;border-radius:6px;border:none!important}
ul.navbar-nav li.nav-item .generate-invite a {
    padding: 13px 15px !important;
    color: #000000;
    font-weight: 400;
}
p.generate-invite {
    margin-top: 5px;
}
p.generate-invite a { background: #F48B56; color: #000; padding: 12px 25px; border-radius: 6px; font-size: 16px; font-weight: 400; }



footer.footer {padding: 40px 0;}
h2.heading {
    font-size: 26px;
    font-weight: 400;
}
/* h2.heading:after { content: ''; background: #d6844d; display: block; width: 52px; height: 5px; margin: 0; position: relative; top: 13px; margin-bottom: 37px; }
 */
section#fee {
    padding-top: 170px !important;
}
 p.fee-note {
    font-size: 14px;
    color: #cbcbcb;
    margin-top: 20px;
}
.fee-box { position: relative; padding: 38px 60px; background: #000; border-radius: 20px; overflow: hidden; max-width: 80%; }

/* top spotlight */
.fee-box::before{
    content: ""; position: absolute; inset: 0; border-radius: 30px; padding: 3px; background: linear-gradient(90deg, #ff9d66bf, #bcbec094 20%, #bcbec000 50%, #bcbec091 80%, #ff9d66bf); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; box-shadow: 0 0 4px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 210, 180, .2); 
}



.fee-header{
    display:grid;
    grid-template-columns: 1fr 220px;
    margin-bottom:30px;

    color:#E9E9E9;
    font-size:16px;
    font-weight:500;

    position:relative;
    z-index:2;
}

.fee-row{
    display:flex;
    align-items:center;
    margin-bottom:28px;

    position:relative;
    z-index:2;
}

.fee-row:last-child{
    margin-bottom:0;
}

.label{
    min-width:320px;

    color:rgba(255,255,255,.45);
    font-size:18px;
}

.line {
    flex: 1;
    height: 1px;
    margin: 0 15px;
    background: repeating-linear-gradient(to right, rgb(255 255 255 / 94%) 0, rgba(255, 255, 255, .10) 2px, #000000 2px, transparent 5px);
}

.amount {
    min-width: 220px;
    color: #D6844D;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

.amount small{
    font-size:12px;
    font-weight:500;
    color:#D6844D;
    opacity:.9;
}

.installment-box{
    position:relative;
    max-width:900px;
  
    padding:30px 50px;

    background:#000;
    border:1px solid rgba(255,255,255,.55);
    border-radius:28px;
    overflow:hidden;
}

/* Top Spotlight */
.installment-box::before { content: ''; position: absolute; top: -120px; left: 50%; transform: translateX(-50%); width: 380px; height: 270px; background: radial-gradient(ellipse, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, .12) 45%, transparent 75%); filter: blur(25px); }

/* Right Warm Glow */
.installment-box::after {
    content: "";
    position: absolute;
    bottom: -90px;
    left: -60px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(255, 120, 0, 0.18), transparent 70%);
    filter: blur(35px);
}
/* .installment-box::after{
    content:'';
    position:absolute;
    right:-120px;
    top:-100px;

    width:280px;
    height:280px;

    background:
    radial-gradient(
        circle,
        rgba(214,132,77,.12),
        transparent 70%
    );

    filter:blur(40px);
} */

.installment-header, .installment-row {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 220px 1fr 220px;
    align-items: center;
}

.installment-header{
    margin-bottom:25px;
  
    color:#D9D9D9;
    font-size:15px;
    font-weight:500;
}

.installment-row{
    padding:12px 0;
}

.installment{
    color:rgba(255,255,255,.45);
    font-size:18px;
}

.installment-box .date{
    color:rgba(255,255,255,.45);
    font-size:18px;
}

.installment-box .amount{
    color:#D6844D;
    font-size:20px;
    font-weight:600;
    text-align:left;
}

.installment-box .amount small{
    font-size:11px;
    color:#D6844D;
    margin-left:4px;
    vertical-align:middle;
}


table.program-fee { margin-bottom: 15px; width: 80%; }
table.program-fee tr th { background:#d6844d; color: #fff; font-size: 18px; padding: 12px 20px; font-weight: 500; }
table.program-fee tr td:first-child, table.program-fee tr th:first-child { text-align: left; } 
table.program-fee tr td:last-child, table.program-fee tr th:last-child { text-align: right; } 
table.program-fee tr td { background:#5d646312;text-align: left; padding: 15px 20px; color: #000; font-weight: 500; font-size:17px; }
p.emi-details { display: inline-block; padding-top: 0; width: 80%; font-size: 14px; font-weight: 400;    position: absolute;}
p.emi-details strong { font-size: 11px; font-weight: 400; float: right; margin-right: 20px; margin-top: 10px; }
.fee-loan { font-size: 14px; line-height: 1.2; font-weight: 300; margin-bottom: 10px; position: relative; padding-left: 20px;margin-top:0px;}
.fee-loan:before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #d6844d; position: absolute; left: 3px; top: 2px; }
.scholarship .scholarship-inner { position: relative; top: 6px; font-weight: 400; font-size: 18px; }
.payment-terms ul li span { font-weight: 400; color: #fff; font-size: 15px;margin-bottom:20px;}
.payment-option-box h3 { font-size: 20px; font-weight: 500; padding:5px 20px 4px; color: #D6844D; line-height: 148%; margin-bottom: 10px; min-height: 100px; }
.payment-option-box { min-height:500px; padding: 20px; background: #000; border-radius: 28px;position: relative; }

.payment-option-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 3px;
    background: linear-gradient(90deg, #ff9d66bf, #bcbec094 20%, #bcbec000 50%, #bcbec091 80%, #ff9d66bf);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    box-shadow: 0 0 4px rgba(255, 255, 255, .5), 0 0 10px rgba(255, 210, 180, .2);
}

.payment-option-box h3 span { color: #fff!important; }
.payment-option-box ul { padding: 10px 20px 15px; }
.payment-terms ul li { margin-bottom: 17px; font-weight: 300; font-size: 17px; line-height: 150%; color: #fff; list-style: none; display: block;}
.payment-option-box ul.sub-ul { padding: 0; margin: 0; }
.payment-option-box ul.sub-ul li {list-style-type: disc; font-weight: 300; font-size: 15px; padding: 3px 0; margin-left: 18px; margin-bottom: 0; color: #fff;display: list-item; }
::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important; }
a { color: #d6844d; text-decoration: none; background-color: transparent; }
.fee-timeline:before { content: " "; height: 0; position: absolute; top: 20px; width: 0; z-index: 1; }
.fee-timeline:after { content: ''; position: absolute; width: 12px; height: 12px; left: -32px; background-color: #fff; border: 3px solid #d6844d; top: 0; border-radius: 50%; z-index: 1; }
.timeline-box { border-left: 3px solid #f1f0f0; padding-left: 25px; margin-left: 12px; }
.fee-timeline { position: relative; margin-bottom: 35px; }
footer { background: #000; padding: 1% 0; border-top: 1px solid #e5e5e54d; }
img.iiml-logo {height: 70px;margin: 5px 0;}
footer p{color:#fff}
p.for-more a {
    text-decoration: underline;
    color: #D6844D;
}

p.for-more {
    font-weight: 300;
}
img.fee-sticker{ height: 50px; }