/*Unique Styles*/
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-size:17px;}
h1,h2,h3,h4,h5{color:#000;font-weight:600;margin-bottom:20px}
a{color:#c21734}
a:hover{color:#05182b}
a,a:hover{text-decoration:none}
a:focus{outline:none}
p{margin:0 0 10px;line-height:1.5em}
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-pb-100, .dtr-py-100{padding-bottom:100px;}
.dtr-pt-80, .dtr-py-80{padding-top:80px;}
.dtr-pb-80, .dtr-py-80{padding-bottom:80px;}
.dtr-pt-50, .dtr-py-50{padding-top:50px;}
.dtr-pb-50, .dtr-py-50{padding-bottom:50px;}
.dtr-pt-30, .dtr-py-30{padding-top:30px;}
.dtr-pb-30, .dtr-py-30{padding-bottom:30px;}
ul,ol{margin:0 0 10px;padding:0;list-style-position:outside;display:block}
ul li, ol li{margin-bottom:8px;display:inline-block}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius:15px}
.modal-dialog{width:70%;max-width:800px;margin-top:120px}
.modal-dialog img.faculty-modal-img {height: 130px;display: block;margin-bottom: 15px;border-radius: 5px;}
.modal-dialog h4 {font-size: 22px;margin-bottom: 5px;}
.modal-dialog p {font-size: 16px;}
.modal-body {padding: 20px;}
/*arrow-to-top*/
#take-to-top { background-color: #ff0494; 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:105px; display: none; }
a#take-to-top img { width: 80%; margin-top: 10%; }
#take-to-top.dtr-fade-scroll svg { padding: 10px; position: relative; left: -2px; top: -2px; }
#take-to-top.dtr-fade-scroll svg path { fill: #fff; }


/*Unique styles for heading and byline for all sections*/
h2.heading{font-size: 42px; font-weight: 500;line-height: 1.2em;}
h2.heading span { position: relative; color: #9A01F5;}
/*
h2.heading span:before { content: ""; background: #7E4D9A; position: absolute; top: 20px; margin-left: -50px; width: 40px; height: 1px; }
h2.heading span:after {content: "";background: #7E4D9A;position: absolute;top: 20px; margin-right: -50px; width: 40px;height: 1px; }
*/

h3.heading-two {font-size: 32px;font-weight: 600;color: #000;}
p.sub-heading { font-size:22px; font-weight: 400;color:#fff }
p.sub-byline {font-size: 20px;}
p.disclaimer {font-size: 15px;}
.modal-dialog { width: 100%; margin-top: 100px; 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-dialog iframe { width: 100%; height: 400px; }
.modal-dialog .corporate-form iframe {
    width: 100%;
    height: 660px;
}



/*Menu Styles*/
nav.navbar.fixed-top.navbar-expand-lg { border-bottom:1px solid #efefef;background: #fff; }
.main-logo {height:75px;margin: 0;}
ul.navbar-nav li{padding:0 5px;margin-bottom:0}
ul.navbar-nav li a{font-weight:400;color:#000;font-size:16px;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:active, ul.navbar-nav li a:focus{color:#000}
ul.navbar-nav li a.nav-link.menu-apply-cta { background: #000000; padding: 9px 20px; color: #fff; border-radius: 25px; margin-top: -2px; }


section#faq h2.accordion-header button.accordion-button{padding:16px 20px;font-size:18px;font-weight:500;color:#000;background:#fff;margin-top:10px;line-height:1.7;border-bottom: 1px solid #f5f5f5;}
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;color:#000;font-weight:400}
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 ul li strong{font-weight:600}
section#faq .accordion{--bs-accordion-bg:transparent!important}
section#faq .accordion-body p{color:#000;font-weight:400}
/*section#faq h2.accordion-header button.accordion-button:before{content: ""; border-color: transparent #ccc; border-style: solid; border-width: 5px 0 5px 8px; display: block; height: 0; width: 0; left: -16px; top: 0px; position: relative;}*/
div#collapseThirtySix iframe{width:100%;height:710px;border:none}
h3.faq-heading {
    font-size: 20px;
    font-weight: 500;
    padding: 14px 26px;
    background: #ede9e9;
    border-left: 5px solid #08756a;
    margin-top: 40px;
}
iframe {
    width: 100%;
    height: 620px;
}
h3.faq-heading {
    font-size: 20px;
    font-weight: 500;
    padding: 14px 26px;
    background: #ede9e9;
    border-left: 5px solid #5f2d14;
    margin-top: 40px;
}
h5.sub-heading {
    font-size: 19px;
    margin-bottom: 7px;
}
h6.sub-line {
    font-size: 17px;
    font-weight: 500;
}
.ipearl-img {
    width: 40%;
}
h4.sub-title-faq {
    font-size: 20px;
    font-weight: 500;
    padding: 14px 26px;
    background: #ede9e9;
    border-left: 5px solid #005336;
    margin-top: 40px;
}


/*Small devices (portrait phones, less than 600px)*/
@media only screen and (max-width:600px) {
    ul.navbar-nav li { text-align: center; padding: 10px 0; }
    
    
    section#faq .accordion-button {padding: 15px 15px;line-height: 1.5em;}
}
/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {}

/*Medium devices (ipad pro)*/
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {}

/*Small laptops (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*Small laptops (1200px and 1290px)*/
@media only screen and (min-width:1200px) and (max-width:1290px) {}

/*Large devices (Meduim desktops, 1400px and up)*/
@media (min-width: 1400px) {
    img.platform-img {height: 210px;}
    img.platform-img.one {height: 200px;}
    h1.main-headline {font-size: 78px;}
    h1.main-headline span {font-size: 40px;}
    p.prizes-for-winners:before {left: 20%;}
    p.prizes-for-winners:after {right: 8%;}
    ul.student-rewards li {font-size: 20px;}
    ul.school-prestige li {font-size: 20px;}
    img.school-student {right: 10%;}
}
@media (min-width: 1500px) {}
/*XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {    
    section.main-banner {padding-bottom: 110px;}
}
@media (min-width: 1800px) {
    section.main-banner { padding-bottom:100px; background-position: 100% 25px; }
}