/* @import url('http://example.com/example_style.css'); */

    /***********************************************/
    /* CSS @imports must be at the top of the file */
    /* Add them above this section                 */
    /***********************************************/

    /****************************************/
    /* HubSpot Style Boilerplate            */
    /****************************************/

    /* These includes are optional, but helpful. */
    /* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
    /* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


    /*****************************************/
    /* Start your style declarations here    */
    /*****************************************/

    @charset "utf-8";
    /* CSS Document */

    body {
        background: #fff;
    }

    a{transition: all 0.5s;}
    a:hover { text-decoration:none;}

    .body-container-wrapper {
        margin-bottom: 30px;
        margin-top: 116px !important;
    }

    .program-section {
        font-family: 'Roboto',sans-serif;
    }

    .program-section .container-fluid {
        width: 90%;
    }

    .programTabs {
        min-height: 600px;
    }
.lp-logo {
    position: absolute;
    top: 25px;
    width: 13%;
    left: 5%;
}
 .about-program h2 {
       font-size: 30px;
    font-weight: 600;
    color: #000;
    position: relative;
    margin-bottom: 2%;
    font-family: 'Poppins',SemiBold;
    text-transform: uppercase;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
}

.about-program h3 {
    font-size: 16px;
    text-transform: unset;
    padding: 0% 0%;
    font-weight: 600;
    font-family: 'Poppins',medium;
    margin-bottom: 0%;
    text-align: center;
}


.impTimeline {
    background: #fafafa;
    margin-top: 0%;
    margin-bottom: 6%;
}

.impTimeline h5 {
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-top: 3%;
    margin-bottom: 1%;
}

.impTimeline .left {
    border-right: 1px solid #ffc20e;
    margin-bottom: 2%;     margin-left: 3.564103%;
}

.impTimeline p {
    font-size: 14px !important;
    text-align: center !important;
    margin-bottom: 5px !important;
}

.impTimeline p strong {
    font-size: 14px !important;
}

.impTimeline .Right {
    margin-left: 0px !important;
    margin-bottom: 2%;
}

.MAIBOutcomeSec {
    margin-top: 6%; margin-bottom: 5%;
}

 .portfolio h2 {
       font-size: 30px;
    font-weight: 600;
   line-height: 50px;
    color: #000;
    position: relative;
    margin-bottom: 0%;
    font-family: 'Poppins',SemiBold;
    text-transform: unset;
    margin-top: 0px;
    padding-top: 0px;
}
.whyAIMain {
    margin-top: 2%;
}

 .topborder {
    border-bottom: 3px solid #ffc000;
    width: 110px;
   display:none;
    margin: 0px auto;
}

.p-title {
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    padding-bottom: 1%;
    font-weight: 500;
}

.videoh2{    position: absolute;
    bottom: 94px;
    color: #fff !important;
    left: 43%;
    font-weight: 600 !important;
    font-family: 'Poppins',SemiBold !important;
    font-size: 30px !important;
    z-index: 999;}

.flotinglink {
    position: fixed;
    bottom: 5px;
    text-align: right;
    right: 46px;
    width: auto;
    z-index: 999;
    padding: 7px 1% 9px 1%;
    background: #febf01;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.flotinglink a {
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins',sans-serif;
}
 
 .modal2 {
  padding-top: 3%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
   position: fixed;
    display: none;
    z-index: 999999;
}

/* Modal Content */
.modal-content2 {
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  border: 1px solid #888;
  width: 70%;
      border-bottom: 4px solid #ffc000;
    border-radius: 0px;
}

/* The Close Button */
.close2 {
    color: #ffc000 !important;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -2%;
    top: 0px;
    position: relative;
    opacity: inherit !important;
    font-family: 'Open Sans';
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.popupbx {
    padding: 2% 4% 0%;
}

.popupbx h3 {
    border-bottom: 2px solid #efefec;
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2%;
       padding-top: 1%;
    text-align: center;
}

.popupbx2 p {
    text-align: justify;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    padding-top: 12px;
    color: #000;
    width: 99%;
    margin: 0 auto;
    font-weight: 400;
}

.MAIBOutcomeSec h4 {
    font-size: 16px;     margin-bottom: 1%;
}

.thumbgrid h4 {
    padding: 0% 0%;
    margin-top: 0px;
}

.videoh2  span  {
    text-transform: none;
    line-height: 22px;
    font-size: 18px;
  font-weight: 400px!important;
}
.ui-decor-1 {
        width: 90px;
    height: 3px;
    background-color: #ffc000;
    position: relative;
    bottom: -4px;
  display:none;
}


.thumbgrid .ui-decor-1 {
        width: 48px;
    height: 3px;
    background-color: #ffc000;
    position: relative;
    bottom: 0px;
}

.rankinbxsub h4 {
    font-size: 18px;
    text-transform: uppercase;
    padding: 1% 0%;
    font-weight: 600;
    font-family: 'Poppins',medium;
    margin-bottom: 2%;
    text-align: right;
}

.rankinbxsub p {
       line-height: 18px;
    margin-top: 2%;
    text-align: right !important;
    color: #4a4a4a !important;
}

.SectionTitle1{position: relative;
    left: -95px;
    z-index: 9;
    margin-top: 5px;}

.SectionTitle1 h2{    margin-top: 20px !important;}
.SectionTitle2 h2{    margin-top: 20px !important;}
.ranking-grid{height: 193px;
    border-left: 4px solid #ffc000;}

h4 {
    font-size: 18px;
    text-transform: unset;
    padding: 1% 0%;
    font-weight: 600;
    font-family: 'Poppins',medium;
    margin-bottom: 2%;
}
    .program-section p {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #000000;
        margin-bottom: 20px;
        text-align: justify;
    }

    .program-section p strong {
        font-size: 16px;
    }
.banner-heading {
    padding: 22px 2% 2%;
    border-right: 1px solid #4771a2;
    width: 36%;
    float: left;
}

    .progTitle {
        font-size: 16px;
        color: #0a457e;
        margin-bottom: 20px;
    }

.fingridmain{    background: #fafafa;
    padding: 3%;}
.fingrid {
    width: 22%;
    float: left;
    margin-right: 4%;
}
.fingridlast {
    width: 22%;
    float: left;
    margin-right: 0%;
}
.program-section-gray {
     background: #f8f8f8;
    padding: 3% 0% 3%;
    margin-bottom: 25px;
    }

.fintechbag {
   font-family: 'Poppins',medium !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 16px !important;
    transform: inherit;
    text-transform: none;
    border: none;
    background: none;
    text-align: left;
    margin: 2% 0% 0%;
    padding: 0 0%;
    color: #fff !important;
    width: 46%;
}

.bannertxtmain{padding: 0% 5%;}
.banner-content {
    float: left;
    padding: 15px 4%;
}

.maibSourcesSec {
    background: #f8f8f8;
    padding: 1% 2%;
    margin-bottom: 8%;
}

.maibSourcesSec h5 {
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.maibSourcesSec p {
    text-align: left;
    font-size: 12px;
	margin-bottom: 7px;
}

.maibSourcesSec p sup {
    color: #337ab7;
}

.bannerconfirstp{font-size: 20px !important;
    border-top: 1px solid #ffc216;
    border-bottom: 1px solid #ffc216;width: 39%;}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    display: none;
}

.program-overview-grid div.fa{font-size: 36px;
    color: #ffc000;}
.gridpara {
    text-align: center;
    margin-top: 4%;
    font-family: 'Poppins',medium;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}
.ug {
       font-family: 'Roboto',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    transform: inherit;
    text-transform: none;
    text-align: left;
    margin: 1% 0% 2%;
    padding: 0;
    color: #fff;
    width: 100%;
    margin-top: 1%;
}

.form {
    width: 300px;
    height: 50%;
    float: right;
    margin-right: 0px;
   position: absolute;
    right: 9%;
    top: 17px;
    text-align: center;    line-height: 0px;
}

.reg-form-head {
    font-family: 'Poppins',medium;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    color: #222;
    margin-top: 0;
    text-align: center;
    background-color: none;
    padding: 0% 0% 0% 0%;
}
.reg-form {
    background-color: #fff;
    width: 300px;
    height: auto;
    float: right;
    margin-top: 0px;
    padding: 0px 16px 10px 16px;
    border-bottom: 4px solid #ffc000;
}
h3#hs_cos_wrapper_module_1559206912660372_title {
    margin-top: 10px;
    margin-bottom: 0px;
}
span.hs-form-required {
    display: none;
}
.actions {
        margin-top: 8%;
}
.span12.widget-span.widget-type-custom_widget.form.reg-form {
    width: 22%;
}
label.hs-error-msg {
    display: none;
}
label.hs-main-font-element {
    display: none;
}
input.hs-button.primary.large {
    background-color: #ffc000 !important;
    color: #222 !important;
    margin-top: 0px !important;
    width: 47% !important;
    font-size: 16.28px !important;
    font-weight: 600 !important;
    font-family: 'Poppins',medium !important;
    outline: 0 !important;
    padding: 7% !important;
    border: 0px !important;
    text-transform: none;
}

    /* program-navbar css start */
    .program-navbar-container {
        background: #000;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        position: fixed;
        top: 120px;
        z-index: 999;
        width: 100%;
    }
.overviewImage img {
    height: auto;
}
.whySpBoxImage img {
    height: auto;
}



.ParaImageContainer img {
    height: auto;
}
    .program-navbar-container .container-fluid {
        width: 90%;
    }

    .program-navbar-container.progTabsNavScrolled {
        top: 81px;
    }
.desktop-only{display:block;}
.mobile-only{display:none;}
    .program-navbar-container .navbar-brand {
        color: #ffc20e !important;
        background: #000 !important;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        padding: 20px 20px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        height: auto;
        margin-right: 20px;
    }

    .program-navbar-container .navbar-brand:after {
        content: '';
        position: absolute;
        right: -8px;
        top: 18px;
        display: inline-block;
        margin-left: 2px;
        vertical-align: middle;
        width: 2px;
        height: 25px;
        background: #424242;
    }

    .program-navbar-container .navbar-nav>li>a {
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        font-family: 'Poppins', sans-serif;
        padding: 20px 15px;
    }

    .program-navbar-container .navbar-nav>li>a:hover,
    .program-navbar-container .navbar-nav>li>a:focus {
        color: #fff;
    }

    .program-navbar-container .navbar-nav>li>a:hover:after {
        content: '';
        width: 25px;
        height: 2px;
        background: #ffc20e;
        position: absolute;
        left: 15px;
        top: 14px;
    }

    .program-navbar-container .navbar-nav>.open>a, 
    .program-navbar-container .navbar-nav>.open>a:focus, 
    .program-navbar-container .navbar-nav>.open>a:hover {
        /*color: #000;
        background-color: #ffc20e;*/
        color: #fff;
        background-color: transparent;
    }

    .program-navbar-container >li:last-child>a {
        padding-right: 0;
    }

    .program-navbar-container .dropdown-menu {
        padding: 0;
        border: 1px solid #ccc;
    }

    .program-navbar-container .dropdown-menu>li>a {
        color: #222;
        text-transform: uppercase;
        font-size: 11px;
        /*font-weight: 600;*/
        letter-spacing: 1px;
        font-family: 'Montserrat', sans-serif;
        padding: 10px 15px;
        border-bottom: 1px solid #0000001f;
    }
.graphimg {
    padding: 0% 3%;
}
.mrb-0{text-align:center;padding: 0% 0%;margin-bottom: 0px !important;}
.topbordergraph {
    border-bottom: 3px solid #ffc000;
    width: 15%;
    margin: 0px 43%;
    margin-top: 1%;
    margin-bottom: 6%;
}

.cutttingpro{
width: 50%;
    float: left;
}

#portfoliolink a {
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-weight: 600;
    color: #222;
    line-height: 17px;text-align: right;
}

.portlinkshy {
    border-right: 4px solid #ffc000;
    padding: 4% 4%;
}
 .portlinkshy:hover {
  background-color: #ffc000;
}
.faqsec {padding:3% 104px;    text-align: justify;}
.faqsec p  {  font-family: 'Roboto',sans-serif;
    font-size: 14px;}

.avgsalarybx{    background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
    width: 100%;    padding: 2% 0%;margin: 2% 0px 5% 0;}

.avgsalarybx p{margin: 0 0 0px 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;line-height: 40px;
    text-transform: uppercase;
  font-family: 'Poppins',sans-serif;    text-align: center;}

.avgsalarybx h2 { 
   font-size: 30px;
    font-weight: 600;
    color: #000;
    position: relative;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    text-align: center;
    line-height: 47px;
    border-top: 3px solid #ffc20e;
    margin: 0 398px;
}
.accordian-style {
    color: #000 !important;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins',sans-serif;
}

.accordion-inner.accordian-content {
    font-family: 'Roboto',sans-serif;
    font-size: 14px;    margin-top: 1%;    padding: 0% 1%;
}

.accordion-group {
    margin-bottom: 2%;
}

.accordion-heading {
    background: #ffc20e;
    padding: 1% 1%;
}

h3.heading-acc {
    margin-top: 0px;
    margin-bottom: 0px;
}

body .form-box h3.form-title {
    background-color: #000;
    border-bottom: 5px solid #ffc216;
    color: #fff;
    font-size: 22px;
    margin: -20px -20px 20px;
    padding: 20px;
    text-align: center;
    font-family: 'Poppins',sans-serif;
}

body .hs-form-field > label {
    font-family: 'Roboto',sans-serif;
}

body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"] {
    font-family: 'Roboto',sans-serif;
      width: 95% !important;
    height: 30px !important;
  min-height: 30px;
    padding: 4px !important;
    margin-bottom: 0% !important;
  margin: 0px 0 0px!important;
    border-bottom: 1px solid #ccc !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    border-radius: initial !important;
}

body textarea, body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"], body select, body select.hs-input, body input.hs-input[type="file"] {
    border-bottom: 1px solid #ccc!important;
       height: 30px !important;
  margin: 0px 0 0px!important;
}

body ul.hs-error-msgs {
    padding-left: 10px;
    margin-bottom: 0px;
}

select#country-97ac3fa9-6430-4855-b5c0-cf58c7a51354 {
    width: 97% !important;
    height: 35px !important;
    padding: 4px !important;
    margin-bottom: 4% !important;
    border-bottom: 1px solid #ccc !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    background-color: transparent !important;
    border-radius: 0px!important;
}
select#state-97ac3fa9-6430-4855-b5c0-cf58c7a51354 {
    width: 97% !important;
    height: 35px !important;
    padding: 4px !important;
    margin-bottom: 4% !important;
    border-bottom: 1px solid #ccc !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    background-color: transparent !important;
    border-radius: 0px !important;
}

.hs-form-field {
    margin-bottom: 0px;
}
 .portfolio .innerpage-BG-image {
    background-position: 0px 1px;
}
.hs_cos_wrapper_type_form select{font-family: 'Roboto',sans-serif;}
.hs_cos_wrapper_type_form label {
   font-family: 'Roboto',sans-serif;
}

.edspan{    min-width: 63px;
    padding-top: 0px;
    border-top: 3px solid #ffc20e;
    text-transform: uppercase;
    width: 12% !important;
    float: none !important;}

.datasciencetitle{    position: relative;     left: -96px;     z-index: 9;     top: 46px;     margin-bottom: 3%;}

.datasciencetitle2{    position: relative;     left: -96px;     z-index: 9;     top: 46px;     margin-bottom: 3%;}
.datasciencetitle2 h3{    min-width: 271px !important;}
.datascirichtxt{    margin-left: -2px !important;margin-bottom: 5%;}
.POTitle1 {
        right: 16%;
    position: relative;
    z-index: 999;
    top: 13px;
    }  
.POContent {
    position: relative;
    right: 33px;
}




.datasciestep{    margin-bottom: 6px  !important;
    border-bottom: 2px solid #ffc20e  !important;
    width: 17%  !important;
    line-height: 30px  !important;
    font-weight: 500  !important;
    font-family: 'Poppins',sans-serif  !important;}
.datasceiestephead{margin-bottom: 10px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
    position: relative !important;
    font-family: 'Poppins',sans-serif !important;
    text-transform: uppercase !important;}

 .gridTitle h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    position: relative;
    margin-bottom: 30px;
    font-family: 'Poppins',sans-serif;
    text-transform: unset;
    margin-top: 0px;
    padding-top: 20px;
    text-align: center;
} 
  .gridTitle h4::before {
    content: '';
    position: absolute;
    width: 185px;
    height: 3px;
    background: #ffc20e;
    z-index: 9;
    top: 7px;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0% 14%;
}    

.gridimg{position: relative;     top: 11px;}
.griddim{ min-height: 30px !important;    margin-top: 10px !important;}

.drivetopbor{width: 5%;
    border-bottom: 1px solid #ffc20e;
    height: 2px;
    margin-bottom: 1%;}

.drivbusihead{
    margin-bottom: 0px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #000 !important;
    position: relative !important;
    font-family: 'Poppins',sans-serif !important;
    text-transform: uppercase !important;
}
.dataright{text-align:right }
.datasciencetitle3 {
    position: relative;
    left: 0px;
    z-index: 99;
    top: 46px;
    margin-bottom: 3%;
}

.facdes{    margin-top: 3%;
    clear: both;}

.facdes p::before{content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    background: #ffc20e;
    z-index: 9;
    top: 47px;
    left: 0;
    background-repeat: no-repeat;}
 .body-footer-container-wrapper {
    top: 0px;
}
.scientistbx{    margin: 0px 0% -7% 0%;}
.datasciencetitle3 h3{
       position: relative;
    left: 15%;
    text-align: left !important;
}

.pointerheight{height: 115px;}
.whysubp{    padding-left: 40px;}
.whysubrp{    padding-right: 40px;}
br.brnewline {
    display: none;
}
.ytctaButton {
    display: inline-block;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    color: #000;
    background: #ffc000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0px 20px;
    margin-top: 0px;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0;
}

.deanCarouselBox {
    text-align: justify;
    line-height: 17px;
}


.heading-mt{margin-top:5%;}
.heading-mt1{margin-top:7%;}
.heading-mt2{margin-top:2%;}
.heading-mt3{margin-top:8%;}.
.mt-banner {
    margin-top: 3%;
}
.banner-sm-head {
    font-size: 14px;
    transform: inherit;
    text-transform: none;
    text-align: left;
    margin: 1% 0% 0%;
    padding: 0;
    color: #fff;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 2%;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;width: fit-content;
  text-transform: uppercase;    padding-bottom: 4px;
   border-bottom: 1px solid #ffc000;
}
}




@media (max-width: 1920px){
 
  .form {
    right: 14%;
    top: 80px;
  }
  
.videoh2 {
       bottom: 230px;
    left: 38%;
    text-align: center;
    line-height: 30px !important;
}
  
.videoh2  span  {
    text-transform: none;
    line-height: 22px;
    font-size: 18px;
  font-weight: 400px!important;
}
  
  .banner-content {
    padding: 3px 3%;
}
  
 .fintechbag {
       width: 100%;
        bottom: 2px;
}
  
  .deanMessageImageModule img{width:1920px;}
 .deanMessageImageModule .imgOverlay::after {
    height: 660px !important;
  }
  .bannerconfirstp {
    width: 100%;
}
  
}

@media (max-width: 1536px){
.fintechbag {
       width: 100%;
    bottom: 7px;
}
  .banner-content {
     padding: 3% 2%;
    width: 31%;
}
  .form {
    top: 58px;
}
   .program-carousel-caption p {
    margin-bottom: 5px;
  }
 .videoh2 {
    bottom: 190px;
    left: 36%;
    text-align: center;
    line-height: 30px !important;
}
  
.videoh2  span  {
    text-transform: none;
    line-height: 22px;
    font-size: 18px;
  font-weight: 400px!important;
}
  .deanMessageImageModule .imgOverlay::after {
    height: 545px !important;
}
 .bannerconfirstp {
    width: 97%;
}
  .fintechbag {
       width: 100%;
        bottom: 2px;
} 
.banner-heading {
    padding: 22px 2% 1%;
}  
}

@media (max-width: 1440px){
.fintechbag {
       width: 100%;
    bottom: 2px;
}
  .form {
    right: 11%;
  }
.banner-content {
    width: 34%;
    padding: 2% 3%;
}
  .program-carousel-caption p {
    margin-bottom: 5px;
  }
.videoh2 {
    bottom: 150px;
    left: 36%;
    text-align: center;
    line-height: 30px !important;
}
  
.videoh2  span  {
    text-transform: none;
    line-height: 22px;
    font-size: 18px;
  font-weight: 400px!important;
}
 .bannerconfirstp {
    width: 97%;
} 
.banner-heading {
    padding: 10px 2% 2%;
}
  
}


@media (max-width: 1366px){
.fintechbag {
       width: 100%;
    bottom: 2px;
}
  .form {
    right: 9%;
    top: 17px;
  }
 .banner-content {
    padding: 3% 2%;
    width: 35%;
}
  .bannerconfirstp {
    width: 90%;
}
.videoh2 {
    bottom: 150px;
    left: 34%;
    text-align: center;
    line-height: 30px !important;
} 
  
.videoh2  span  {
    text-transform: none;
    line-height: 22px;
    font-size: 18px;
  font-weight: 400px!important;
}
  .deanMessageImageModule .imgOverlay::after {
    height: 495px !important;
}
 .program-carousel-caption {
    padding: 2% 0% 3%;
} 
}

@media (max-width: 1280px){
  .faqsec {
    padding: 3% 80px;}
   .accordian-style {
    font-size: 20px;
}
  .fintechbag {
    width: 100%;
}

.banner-heading {
    padding: 10px 2% 5px;
    width: 32%;
}
.banner-content {
    padding: 3% 3%;
    width: 39%;
}
 .videoh2 {
    bottom: 130px;
   left: 33%;
}
  .deanMessageImageModule .imgOverlay::after {
    height: 469px !important;
}
 .bannerconfirstp {
    width: 69%;
} 
  
  
}

    @media (max-width: 991px) {
      
    
      
.faqsec {
    padding: 3% 16px;
}
      .accordion-heading {
    padding: 2% 1%;
}
      .accordian-style {
    font-size: 14px !important;
}
      h3.heading-acc {
    width: 90%;    padding: 2%;
}
      .accordion-toggle:after {
    top: 0px;
    left: 6%;
    position: relative;
}
     
        .program-navbar-container .container-fluid {
            width: 100%;
        }

        .programCarouselContainer {
            margin-top: 0;
        }
        .program-navbar-container {
            position: relative;
            top: 0;
        }

        .program-navbar-container .navbar-header {
            float: none;
            margin-bottom: 0px;
        }
        .program-navbar-container .navbar-left,
        .program-navbar-container .navbar-right {
            float: none !important;
        }
        .program-navbar-container .navbar-toggle {
            display: block;
            margin-top: 13px;
            background: #000;
            border-color: #fff !important;
        }
        .program-navbar-container .navbar-toggle .icon-bar {
            background-color: #fff !important;
        }
        .program-navbar-container .navbar-toggle:focus, 
        .program-navbar-container .navbar-toggle:hover {
            background-color: #ffc20e;
            border-color: #ffc20e !important;
        }

        .program-navbar-container .navbar-toggle:focus .icon-bar, 
        .program-navbar-container .navbar-toggle:hover .icon-bar {
            background-color: #ffc20e !important;
        }

        .program-navbar-container .navbar-collapse {
            border-top: 1px solid #ffffff69;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
            z-index: 999;
        }
        .program-navbar-container .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }
        .program-navbar-container .navbar-collapse.collapse {
            display: none!important;
        }
        .program-navbar-container .navbar-nav {
            float: none!important;
            margin-top: 0;
            margin-bottom: 0;
        }
        .program-navbar-container .navbar-nav>li {
            float: none;
        }
        
        .program-navbar-container .navbar-nav>li>a {
            padding: 10px 10px;
            font-size: 11px;
            border-bottom: 1px solid #ffffff69;
        }
        .program-navbar-container .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .program-navbar-container .collapse.in{
            display:block !important;
            position: relative;
        }

        .program-navbar-container .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: #fff;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
        }

        .program-navbar-container .navbar-main li a {
            padding: 10px 10px;
        }

        .program-navbar-container .navbar-top li a {
            font-size: 14px;
            font-weight: 600;
            color: #0c1c55;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .program-navbar-container .navbar-top li .form-control {
            display: none;
        }

        .program-navbar-container .navbar-top,
        .program-navbar-container .navbar-main {
            margin-top: 0;
            margin-bottom: 0;
        }

        .program-navbar-container .navbar-top,
        .program-navbar-container .navbar-main {
            margin-right: -15px;
        }

        .program-navbar-container .navbar-main li a,
        .program-navbar-container .navbar-top li a {
            font-size: 14px;
            border-bottom: 1px solid #0000001f;
        }

        .program-navbar-container .navbar-main > li > a:hover:after {
            display: none;  
        }

        .program-navbar-container .dropdown-menu {
            padding: 0px 15px;
        }

     
      
        .program-navbar-container .navbar-nav>li.dropdown .dropdown-menu h4 {
            margin-top: 0;
            padding-top: 15px;
        }
        
        .program-navbar-container .navbar-nav>li.dropdown .dropdown-menu-col {
            width: 100%;
        }

    }

    @media (min-width: 992px) {
    .program-navbar-container .navbar-right {
        margin-right: -30px;
    }
.content > h4 { 
    color: #000;
  font-size: 16px;    text-align: center;margin-top: 5px;
    margin-bottom: 5px;}

 body .stickybar .content .hs-form.stacked .actions {
    margin: 0px 0 0 0;
}
      body .hs-button.primary {
        margin-bottom: 1px!important;}
    .program-navbar-container .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }
      body .stickybar .content .hs-form .hs-button {
    background: #ffc20e!important;
    border-color: #ffc20e!important;
    
        color: #000!important;}

    .program-navbar-container .navbar-nav>li.dropdown:hover .dropdown-menu {
        display: table;
    }
    }
    /* program-navbar css start */

    /* program-carousel css start */
    /*.program-carousel .item img {
        width: 100%;
    }

    .program-carousel .fill {
        width: 100%;
        height: 400px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        background-position: top;
    }

    .program-carousel .fill:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 12px 12px 0 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 60%, rgba(0,0,0,0.45) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 60%,rgba(0,0,0,0.45) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 60%,rgba(0,0,0,0.45) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 );   
    }

    .program-carousel-layer {
        background-image: url(../images/banner-outline.png);
        position: absolute;
        z-index: 9;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 120px;
        background-size: 100% 120px;
        background-repeat: no-repeat;
    }

    .program-carousel .carousel-indicators {
        bottom: auto;
        right: 0;
        left: auto;
        width: 50px;
        top: 140px;
    }

    .program-carousel .carousel-indicators li,
    .program-carousel .carousel-indicators .active {
        display: block;
        margin: 0;
        margin-bottom: 7px;
        border: 0;
        border-radius: 0;
        width: 10px;
        height: 10px;
    }

    .program-carousel .carousel-indicators li {
        background: rgba(255, 255, 255, 0.7);
    }

    .program-carousel .carousel-indicators .active {
        background: #fec010;    
    }

    .program-carousel .carousel-caption {
        font-family: 'Montserrat', sans-serif;
        text-shadow: none;
        padding-bottom: 50px;
    }

    .program-carousel .carousel-caption h4 {
        font-size: 56px;
        font-weight: 700;
        color: #fec010;
        position: relative;
        margin-bottom: 20px;
    }

    .program-carousel .carousel-caption h4:after {
        content: '';
        width: 80px;
        height: 10px;
        background: #ffffff;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -15px;
    }

    .program-carousel .carousel-caption p {
        font-size: 14px;
        font-weight: 600;
        color: #fefefe;
        text-transform: uppercase;
    }*/

    /***************************/

    .programCarouselContainer {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /*.program-carousel-layer {
        background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/home2017/banner-outline.png?t=1524548490823);
        position: absolute;
        z-index: 9;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 120px;
        background-size: 100% 120px;
        background-repeat: no-repeat;
    }*/

    .programCarouselContainer .programVideoContainer video {
        width: 100%;
    }

    .programImageContainer {
        position: relative;
    }

    .programImageContainer img {
        width: 100% !important;
        height: auto !important;
    }

    .programSections {
        margin-bottom: 25px;
    }

    .overviewImage {
        position: relative;
        text-align: center;
    }

     .ProgramOverviewImage {
        position: relative;
        text-align: center;
    }

    .overviewImage img {
        z-index: 99;
        position: relative;
        width: 80% !important;
    }

     .ProgramOverviewImage img {
        z-index: 99;
        position: relative;
        width: 80% !important;
    }

    .ProgramOverviewImage:before {
     content: '';
        position: absolute;
        z-index: 9;
        top: -35px;
        left: 0;
        width: 243px;
        height: 243px;
        /*background-repeat: no-repeat;*/
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
       background-repeat: no-repeat;
    }

    .overviewImage:after {
        content: '';
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
        position: absolute;
        z-index: 9;
        bottom: -35px;
        right: 0;
        width: 243px;
        height: 243px;
        background-repeat: no-repeat;
    }

    .overviewImage:before {
        content: '';
      display:none;
        /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
        position: absolute;
        z-index: 9;
        top: -35px;
        left: 0;
        width: 243px;
        height: 243px;
        /*background-repeat: no-repeat;*/
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }

    .overviewPara h4 {
        font-size: 20px;
        font-weight: 600;
        /*color: #043361;*/
        color: #000000;
        font-family: 'Poppins',sans-serif;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 30px;
        line-height: 20px;
    }

   .program-carousel-caption {
    position: relative;
    right: 0;
    bottom: 50px;
    left: 0;
    z-index: 0;
    color: #fff;
    text-align: left;
    background: #013a7f;
    padding: 2% 0% 2%;
}

    .program-carousel-caption p {
      font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    position: relative;
    margin-bottom: 0;
    font-family: 'Roboto',sans-serif;
    }

p.bordertxt {
    margin-bottom: 10px;
}
p.cricosCode {
    font-size: 11px;
    color: #7393b8;
      margin-top: 4%;
}

h5.h5head {
   font-size: 16px;
    font-family: 'Poppins',SemiBold;
    font-weight: normal;
    padding-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: fit-content;
    border-bottom-color: #ffc000;
    margin-top: 6%;
    text-transform: uppercase;
}

.tbwidth{width: 100%; margin-top: 2%; margin-bottom: 2%;}
    .program-carousel-caption h1 {
    font-size: 33px;
    font-weight: 400;
    color: #fff;
    position: relative;
    text-shadow: none;
    font-family: 'Poppins',SemiBold;
    text-transform: uppercase;
    margin-top: 0%;
    margin-bottom: 4%;
    }

    /*.program-carousel-caption h1:after {
    content: '';
    width: 575px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
    }*/

    .programCarouselContainer .item:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 12px 12px 0 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0.7) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0.7) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 );   
    }

    .programCarouselContainer .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }

    .programCarouselContainer .owl-theme .owl-dots {
        position: absolute;
        right: 30px;
        top: 25%;
    }

    .programCarouselContainer .owl-theme .owl-dots .owl-dot {
        display: block;
    }

    .programCarouselContainer .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 4px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 0;
    }

    .programCarouselContainer .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #fec010;
    }

    /* program-carousel css end */

    /* program-breadcrumb css start */
    .program-breadcrumb {
        font-family: 'Montserrat', sans-serif;
        background: transparent;
        padding: 0;
        margin-bottom: 30px;
    }

    .program-breadcrumb li {

    }

    .program-breadcrumb li.active {
        font-size: 14px;
        color: #003a7e;
        font-weight: 800;
    }

    .program-breadcrumb>li+li:before {
        padding: 0 7px;
        color: #fec010;
        content: "\f054";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 11px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: middle;
    }

    .program-breadcrumb li a {
        font-size: 14px;
        color: #003a7e;
        font-weight: 500;
    }

    .program-breadcrumb li a:hover {
        text-decoration: none;  
    }
    /* program-breadcrumb css end */

    /* program-sidebar css start */
    .sidebarSticky {
        width: 21%;
        right: 5%;
        position: absolute;
        top: initial;
    }
    .program-sidebar {
        border: 4px solid #ebebeb;
        padding: 15px;
        margin-bottom: 30px;
    }

    .program-sidebar ul {
        padding: 0;
        margin-bottom: 0px;
    }

    .program-sidebar ul li {
        list-style-type: none;
        margin-bottom: 10px;
    }

    .program-sidebar ul li:last-child {
        margin-bottom: 0px;
    }

    .program-sidebar ul li a {
        font-family: 'Open Sans', sans-serif;
        color: #06325c;
        background: #ffc20e;
        padding: 35px 30px;
        display: block;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        min-height: 100px;
        text-align: center;
    }

    .program-sidebar ul li a .fa {
        font-size: 36px;
        display: inline-block;
        vertical-align: middle;
    }

    .program-sidebar ul li a img {
        display: inline-block;
        vertical-align: middle;
    }

    .program-sidebar ul li a .program-sidebar-text {
        display: inline-block;
        width: 70%;
        padding-left: 12px;
        vertical-align: middle;
        text-align: left;
    }

    .program-sidebar ul li a:hover,
    .program-sidebar ul li a:focus {
        color: #ffffff;
        background: #02bed7;
        text-decoration: none;
    }


    .program-sidebar ul li a .hoverImg {
        display: none;
    }

    .program-sidebar ul li a:hover .actualImg,
    .program-sidebar ul li a:focus .actualImg{
        display: none;
    }

    .program-sidebar ul li a:hover .hoverImg,
    .program-sidebar ul li a:focus .hoverImg{
        display: inline-block;
    }
    /* program-sidebar css end */

    /* overview-pointers css start */
    .ProgramSectionTitle h3 {    
        display: inline-block;
        min-width: 200px;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 13px;
        text-align: right;
        border-bottom: 3px solid #ffc20e;
        font-family: 'Roboto', sans-serif;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .ProgramSectionTitle h2 {
        font-size: 30px;
        font-weight: 600;
        color: #000;
        position: relative;
        margin-bottom: 30px;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        margin-top: 0px;
        padding-left: 95px;
    }


.whyAIbx {
   border: 2px solid #d3d3d3;
    border-bottom: 5px solid #ffc20e;
    padding: 1% 2%;
    margin-bottom: 3%;
    height: 150px;
}

.whyAIbx .whyAIcontent {
    height: 92px;
}

.whyAIbx .whyAIcontent h4 {
    font-size: 15px;
    text-transform: inherit;
}


.whyAIauthor p {
    margin-bottom: 0px;
    padding-left: 40px;
    position: relative;
    color: #767676;
}

.whyAIauthor p::before {
   content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #ffc20e;
    z-index: 9;
    top: 10px;
    left: 0;
    background-repeat: no-repeat;
}

.takeSecbx {
    border: 2px solid #d3d3d3;
    padding: 2%;
    text-align: center;
	height: 215px;
}

.takeSecbx p {
    text-align: center; height: auto;
}

.MAIBoverviewPara {
    margin-bottom: 3%;
}

.MAIBoverviewPara p {
    text-align: center;
    margin-bottom: 8px;
}

    .overview-pointers-col {
        /*width: 20%;*/
        display: inline-block;
        float: left;
    }

    .overview-pointers-box {
       background: #fff;
    padding: 20px 10px;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    min-height: 183px;
    border-right: 0;
    border-radius: 3px;
    margin-bottom: 30px;
          border-right: 5px solid #ffc20e;
/*     background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png); */
    background-repeat: repeat;
    border-bottom: none;
      height: 181px;
    }

     .overview-pointers-box-left {
       background: #fff;
    padding: 20px 20px;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    min-height: 183px;
    border-right: 0;
    border-radius: 3px;
    margin-bottom: 30px;
          border-right: 5px solid #ffc20e;
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
    background-repeat: repeat;
    border-bottom: none;
      height: 145px;
    }


    .overview-pointers-box img {
        margin-bottom: 15px;    
    }

    .overview-pointers-box .overview-pointers-title {
        font-size: 14px;
        font-weight: 400;
        color: #4a4a4a;
        padding-bottom: 10px;
        margin-bottom: 0px;
        position: relative;
    }

    /*.overview-pointers-box p:after {
        content: '';
        background: #dedede;
        width: 85%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0 auto;
    }*/

    .overview-pointers-box .overview-pointers-desc {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
        color: #000;
        line-height: 22px;
      
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 22px;
        min-height: 45px;
    }
    /* overview-pointers css end */

    /* testimonial css start */
    .testimonialCarouselContainer {
        /*background: #0a457e;*/
        /*padding: 40px 20px 20px 20px;*/
        margin-bottom: 30px;
    }

    .testimonialCarouselBox {
        /*padding: 0px 80px;*/
        text-align: justify;
        line-height: 17px;
    }

    .testimonialCarouselBox img {
        margin: 0px auto;
        width: 320px;
    }

    .testimonialCarouselBox p {
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        margin-bottom: 50px;
        line-height: 20px;
        font-family: 'Roboto', sans-serif;
        margin-top: 50px;
        padding-right: 50px;
    }

    .testimonialCarouselBox h4 {
            font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: left;
    font-family: 'Poppins',sans-serif;
    text-transform: unset;
    padding-left: 55px;
    position: relative;
    }

    .testimonialCarouselBox h4 span {
        font-family: 'Roboto', sans-serif;
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        margin-top: 8px;
        text-transform: none;
    }

    .testimonialCarouselBox h4::before {
        content: '';
        position: absolute;
        width: 37px;
        height: 3px;
        background: #ffc20e;
        z-index: 9;
        top: 24px;
        left: 0;
        background-repeat: no-repeat;
    }

    .testimonialCarouselBox .testimonialCarouselBoxImage {
        position: relative;
    }

    .testimonialCarouselBox .testimonialCarouselBoxImage img {
        z-index: 99;
        position: relative;
        width: 100%;
        padding-bottom: 50px;
        height: auto;
        padding-left: 20%;
    }

    .testimonialCarouselBox .testimonialCarouselBoxImage::before {
        content: '';
   
        /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
        position: absolute;
        z-index: 9;
        bottom: 10px;
        left: 10%;
        width: 243px;
        height: 243px;
        /*background-repeat: no-repeat;*/
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }

    .testimonialCarouselBox .testimonialCarouselBoxImage::after {
        content: '';
        background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/testimonialQuotesImg.png);
        position: absolute;
        z-index: 99;
        bottom: 80px;
        right: 45px;
        width: 207px;
        height: 81px;
        background-repeat: no-repeat;
    }

    .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-prev, 
    .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
        font-size: 80px;
        font-weight: 100;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3%;
        color: #fff;
        text-align: center;
        background-color: rgba(0,0,0,0);
        filter: alpha(opacity=70);
        opacity: 0.7;
        margin: 0;
    }

    .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
        right: 0;
        left: auto;
    }

    .testimonialCarouselContainer .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 5px 2px;
        background: #fff;
        outline: 0;
        border: 1px solid #a3a3a4;
    }

    .testimonialCarouselContainer .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        outline: none;
        background: #fec010;
        border: 1px solid #fec010;
    }

    .testimonialCarouselContainer .owl-carousel .owl-nav {
        display: none;
    }

    .testimonialCarouselContainer .owl-theme .owl-dots .owl-dot.active span, 
    .testimonialCarouselContainer .owl-theme .owl-dots .owl-dot:hover span {
        background: #fec010;
    }

    .testimonialCarouselContainer .owl-theme .owl-dots .owl-dot:focus {
        outline: none;
    }

    /* testimonial css end */

    /* latest news css start */
    .latestMediaContainer {
        background: #fafafa;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .latestMediaBox {
        margin-bottom: 25px;
    }

    .latestMediaBox .media-left {
        padding-right: 20px;
    }

    .latestMediaBox .media-left .media-object {
        width: 200px;
    }

    .latestMediaBox .latestMediaBoxImage {
        position: relative;
    }

    .latestMediaBox .latestMediaBoxImage img {
        z-index: 99;
        position: relative;
        width: 100% !important;
        padding-bottom: 20px;
        padding-right: 20px;
    }

    .latestMediaBox .latestMediaBoxImage:after {
        content: '';
        /*background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/white-box.jpg);*/
        position: absolute;
        z-index: 9;
        bottom: -5px;
        right: -5px;
        width: 180px;
        height: 190px;
        /*background-repeat: no-repeat;*/
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }

    .latestMediaBox .media-body {
        font-family: 'Open Sans', sans-serif;
    }

    .latestMediaBox .latestMediaBox-heading {
        font-size: 16px;
        font-weight: 600;
        color: #010101;
        margin-bottom: 15px;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
    }

    .latestMediaBox .latestMediaBox-detail {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-bottom: 20px;
        line-height: 20px;
        font-family: 'Roboto', sans-serif;text-align:justify;
    }

    .latestMediaBox .latestMediaBox-link a {
        font-size: 13px;
        font-weight: 400;
        color: #000;
        margin-bottom: 10px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
    }

    .latestMediaBox .latestMediaBox-link a:after {
        content: "\f178";
        color: #ffc20e;
        position: absolute;
        right: -25px;
        top: 0px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 17px;
    }

    .latestMediaBox .latestMediaBox-link a:hover {
        text-decoration: none;
        color: #ffc20e;
    }
    /* latest news css end */

    /* importantDatesCarousel css start */
    .importantDatesCarouselContainer {
        /*background: #f8f8f8;
        padding: 20px 70px;*/
    }

    .importantDatesCarouselContainer .owl-carousel .owl-nav button.owl-prev, 
    .importantDatesCarouselContainer .owl-carousel .owl-nav button.owl-next {
        font-size: 80px;
        font-weight: 100;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -50px;
        width: 3%;
        color: #c6c6c6;
        text-align: center;
        background-color: rgba(0,0,0,0);
        margin: 0;
    }

    .importantDatesCarouselContainer .owl-carousel .owl-nav button.owl-next {
        right: -50px;
        left: auto;
    }

    .importantDatesCarouselContainer .owl-theme .owl-nav {
        display: none;
    }

    .importantDatesBox {
        font-family: 'Open Sans', sans-serif;
        border: 1px solid #cecece;
        padding: 20px;
        margin: 5px 20px 20px 20px;
        position: relative;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .importantDatesBox:hover {
        box-shadow: 5px 5px 20px #e9e9e9;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .importantDatesBox::before {
        content: '';
        position: absolute;
        width: 82%;
        height: 5px;
        background: #ffc20e;
        z-index: 9;
        top: -3px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .importantDatesBox h2 {
        margin-top: 0;
        font-size: 16px;
        font-weight: 600;
        color: #000;
        margin-bottom: 18px;
        line-height: 1.1;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
    }

    .importantDatesBox p {
        margin-top: 0;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        margin-bottom: 15px;
        line-height: 20px;
        position: relative;
        padding-top: 25px;
        font-family: 'Roboto', sans-serif;
        text-align: left;
    }
     p.imppara {
        text-align: center;
        padding-top: 0px;
        padding-bottom: 41px;
    }
    h2.impdateh2 {
    text-align: center;
    margin-bottom: 5px;
    padding-top: 51px;
    }

    .importantDatesBox p.date:before {
        content: '';
        background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/dateTimeIcon.png) no-repeat;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0;
        top: 0;
    }

    .importantDatesBox p.impsession2:before {
       content: '';
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/sticky-icon3.png) no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 4px;
    }

    .importantDatesBox p.address:before {
        content: '';
        background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/locationIcon.png) no-repeat;
        position: absolute;
        width: 24px;
        height: 24px;
        left: 0;
        top: 0;
    }
.importantDatesBox p.address2:before {
        content: '';
        background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/locationIcon.png) no-repeat;
        position: absolute;
        width: 20px;
        height: 24px;
        left: 0;
        top: 0;
    }

p.impsession {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 41px;
}

h2.impdate2h2 {
       text-align: center;
   margin-bottom: 30px;
    padding-top: 0px;
}
p.impsession2 {
    padding-left: 10%;
    position: relative;padding-top: 0px;    margin-bottom: 25px;
}
p.address2{    padding-top: 0px;
    padding-left: 10%;}
    .importantDatesBox a {
        font-size: 12px;
        font-weight: 400;
        color: #9c9c9c;
        margin-bottom: 10px;
        position: relative;
        margin-left: 0;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
    }

    .importantDatesBox a:after {
        content: "\f178";
        color: #ffc20e;
        position: absolute;
        right: -25px;
        top: 0px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
    }

    .importantDatesBox a:hover {
        text-decoration: none;
        color: #ffc20e;
    }

    /*.importantDatesBox .caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 15px;
    opacity: 0;
}

    .importantDatesBox:hover .caption {
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.importantDatesBox .captionText {
  width: 100%;
  height: 100%;
  padding: 15px;
  position: relative;
}

.importantDatesBox .captionText a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 15px;
background: rgba(255, 194, 14, 0.8);
color: #000;
text-decoration: none;
}

.importantDatesBox .captionText h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 6px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: center;
    padding-top: 55px;
}

.importantDatesBox .captionText p {
  font-family: 'Roboto',sans-serif;
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
}*/

    .importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 5px 2px;
        background: #fff;
        outline: 0;
        border: 1px solid #a3a3a4;
    }

    .importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot.active span, 
    .importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot:hover span {
        outline: none;
        background: #fec010;
        border: 1px solid #fec010;
    }

    .importantDatesCarouselContainer .owl-theme .owl-dots .owl-dot:focus {
        outline: none;
    }

    /* importantDatesCarousel css end */



    /*why sp jain*/
    .whySpBox { margin-bottom:60px;}

    .whySpBoxImage img {
        width: 100% !important;
    }

    .whySpBoxContaint {
        position: relative;
        margin-top: 29px;
        padding-left: 15px;
    }

    .whySpBoxContaint:before {
        content: '';
        position: absolute;
      display:none;
        width: 210px;
        height: 3px;
        background: #ffc20e;
            background-repeat: repeat;
        background-repeat: repeat;
        z-index: 99;
        top: 0px;
        left: -55px;
        background-repeat: no-repeat;
    }

    .whySpBoxContaint h2 {
        font-size: 30px;
        font-weight: 600;
        /*color: #043361;*/
        color: #000000;
        font-family: 'Poppins',sans-serif;
        text-transform: unset;
        margin-top: 3%;
        margin-bottom: 30px;
        line-height: 20px;
    }

    .whySpBoxContaint p {
        font-family: 'Roboto',sans-serif;
        font-size: 16px;
        color: #000;
        margin-bottom: 20px;
        text-align: left;
/*         line-height: 21px; */
        text-align: justify;
    }

    .whySpBoxContaint p a {
        /*font-size: 13px;
        color: #000;
        margin-bottom: 0;
        position: relative;
        font-family: 'Poppins',sans-serif;
        text-transform: none;
        padding-right: 0;
        font-weight: 600;*/
        font-size: 14px;
        margin-bottom: 0;
        position: relative;
        font-family: 'Roboto',sans-serif;
        padding-right: 0;
        color: #337ab7;
        text-transform: none;
    }

    .whySpBoxContaint p a::after {
        display: none;
    }

    .whySpBoxContaint a {
        font-size: 13px;
    font-weight: 400;
    color: #070f6e;
    margin-bottom: 10px;
    position: relative;
  
    text-transform: inherit;
    padding-right: 0px;
    }

    .whySpBoxContaint a::after {
        content: "\f178";
        color: #ffc20e;
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 17px;
    }

    .whySpBoxContaint a:hover {
        text-decoration: none;
        color: #ffc20e;
    }



/*maps  header css starts */


 .whySpBoxContaints {
        position: relative;
        margin-top: 80px;
        padding-left: 0px;
    }

    .whySpBoxContaints:before {
        content: '';
        position: absolute;
        width: 210px;
        height:3px;
        background: #ffc20e;
            background-repeat: repeat;
        background-repeat: repeat;
        z-index: 99;
        top: -43px;
        left: 0px;
        background-repeat: no-repeat;
    }

    .whySpBoxContaints h2 {
        font-size: 20px;
        font-weight: 600;
        /*color: #043361;*/
        color: #000000;
        font-family: 'Poppins',sans-serif;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 30px;
        line-height: 20px;
    }

    .whySpBoxContaints p {
        font-family: 'Roboto',sans-serif;
        font-size: 14px;
        color: #000;
        margin-bottom: 20px;
        text-align: left;
        line-height: 21px;
        text-align: justify;
    }

    .whySpBoxContaints p a {
        /*font-size: 13px;
        color: #000;
        margin-bottom: 0;
        position: relative;
        font-family: 'Poppins',sans-serif;
        text-transform: none;
        padding-right: 0;
        font-weight: 600;*/
        font-size: 14px;
        margin-bottom: 0;
        position: relative;
        font-family: 'Roboto',sans-serif;
        padding-right: 0;
        color: #337ab7;
        text-transform: none;
    }

    .whySpBoxContaints p a::after {
        display: none;
    }

    .whySpBoxContaints a {
        font-size: 13px;
        font-weight: 400;
        color: #000;
        margin-bottom: 10px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        padding-right: 25px;
    }

    .whySpBoxContaints a::after {
        content: "\f178";
        color: #ffc20e;
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 17px;
    }

    .whySpBoxContaints a:hover {
        text-decoration: none;
        color: #ffc20e;
    }




/*maps  header css ends */







    .whySpBoxRight .whySpBoxContaint {
        text-align: left !important;
        padding-left: 0px;
        padding-right: 40px;
    }

    /*.whySpBoxRight .whySpBoxContaint p {
        text-align: right !important;
    }*/

    .whySpBoxRight .whySpBoxContaint::before {
        left: auto;
        background-repeat: no-repeat;
        right: -55px;
    }


    /* academic specialisationsBox */
    .whySpBox .btnList ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .whySpBox .btnList ul li {
        float: left;
        margin-right: 10px;
        display: table;
        font-family: 'Montserrat',sans-serif;
        padding-left: 0px;
    }

    .whySpBox .btnList ul li:before {
        display: none;
    }

    .whySpBox .btnList ul li a {
        display: block;
        color: #000;
        background: #ffc000;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 4px 20px;
        margin-top: 16px;
        text-align: center;
        height: 42px;
        vertical-align: middle;
        display: table-cell;
    }

    .whySpBox .btnList ul li a::after {
        display: none;
    }

    .whySpBox .btnList ul li a:hover {
        background: #28292a;
        color: #ffc000;
    }

    .whySpBox.whySpBoxRight .btnList ul {
        float: right;
    }

    .whySpBox.whySpBoxRight .btnList ul li {
        margin-right: 0px;
        margin-left: 10px;
    }

    /*.whySpBox .whySpBoxTop { position:relative; border-bottom:#d4d4d4 solid 1px; padding-bottom:10px; margin-bottom:24px;} 
    .whySpBox .whySpBoxTop img { float:left; margin-right:25px }
    .whySpBox .whySpBoxTop h2{ color:#0a457e; font-size:30px; font-weight:700; display:inline-block; text-transform:uppercase;}
    .whySpBox .whySpBoxTop h2 span{ display:block;}
    .whySpBox .whySpBoxTop .whyArrow{position: absolute; right: 0; top: 39%; }
    .whySpBox .whySpBoxTop .whyArrow img {margin:0;}
    .whySpBox .whySpBoxTop .whyArrow a{transition: all 0.5s;}
    .whySpBox .whySpBoxTop .whyArrow a:hover { padding-right:10px;}
    .whySpBox p { text-align:justify; font-family: 'Open Sans', sans-serif;}*/
    /*why sp jain*/

    /*Message from the Dean start*/
    .deanMessageContent {
        padding-right: 30px;
    }
    .deanMessageImage {
        position: relative;
    }

    .deanMessageImage img {
        z-index: 99;
        position: relative;
        width: 100%;
        padding-bottom: 30px;
        height: auto;
        padding-right: 30px;
    }

    .deanMessageImage::before {
        content: '';
        position: absolute;
        z-index: 9;
        bottom: 0px;
        right: 0px;
        width: 165px;
        height: 70px;
        background-repeat: no-repeat;
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }

    .deanMessageImage::after {
        content: '';
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/deanQuote.png);
        position: absolute;
        z-index: 99;
        bottom: -38px;
        left: -22px;
        width: 98px;
        height: 150px;
        background-repeat: no-repeat;
    }

    .deanMessageName {
        padding-left: 100px;
    }

    .deanMessageName h4 {
        font-size: 24px;
        font-weight: 500;
        color: #333;
        margin-bottom: 30px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        margin-top: 0px;
    }

    .deanMessageName h5 {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #000000;
        margin-bottom: 20px;
        text-align: left;
        margin-top: 0px;
        line-height: 18px;
    }

    .deanMessageImageModule {
        position: relative;
    }

    .deanMessageImageModule .imgOverlay::after {
       content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 50px;
    text-align: center;
    top: 0%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 495px;
    width: 100%;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }



 .videoPopupContainer300 {
        position: relative;
    }

     .videoPopupContainer300 .imgOverlay::after {
            content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   position: absolute;
    left: 0px;
    right: 19px;
    text-align: center;
    top: 0%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 316px;
    background-position: 52% 48%;
    width: 570px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
    }




.whySpBox .videoPopupContainer300 .imgOverlay::after {
            content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 29px;
    right: 0px;
    text-align: center;
    top: 8%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 320px;
    background-position: 52% 48%;
    width: 320px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
    }

.whySpBoxRight .videoPopupContainer300 .imgOverlay::after {
            content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   position: absolute;
        left: -33px;
    right: 0px;
    text-align: center;
    top: 13%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 320px;
    background-position: 52% 48%;
    width: 320px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
    }


.whySpBox .videoPopupContainerimg  .imgOverlay::after {
            content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 8%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 320px;
    background-position: 52% 48%;
    width: 320px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
    }

.whySpBoxRight .videoPopupContainerimg  .imgOverlay::after {
            content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   position: absolute;
    left: -24px;
    right: 0px;
    text-align: center;
    top: 8%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 320px;
    background-position: 52% 48%;
    width: 320px;
    margin: 0 auto;
    z-index: 99;
    background-repeat: no-repeat;
    }

 .videoPopupContainerimg {
        position: relative;
    }

    .videoPopupContainerimg .imgOverlay::after {
        content: '';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        right: 0px;
        text-align: center;
        top: 39%;
        background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
        height: 54px;
        width: 54px;
        margin: 0 auto;
        z-index: 99;
        background-repeat: no-repeat;
    }

    .videoPopupContainer .imgOverlay::after {
        content: '';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        right: 30px;
        text-align: center;
        top: 39%;
        background: url(https://www.spjain.org/hubfs/program2018/program2019/icons/play-icon1.png);
        height: 92px;
        width: 92px;
        margin: 0 auto;
        z-index: 99;
        background-repeat: no-repeat;
    }

    .videoPopupContainer {
        position: relative;
    }
    /*Message from the Dean end*/

    /*Core Cources*/
    .coreCourcesWrap h2 {color:#0a457e; font-size:18px; font-weight:700; margin-bottom:22px; margin-top:0;}
    .listStyle ul { list-style:none; padding:0; margin:0 0 30px 0;}

    .listStyle ul li {    
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #000;
    }
        
    .listStyle ul li:before {
        position: absolute;
        content: "\25A0";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        left: 0;
        top: 0px;
        font-size: 16px;
        color: #ffc20e;
    }

    .listStyle ul li a { 
        font-weight: 400;
        color: #337ab7;
    }


.MAIBOutcomeSec .listStyle ul {
    margin: 0 0 25px 0;
}

.MAIBOutcomeSec .listStyle ul li {
    margin-bottom: 4px;
	}
    /*Core Cources*/

    /*How we teach*/
    .howTeachBox { margin-bottom:38px;}
    .howTeachBox .howTeachImg { position:relative;}
    .howTeachBox .howTeachImg img{ width:100%;}
    .howTeachBox .howTeachImg .imgOverlay { width:100%; position:absolute; height:100%; background:rgba(0,0,0,0.3); top:0;}
    .howTeachBox .videoIcon  a {     
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 48px;
        height: 48px}
    .howTeachBox .videoIcon  a img { width:auto;}
    .howTeachBox .videoIcon:after{    content: '';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 39%;
        background:url(../images/icons/arrow1.png);
        height:48px; 
        width:48px;
        margin:0 auto;
    }


    .howTeachBox .howTeachText { border:#cccccc 2px solid; border-top:none; padding:26px 23px 15px 23px;     min-height: 171px; }
    .howTeachBox .howTeachText h3 {color:#0a457e; font-size:20px; font-weight:700; text-transform:uppercase; margin-top:0; margin-bottom:12px;}
    .howTeachBox .howTeachText p { text-align:justify; margin-bottom:14px; font-family: 'Open Sans', sans-serif;}
    .howTeachBox .howTeachText a { display:inline-block; float:right; font-weight:700; color:#0a457e; font-size:13px; border-bottom:#ffc20e solid 2px; line-height: 15px; position:relative;}
    .howTeachBox .howTeachText a:hover{    color: #28292a;}
    .howTeachBox .howTeachText a:after {
    position: absolute;
        content: '\f105';
        font-family: FontAwesome;
        right: -9px;
        top: 0;
        color: #b0b0b0;
    }

    /*Program Structure*/
    .programStructureBoxWrap {margin-right: 0;
        margin-left: 0;  }
    .programStructureBox {/* background:#003a7e; color:#fff;*/ text-align:center;margin-top: 40px; }
    .programStructureBoxIn {     
        display: table;
        height: 210px;
        text-align: center;
        width: 100%; position:relative;}
    .programStructureBoxIn:last-child::before {     
        content: '=';
        position: absolute;
        left: -37px;
        top: 25%;
        color: #ffc20e;
        font-size: 34px;
        font-weight: 100;
        line-height: 30px;
        background: #fff;
        padding: 7px 12px;
        border-radius: 50%;    z-index: 1;
    }
    .programStructureBoxIn:nth-child(2)::before, .programStructureBoxIn:nth-child(3)::before,  .programStructureBoxIn:nth-child(5)::before  {     
        content: '+';
        position: absolute;
        left: -37px;
        top: 25%;
        color: #ffc20e;
        font-size: 34px;
        font-weight: 100;
        line-height: 30px;
        background: #fff;
        padding: 7px 12px;
        border-radius: 50%;
          z-index: 1;
    }

 .programStructureBoxIn:nth-child(4)::before {     
        content: '=';
        position: absolute;
        left: -37px;
        top: 25%;
        color: #ffc20e;
        font-size: 34px;
        font-weight: 100;
        line-height: 30px;
        background: #fff;
        padding: 7px 12px;
        border-radius: 50%;
          z-index: 1;
    }

    /*.programStructureBoxIn:nth-child(2)::before {     
        content: '+';
        position: absolute;
        left: -18px;
        top: 50%;
        color: #6179a1;
        font-size: 48px;
        font-weight: 100;
        line-height: 30px;
    } */  
        
    .programStructureBoxIn1 { display:table-cell; vertical-align:middle;}

    .programStructureBoxIn1 {
        background: #fff;
        padding: 40px 20px;
        text-align: center;
        font-family: 'Poppins',sans-serif;
        min-height: 183px;
        border-bottom: 5px solid #ffc20e;
        border-radius: 3px;
        margin-bottom: 30px;
        background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
        position: relative;
    }


.programStructureBoxIn1:hover .caption {
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.programStructureBoxIn1 .caption {
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.programStructureBoxIn1 .caption a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 48px 20px;
    background: rgba(255,194,14,0.8);
    color: #000;
}

.laptopfeesmall{  width: 41%;
    background: #fafafa;
    padding: 4% 2%;
    float: left;
    margin-right: 2%;}
.laptopfeebig{  width: 57%;
    background: #fafafa;
    padding: 4% 2%;
    float: left;}
.laptopfeeSemester1{    float: left;
    width: 33%;
    margin-right: 3%;margin-left: 7%;}
.laptopfeeSemester2{    float: left;
    width: 33%;}

.accommodationfeebxfirst{  float: left;
    width: 22%;
    margin-right: 3%;
    margin-left: 0%;border-right: 2px solid #d2d2d2;}

.accommodationfeebx{  float: left;
    width: 22%;
    margin-right: 3%;
    margin-left: 0%;border-right: 2px solid #d2d2d2;}

.accommodationfeebxlast{     float: left;
    width: 22%;}

    .programStructureBox h3 {     
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0;
        line-height: 16px;
        color: #333;
        min-height: 30px;
    }

    .programStructureBox h2 { 
            text-transform: uppercase;
    font-size: 24px;
         margin: 10px 0 10px 0;
      line-height: 37px;
    color: #333;
    font-family: 'Roboto',sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 550;
    }
    .programStructureBox h4 { 
        font-size: 14px;
    text-transform: none;
    font-weight: 500;
    margin: 0;
    line-height: 16px;
    color: #333;font-family: 'Roboto',sans-serif;
    }


    .employeeReportStuctureBox .programStructureBoxIn::before {
        display: none;
    }

    .employeeReportStuctureBox h4 {
        min-height: 20px;
    }


    .linkStyle { text-align: center; }
    .linkStyle a { display: inline-block;
        color: #000;
        background: #ffc20e;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 14px 28px; margin-top:16px; text-align:center;}
    .linkStyle a span { display:block;}
    .linkStyle a:hover{ background:#28292a; color:#ffc20e;}


    .projectWrap h2{ color:#003a7e; font-size:18px; font-weight:700; margin-top:25px 0 20px 0;}
    .projectWrapIn { margin:0; border:#d6d6d6 solid 4px; margin-bottom:10px;}
    .projectWrapIn .projectBox{ padding:0; font-family: 'Open Sans', sans-serif;} 
    .projectBox .media { padding:25px;}  
    .projectBox .media .media-left { padding-right:20px;}
    .projectBox .media .media-left .yellowBox {    width: 120px;
        height: 107px;
        background: #ffc20e;
        text-align: center;
        padding-top: 27px; font-family: 'Montserrat', sans-serif;}
    .projectBox .media .media-left .yellowBox h4 {     font-size: 16px;
        font-weight: 600;
        color: #000;
        margin: 0;
        line-height: 27px;}
    .projectBox .media .media-left .yellowBox h4 span { display:block; font-weight:300; font-size:30px;} 
    /*.blueBoxWrap { background:#0a457e; padding:45px; color:#fff; margin-top:30px;}
    .blueBoxWrap h5 { margin:0 0 30px 0; text-transform:uppercase; font-size:18px; font-weight:700;}
    .blueBoxWrap ul { margin:0; padding:0; list-style:none;}
    .blueBoxWrap ul li { font-size:12px; font-weight:500; margin-bottom: 10px;}
    */
    .companyListContainer {

    } 

    .companyListContainer .companyListTitle {
        font-size: 18px;
        font-weight: 600;
        color: #303030;
        margin-bottom: 20px;
        font-family: 'Poppins',sans-serif;
        text-transform: uppercase;
        margin-top: 0px;
        border-bottom: 3px solid #ffc20e;
        padding-bottom: 2px;
    }

    .companyListContainer ul {
        padding: 0px;
    }

    .companyListContainer ul li {
        font-family: 'Roboto',sans-serif;
        font-size: 14px;
        color: #000;
        margin-bottom: 10px;
        list-style-type: none;
        width: 25%;
        float: left;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 10px;
        font-weight: 400;
    }



    /*Specialisations*/
    .specialisationsBox { border:#dadada solid 2px; padding:17px; margin-top:30px; font-family: 'Open Sans', sans-serif;}
    .specialisationsBox .media-left img{ width:380px;}
    .specialisationsBox .media-left { padding-right:25px;}
    .specialisationsBox .media-body h4 { margin:0 0 25px 0; color:#0a457e; font-size:20px; font-weight:700; font-family: 'Montserrat', sans-serif;}
    .specialisationsBox .btnList ul { margin:0; padding:0; list-style:none;}
    .specialisationsBox .btnList ul li { float:left; margin-right:10px;     display: table; font-family: 'Montserrat', sans-serif;}
    .specialisationsBox .btnList ul li:last-child {margin-right:0;}
    .specialisationsBox .btnList ul li a{     
        display: block;
        color: #000;
        background: #ffc20e;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 4px 20px;
        margin-top: 16px;
        text-align: center;
        height: 42px;     vertical-align: middle;
        display: table-cell;}
    .specialisationsBox .btnList ul li a:hover{background:#28292a; color:#ffc20e;}  
    .specialisationsBox .btnList ul li a span { display:block;} 
        
    /*Admission*/   
    .admissionBox .ProgramSectionTitle h2 { 
        background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }  
    /*.admissionBox h2 .numb { display:inline-block; background:#ffcc00;  padding:8px 17px; color:#002d7e; font-family: 'Roboto',sans-serif; font-size:30px;} 
    .admissionBox h2 .text {    
        display: inline-block;
        padding-left: 15px;
        top: -6px;
        position: relative;}*/
        
    /*.admissionBox h2 img {    
        position: absolute;
        right: 15px;
        top: 5px;} */ 
    .admissionBox .admissionDetail {
        font-family: 'Roboto',sans-serif;
        color: #414141;
        margin-bottom: 75px;
        font-size: 14px;
    }
    .admissionBox .admissionDetail h4 {
        color: #292929;
        font-size: 17px;
        font-weight: 400;
        font-family: 'Roboto',sans-serif;
        margin: 18px 0 10px 0;
    }

    .admissionBox .admissionDetail ul, .whySpBoxContaint ul {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 7px;
        margin-bottom: 30px;
    }
    .admissionBox .admissionDetail ul li, .whySpBoxContaint ul li { 
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
        font-family: 'Roboto',sans-serif;
    }
    .whySpBoxContaint ul li { 
        font-size: 16px;
    }
    .admissionBox .admissionDetail ul li::before, .whySpBoxContaint ul li::before {
        position: absolute;
        content: '';
        left: 0;
        top: 6px;
        width: 7px;
        height: 7px;
        background: #ffc000;
    }

    .admission-pointers-title {
        margin-top: 0;
        margin-bottom: 6px;
        font-size: 24px;
        color: #000;
        font-family: 'Poppins',sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 22px;
    }

    .admission-pointers-desc {
        font-family: 'Roboto',sans-serif;
        font-size: 14px;
        color: #4a4a4a;
        margin-bottom: 0;
    }

    /*Career Services*/
    .servicesWithImage {

    }

    .servicesImageContainer img {
        width: 100%;
    }

    .servicesWithImage h4 {
        position: relative;
        margin-bottom: 20px;
        font-family: 'Roboto', sans-serif;
        font-size: 17px;
        color: #414141;
        font-weight: 600;
    }

    .servicesWithImage ul { list-style:none; padding:0; margin:0 0 30px 0;}

    .servicesWithImage ul li {    
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #414141;
    }
        
    .servicesWithImage ul li:before {
        position: absolute;
        content: '';
        left: 0;
        top: 7px;
        width: 5px;
        height: 5px;
        background: #ffc20e;
    }

    .servicesWithImage ul li a { 
        font-weight: 400;
        color: #000;
    }

    .careerServicesWrap {font-family: 'Open Sans', sans-serif; }
    .careerServiceBox .careerServiceImg img{ width:100%;}
    .careerServiceBox .careerServiceText {  padding:26px 35px 15px 35px; background:#f3f3f3;     min-height: 448px; }
    .careerServiceBox .careerServiceText h3 {color:#0a457e; font-size:20px; font-weight:700; text-transform:uppercase; margin-top:0; margin-bottom:15px;}
    .careerServiceBox .careerServiceText p { text-align:justify;}

    /*Successful Graduates*/
    .paraWithImage {
        margin-bottom: 50px;
    }

    .ParaImageContainer {
        position: relative;
        text-align: center;
    }

    .ParaImageContainer img {
        z-index: 99;
        position: relative;
        width: 100% !important;
        padding: 0px 20px 20px 20px;
    }

    .ParaImageContainer:after {
        content: '';
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
        position: absolute;
        z-index: 9;
        bottom: 0;
        right: 0px;
        width: 68%;
        height: 92%;
        background-repeat: repeat;
    }

    .ParaImageContainer:before {
        content: '';
        position: absolute;
        z-index: 99;
        bottom: 0;
        left: 0;    top: -20px;
        width: 63%;
        height: 100px;
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }

    .paraWithImage h2 {
        font-size: 22px;
        font-weight: 500;
        color: #333;
        position: relative;
        margin-bottom: 30px;
        font-family: 'Poppins',sans-serif;
        margin-top: 0px;
        line-height: 32px;
        padding-top: 30px;
    }

    .paraWithImage h2::before {
        content: '';
        position: absolute;
        width: 50px;
        height: 2px;
        background: #333;
        z-index: 9;
        top: 0px;
        left: 0;
        background-repeat: no-repeat;
    }

    .paraWithImage p {
        
    }

    .paraWithImage a {
        /*font-size: 13px;
        font-weight: 400;
        color: #337ab7;
        margin-bottom: 10px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        padding-right: 25px;*/
        position: relative;
        text-transform: none;
    }

    .paraWithImage a::after {
       
        content: "\f178";
        color: #ffc20e;
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 17px;
         display: none;
    }

    .paraWithImage a:hover {
        text-decoration: none;
        /*color: #ffc20e;*/
    }

    .graduateBox { margin-bottom: 50px;} 
    .graduateBox .media-left::before {
        content: '';
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        width: 75%;
        height: 80%;
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }
    .graduateBox .media-left { padding-right:25px;position: relative;}
    .graduateBox .media-left img {
        padding-left: 20px;
        padding-top: 20px;
        z-index: 99;
        position: relative;
        width: 220px;
    }

    .graduateBox .media-left::after {
        content: '';
        position: absolute;
        width: 143px;
        height: 3px;
        background: #ffc20e;
        z-index: 99;
        top: 55px;
        right: -85px;
        background-repeat: no-repeat;
        display: none;
    }

    .graduateBox .media-body { /*font-size:13px; color:#000;position: relative;padding-top: 75px;*/}
    .graduateBox .media-body { 
        padding-right: 20px;
        position: relative;
        font-size: 13px;
        color: #000;
        position: relative;
        /*padding-top: 75px;*/
        padding-top: 20px;
    }
    .graduateBox .media-body .successful-Graduates-top-heading {    
        margin: 0 0 0px 0;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Poppins',sans-serif;
    }

    .graduateBox .media-body .successful-Graduates-sub-heading {
        font-family: 'Open Sans', sans-serif;
        display: block;
        font-weight: 400;
        font-size: 12px;
        color: #838383;
        margin-bottom: 20px;
    }

    .graduateBox .media-body p {
        text-align: left;
        line-height: 18px;
    }

    .graduateBox .media-body a {
        font-size: 13px;
        font-weight: 400;
        color: #000;
        margin-bottom: 10px;
        position: relative;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        padding-right: 25px;
    }

    .graduateBox .media-body a::after {
        content: "\f178";
        color: #ffc20e;
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 17px;
    }

    .graduateBox .media-body a:hover {
        text-decoration: none;
        color: #ffc20e;
    }


    .yellowline-top{
    border-top: 2px solid #ffc20e;
    width: 44px;
}

    /*Student Life*/
    .studentLifeHead  { text-align:center; font-size:12px; color:#414141;}
    .studentLifeHead h2 { color:#003a7e; font-size:18px; font-weight:700;}
    .studentLifeBox { text-align:center; color:#06325c; position:relative; padding-top:20px; padding-bottom:20px; margin-bottom:20px;}
    .studentLifeBox:after {    content: '';
        position: absolute;
        border-right: #ebebeb solid 2px;
        height:138px;
        right: 0;
        top: 17%; }
    .studentLifeBox:last-child:after { display:none;}
    .studentLifeBoxIn{padding: 0 18px;}
    .studentLifeBox h3 { font-size:60px; font-weight:400;}
    .studentLifeBox h4{ font-size:14px; font-weight:500; text-transform:unset; line-height:18px;}

    /*Employer Report*/
    .employerReportBox { background:#f4f4f4; text-align:center; padding:60px 25px 0 25px; border-bottom:#ffc20e solid 4px;     min-height: 200px; margin-bottom:40px; font-family: 'Montserrat', sans-serif;}
    .employerReportBox h3 { margin:0 0 10px 0; color:#06325c; font-size:48px; font-weight: 400; border-bottom:#c4c4c4 solid 1px;  padding-bottom:10px;  }
    .employerReportBox h4 { margin:0; color:#06325c; font-size:14px; font-weight: 500; text-transform:unset;}
    .recruiterBlueBox{    background: #0a457e;
        padding: 45px;
        color: #fff;
        margin-top: 30px;}
    .recruiterBlueBox h3 {    font-size: 18px;
        font-weight: 700; margin:0 0 30px 0; font-family: 'Montserrat', sans-serif;}
    .recruiterBlueBox ul { padding:0 40px 0 0; margin:0; list-style:none;}  
    .recruiterBlueBox ul li {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 10px;
        border-bottom:#23588b solid 1px;
        padding-bottom:3px;
    }

    .headingStyle span {    
        color: #000;
        font-size: 14px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        border-bottom: 1px solid #7f7f7f;
        display: inline-block;
        margin-bottom: 15px;
    }



    /*Dean message*/
    /*.deanRow { margin:0 0 25px 0;}
    .deanCol { padding:0;}
    .deamImg { 
        width:100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        background-position: top;
        position: relative; 
        height:325px;}
    .deamImg .deamOverlay { width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; margin:0 auto;}
    .deamImg:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 39%;
        background:url(../images/icons/videoIcon.png);
        height:53px; 
        width:53px;
        margin:0 auto;
    }
    .deanDetail {font-family: 'Montserrat', sans-serif; height:325px; display:table; }
    .deanDetailIn { display:table-cell; vertical-align:middle; padding:0 50px; background:#0a457e; color:#f0f0f0;}
    .deanDetailIn h3 { font-size:20px; font-weight:600; margin:0 0 10px 0;}
    .deanDetailIn p {font-family: 'Montserrat', sans-serif; line-height:20px;     line-height: 23px;}
    .deanDetailIn a {display: inline-block;
        color: #000;
        background: #ffc20e;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 13px 25px;
        margin-top: 16px;
        text-align: center;}

    .deanDetailIn a:hover {
        background: #28292a;
        color: #ffc20e;
    }*/

    /*Important Links*/

    .impLinksWrap {    
         margin-right: -10px;
        margin-left: -10px;}

    .impLinksCol {    padding-right: 10px;
        padding-left: 10px;}


    .impLinksBox1 { 
        width:100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        background-position: top;
        position: relative; 
        height:257px;}
    .impLinksBox1 .impLinksOverlay { width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; margin:0 auto; }

    .impLinksBox1:after {
        content: '';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 39%;
        background:url(../images/icons/videoIcon2.png);
        height:71px; 
        width:71px;
        margin:0 auto;
    }

    .implinksImg { margin-bottom:20px;}
    .impLinksBox2 { 
        width:100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        background-position: top;
        position: relative; 
        height:257px;}
    .impLinksBox2 .impLinksOverlay { width:100%; height:100%; background:rgba(0,58,126,0.8); position:absolute; top:0; left:0; right:0; margin:0 auto; color:#fff; transition: all 0.5s; display:none;}

    .implinksImg a:hover .impLinksBox2 .impLinksOverlay  {display:table;}

    .impLinksBox2 .impLinksOverlay .impLinksOverlayIn { font-family: 'Montserrat', sans-serif; font-weight:500; text-align:center; display:table-cell; vertical-align:middle; padding:0 20px;}
p.phase {
    width: auto;
    display: inline-block;
    border-bottom: 3px solid #ffc20e;
    font-weight: 600;
    padding-bottom: 1%;margin-bottom: 10px;
}
p.phasenormal{margin-bottom: 10px;    font-size: 14px;}
.programknowmore{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px;
    position: relative;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    padding-right: 25px;
}
.programknowmore:hover {
    text-decoration: none;
    color: #ffc20e;
}
.programknowmore::after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: 0px;
    top: 1.5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

.rank84{width: 16%;
    float: left;
    margin-right: 3%;}
.rank84para{      float: left;
    width: 81%;
    position: relative;
    top: 13px;}
.clr{clear:both;}

    .impLinksBox3 { 
        width:100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        background-position: top;
        position: relative; 
        height:534px;}

    .impLinksBox3 .impLinksOverlay { width:100%; height:100%; background:rgba(0,58,126,0.8); position:absolute; top:0; left:0; right:0; margin:0 auto; color:#fff; transition: all 0.5s; display:none;}

    .implinksImg a:hover .impLinksBox3 .impLinksOverlay  {display:table;}

    .impLinksBox3 .impLinksOverlay .impLinksOverlayIn { font-family: 'Montserrat', sans-serif; font-weight:500; text-align:center; display:table-cell; vertical-align:middle; padding:0 20px;}

    /*.tableWrap { margin-bottom:70px;}
    .tableStyle {      background: #003a7e; padding:20px;}
    .tableHeading { background:#012d5f; color:#fff; font-size:18px; font-weight:700; text-align:center; padding:20px; margin:0;}
    .tableStyle table {font-family: 'Open Sans', sans-serif;  border:#003a7e solid px;  }
    .tableStyle table>tbody>tr>th { background:#012d5f; color:#fff; font-size:18px; font-weight:700; text-align:center;  border-top: 1px solid #2c5c94; border-right: 1px solid #012d5f;}
    .tableStyle table h4 { font-size:14px; font-weight:700; margin:0 0 5px 0;}
    .tableStyle table span { font-size:12px; display:block; margin-bottom:5px;}
    .tableStyle table ul { padding:0; margin:0; list-style:none}
    .tableStyle table>tbody>tr:first-child td { border-top:none;    }
    .tableStyle table>tbody>tr td:nth-child(3n){ border-right:none;}
    .tableStyle table>tbody>tr { margin-top:10px;}
    .tableStyle table>tbody>tr:last-child td { border-top:none;  border-right:none;  background:#ffc20e; color:#003a7e; font-weight:600;}
    .italicStyle { font-style:italic; margin-top:15px;}*/

    
    /* fees */
    .tableHeading {
        color: #303030;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        padding: 20px;
        margin: 0;
        font-family: 'Poppins', sans-serif;
        background-image: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
        border-bottom: 5px solid #ffc20e;
        margin-block: 30px;
    }

    .tableStyle {
        background: #fff;
        padding: 0;
    }

    .tableStyle table {
        font-family: 'Roboto', sans-serif;
    }

    .tableStyle table > tbody > tr > td {
        background: #fff;
        color: #000;
        border: 0px !important;
        border-bottom: 1px solid #ececec !important;
        font-size: 14px;
        font-weight: 600;
    }

    .tableStyle table > tbody > tr:last-child td {
        border-top: none;
        border-right: none;
        background: #ffc20e;
        color: #000;
        font-weight: 600;
    }

    .italicStyle {
        font-style: italic;
        margin-top: 0px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ececec;
        margin-bottom: 20px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #000000;
        text-align: left;
    }

    .programeFeesTitle, .howWeteachTitle {
        color: #303030;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        padding: 20px;
        margin: 0;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 10px;
        position: relative;
    }

    .programeFeesTitle::before, .howWeteachTitle::before {
        content: '';
        position: absolute;
        width: 37px;
        height: 3px;
        background: #ffc20e;
        z-index: 9;
        top: -15px;
        left: 0;
        background-repeat: no-repeat;
        right: 0;
        margin: 0 auto;
    }
.span12.widget-span.widget-type-cell.whySpBox.whySpBoxRight {
    padding: 5% 0%;
}
.feeContactMain{background-color: #fafafa;padding: 4% 18% 1% 18%;margin-bottom: 4%;}
.feecontactbor{border-bottom: 1px solid #23527c;}
.feeNumber1{width: 50%; float: left; margin-top: 2%;}
.feeEmail{padding: 4% 0% 0% 0%;}

    .howWeteachTitle {
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .howWeteachSubTitle {
        color: #303030;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        margin: 0;
        margin-bottom: 0px;
        margin-left: 0px;
        font-family: 'Poppins',sans-serif;
        margin-bottom: 30px;
        position: relative;
    }

    /* academic specialisations */
    .specialisationsImage {
        position: relative;
    }

    .specialisationsImage::after {
    content: '';
      display:none;
    position: absolute;
    z-index: 1;
       top: 160px;
    left: 142px;
    width: 63%;
    height: 243px;
    background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
    background-repeat: repeat;
}

    .specialisationsImage::before {
        content: '';
      display:block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 60%;
        height: 215px;
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/texture-1.png);
        background-repeat: repeat;
    }

    .specialisationsImage img {
        padding: 30px 0px 0px 30px;
        z-index: 9;
        position: relative;
    }


    .whySpBoxRight .specialisationsImage img {
        padding: 30px 30px 0px 0px;
    }

    .whySpBoxRight .specialisationsImage::before {
       
        right: 0;
        left: auto;
    }

    /* employee report */
    .pieChartPointersMain {
        margin-bottom: 5%;
    }

    .pieChartPointersMain h4 {
        font-size: 16px;
        font-weight: 600;
        color: #ffc20e;
        position: relative;
        margin-bottom: 20px;
        font-family: 'Poppins',sans-serif;
        text-transform: uppercase;
    }
    

    /* student life experiance start */
.grid {
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.text-center {
  text-align: center;
}

#load-more{
    font-size: 14px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 6px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
    background: none;
    border: 0;
    cursor: pointer;
    position: relative;
}

#load-more::after {
    content: "\f178";
    color: #ffc20e;
    position: absolute;
    right: -25px;
    top: 3px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
}

#load-more:hover, #load-more:focus{
    outline: none;
}

.grid .hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
  }
/* ---- button ---- */

.studentLifeFilterBtnGrp {
    margin-bottom: 20px;
    margin-top: 10px;
    display: inline-block;
}

.studentLifeFilterBtnGrp .button {
    display: inline-block;
    cursor: pointer;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    color: #777777;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    background: none;
    border: 0;
    text-transform: uppercase;
    padding: 12px 5px;
    position: relative;
    outline: none;
    margin-right: 20px;
}

.studentLifeFilterBtnGrp .button::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #ffffff;
    background-repeat: repeat;
    z-index: 9;
    top: 2px;
    left: 5px;
    background-repeat: no-repeat;
}

.studentLifeFilterBtnGrp .button:hover {
  color: #333;
}

.studentLifeFilterBtnGrp .button:active,
.studentLifeFilterBtnGrp .button.is-checked {
  color: #333;
}

.studentLifeFilterBtnGrp .button.is-checked {
  color: #333;
}

.studentLifeFilterBtnGrp .button.is-checked::before {
    background: #ffc20e;  
}

.studentLifeFilterBtnGrp .button:active {
  box-shadow: none;
  outline: none;
}

.studentLifeImgBox {
  position: relative;
  margin: 10px;
}

.studentLifeImgBoxVideo:after {
    content: '';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 39%;
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/play-icon.png);
    height: 54px;
    width: 54px;
    margin: 0 auto;
    z-index: 1;
    background-repeat: no-repeat;
}

.studentLifeImgBox .caption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
padding: 15px;
opacity: 0;
z-index: 9;
}

.studentLifeImgBox:hover .caption {
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.studentLifeImgBox .captionText {
  width: 100%;
  height: 100%;
  padding: 15px;
  position: relative;
}

.studentLifeImgBox .captionText a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 15px;
/*background: #ffc20e;*/
background: rgba(255, 194, 14, 0.8);
color: #000;
text-decoration: none;
cursor: pointer;
}

.studentLifeImgBox .captionText h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 6px;
    font-family: 'Poppins',sans-serif;
    /*text-transform: uppercase;*/
    margin-top: 0px;
}

.studentLifeImgBox .captionText p {
  font-family: 'Roboto',sans-serif;
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
}


/* video panel */
.studentLifeExperienceVideo {
    background: #043361;
    width: 100%;
    float: left;
    color: #fff;
    padding: 60px 60px;
    position: relative;
    margin-top: 30px;
}

.studentLifeExperienceVideo:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 80%;
    background: #ffc20e;
    background-repeat: no-repeat;
    z-index: 9;
    left: 25px;
    top: 10%;
    z-index: 1;
}

.studentLifeExperienceVideo:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 80%;
    background: #ffc20e;
    background-repeat: no-repeat;
    z-index: 9;
    right: 25px;
    top: 10%;
    z-index: 1;
}

.studentLifeExperienceVideo h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    position: relative;
    margin-bottom: 0;
    font-family: 'Poppins',sans-serif;
    text-transform: unset;
    margin-top: 0;
}

.studentLifeExperienceVideo a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    position: relative;
    margin-bottom: 0;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    float: right;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.studentLifeExperienceVideo a:hover {
    color: #ffc20e;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 
}

.studentLifeExperienceVideo a span {
    position: relative;
    z-index: 9;
}

.studentLifeExperienceVideo a::before {
    content: "";
    background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/playBlueIcon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -20px;
    top: -42px;
    display: inline-block;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 89px;
    height: 105px;
    z-index: 1;
}

.studentLifeExperienceVideo a::after {
    content: '';
    position: absolute;
    width: 70px;
    height: 2px;
    background: #fff;
    background-repeat: no-repeat;
    z-index: 9;
    bottom: -7px;
    right: -30px;
    z-index: 1;
}

    /* student life experiance end */









    /* responsive css start */
    @media (max-width: 1199px) {

    .programCarouselContainer {
        margin-top: 0px;
    }

      .reg-form-head {
    padding: 0% 0% 0% 0%;
}
      h3#hs_cos_wrapper_module_1559208402502296_title {
    margin-top: 0px;
    margin-bottom: 5px;
}
      body input[type="text"], body input[type="password"], body input[type="datetime"], body input[type="datetime-local"], body input[type="date"], body input[type="month"], body input[type="time"], body input[type="week"], body input[type="number"], body input[type="email"], body input[type="url"], body input[type="search"], body input[type="tel"], body input[type="color"] {
    padding: 0px !important;
    margin-bottom: 2% !important;    min-height: 30px;
}
      .reg-form {
    padding: 0px 16px 0px 16px;
}
      select#state-97ac3fa9-6430-4855-b5c0-cf58c7a51354 {
    height: 30px !important;
    padding: 0px !important;
    margin-bottom: 2% !important;
}
      select#country-97ac3fa9-6430-4855-b5c0-cf58c7a51354 {
    height: 30px !important;
    padding: 0px !important;
    margin-bottom: 2% !important;
}
    .program-navbar-container .navbar-nav>li>a {
        padding: 15px 10px;
        font-size: 11px;
    }

    .overview-pointers-box .overview-pointers-desc {
        font-size: 18px;
        line-height: 22px;
    }

    .overview-pointers-col {
        width: 33.33%;
    }

    .program-sidebar ul li a {
        padding: 25px 12px;
        min-height: 0;
    }

    .program-sidebar ul li a img {
        width: 30px;
    }

    .program-sidebar ul li a {
        font-size: 14px;
    }

    /* testimonial css */
    .testimonialCarouselBox .testimonialCarouselBoxImage::after {
        width: 130px;
        height: 45px;
        background-size: 100% 100%;
    }

    /* latest news */
    .latestMediaBox .latestMediaBoxImage::after {
        height: 160px;
    }
        
    }

    @media (max-width: 991px) {

    .programCarouselContainer {
        margin-top: 0;
    }

    .overviewImage::after {
        bottom: -23px;
        right: 0;
        width: 143px;
        height: 143px;
    }

    .overviewImage::before {
        top: -23px;
        left: 0;
        width: 143px;
        height: 143px;
    }

    .program-navbar-container .container {
        width: 100%;
    }

    .program-navbar-container .navbar-nav>li>a {
        padding: 10px 10px;
    }

    .program-navbar-container .navbar-nav>li>a:hover {
        background: #ffc20e;
        color: #000;
    }

    .program-navbar-container .navbar-nav>li>a:hover:after {
        display: none;
    }

    .program-carousel-caption h1 {
        font-size: 42px;
    }

    .program-carousel-caption h1:after {
        height: 6px;
    }

    /*.program-carousel-layer {
        display: none;
    }
    */
    .program-carousel-caption {
        bottom: 10px;
    }

    .program-sidebar ul li a {
        font-size: 12px;
    }

    /* testimonail */
    .testimonialCarouselBox .testimonialCarouselBoxImage::after {
        bottom: 65px;
        right: 22px;
    }

    .testimonialCarouselBox .testimonialCarouselBoxImage::before {
        bottom: 25px;
        left: 10%;
        width: 143px;
        height: 143px;
    }

    .testimonialCarouselBox p {
        margin-top: 0px;
        padding-right: 0px;
    }

    /* latest news */
    .latestMediaBox .latestMediaBoxImage::after {
        width: 120px;
        height: 120px;
    }

    }



    @media (max-width: 900px) {

      .whysubp{    padding-left: 0px;}
.whysubrp{    padding-right: 0px;}
    .program-sidebar ul li a {
        padding: 15px 12px;
    }

    .program-sidebar ul li a img {
        margin-bottom: 10px;
    }

    .program-sidebar ul li a .program-sidebar-text {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
      .datasciencetitle {
    position: relative;
    left: 0px;
    z-index: 9;
    top: 0px;
    margin-bottom: 0%;
}

      .datasciencetitle2 {
    position: relative;
    left: 0px;
    z-index: 0;
    top: 0px;
    margin-bottom: 0%;
}
      .scientistbx {
    margin: 0px 0 0% 0%;
}
      .datasciencetitle3 {
    position: relative;
    left: 0px;
    z-index: 0;
    top: 0;
    margin-bottom: 0%;
}
      .datasciencetitle3 h3 {
    position: relative;
    left: 0%;
    text-align: left !important;
}
    }

    @media (max-width: 767px) {
      .modal-content2 {
    width: 95%;
	}
      .impTimeline {
    padding: 6% 3% 0%;
}

.impTimeline h5 {
    margin-bottom: 5%;
}

.impTimeline .left {
    border-right: none;
    margin-bottom: 7%;
    margin-left: 0;
    margin-top: -20px;
}
    .sub-title {
    font-size: 20px !important;
    margin-top: 0px !important;
}      
      .takeSecbx p { height: auto;}
      
      .maibSourcesSec p {
    font-size: 8px;
      
      }
      .maibSourcesSec h5 {
    font-size: 10px;
	}  
        
     h5.h5head {
        text-align: center;
    font-size: 15px;
    width: fit-content;
    margin: 0 auto;
    margin-top: 8%;
    margin-bottom: 3%;
} 
      .MAIBoverviewPara p {
    text-align: justify;
}
      .about-program h3 {
    font-size: 14px;
      }
    .mtMob{
    margin-top: 5%;
}  
    .navbar-collapse {
        background-color: #fff !important;
    }
      br.brnewline {
    display: block;
}
      .videoPopupContainer300 .imgOverlay::after {
    width: 345px;    height: 186px;
}
      .modal2 {
    padding-top: 10%;
	}
	
	
.flotinglink {
    right: 0px;
    padding: 7px 4% 9px 4%; 
}

.popupbx {
    padding: 7% 4% 0%;
}

.popupbx h3 {
    padding-bottom: 5%;
}

.close2 {
    left: -5%;
    top: -4px;
}
      .bannerconfirstp {
    width: 100%;
}
      .cutttingpro {
    width: 100%;
    float: none;
}
      .icoSec img{width:35px;height:35px;}
   .videoh2 {
    bottom: 30px;
    left: 10%;
    font-size: 16px !important;
    text-align: center;
    line-height: 4px !important;
}
     .videoh2 span {
    text-transform: none;
    line-height: 30px!important;
    font-size: 12px;
    font-weight: 400px !important;
} 
      .deanMessageImageModule .imgOverlay::after {
    height: 63px;
      }
      .fingridmain {
    padding: 7%;
}
      .specialisationsImage::after {
    display:none;
}
      .POTitle1 {
    right: 0%;
      }
      .POContent {
    right: 0px;
}
  
       .overviewImage {
        position: relative;
        text-align: center;
    }
	
	.overviewImage img {
        z-index: 99;
        position: relative;
        width: 80% !important;
    }
      
   .overviewImage:after {
        content: '';
        background-image: url(https://www.spjain.org/hubfs/program2018/program2019/icons/yellow-box.jpg);
        position: absolute;
    z-index: 9;
    bottom: -35px;
        right: 0;
        width: 243px;
        height: 243px;
        background-repeat: no-repeat;
    }

      .banner-heading {
    width: 100%;
    text-align: center;
        float: none;border-right: none;padding: 0px 3%;
}
.banner-content {
    width: 100%;
    padding: 10px 3% 15%;
}
      .p-title {
    margin-bottom: 3%;
}
      .body-footer-container-wrapper {
    top: 0px;
}
      .span4.widget-span.widget-type-cell.ranking-grid {
    margin-bottom: 12% !important;
}
      .fingrid {
    width: 100%;
    float: none;
    margin-right: 0%;
}
      .fingridlast {
    width: 100%;
    float: none;
    margin-right: 0%;
}
      
.laptopfeesmall {
    width: 100%;
    background: #fafafa;
    padding: 7% 3%;
    float: left;
    margin-right: 0%;
    margin-bottom: 4%;
}
      .facdes {
    margin-top: 5%;
}
      
      .facdes p::before {
   
    top: 27px;
    left: 19px;
}
      .scrollbar
{
	margin-left: 0px;
    float: none;
    height: auto;
    width: 100%;
    /*background: #f5f5f5;*/
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: 24px;
}

.force-overflow
{
	min-height: auto;
	min-width: 10px;
}
.topborder {
    width: 31%;
    margin:0px 35% 2%;
}
      .about-program h2 {
    font-size: 20px;  line-height: 23px;
    margin-bottom: 4%;
    margin-top: 4%;
      }

      .portfolio h2 {
    font-size: 24px;
    margin-top: 4%;
}
      
      .whyAIbx {
    padding: 2% 6%;
    margin-bottom: 8%;
}
      
      .program-carousel-caption {
    bottom: 0px;
    position: relative;
    padding-top: 0px;
    width: 95%;
    right: 0;
    left: 2%;
}
      .whySpBoxContaint h2 {
    font-size: 20px;
        text-align: left;
    margin-top: 4%;
    margin-bottom: 16px;
      }
      .admissionBox .admissionDetail ul, .whySpBoxContaint ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
      .SectionTitle1 {
    left: 0px;
}

      .takeSecbx {
    height: auto;
    margin-bottom: 8% !important;
}
      .ctaButton {
    margin-top: 4%;
	}
      
      .SectionTitle1 h2 {
    margin-top: 15px !important;
}
      
      .whySpBoxContaint h2:before {
   content: '';
    position: absolute;
    width: 100px;
    height: 3px;
        display:none;
    background: #ffc20e;
    background-repeat: repeat;
    background-repeat: repeat;
    z-index: 99;
    top: -17px;
    left: 115px;
    background-repeat: no-repeat;
}
      p.bordertxt {
    font-size: 12px !important;
}
      .blankspacetxt{display:none;}
      
      .program-carousel-caption p {  bottom: 0px;
    text-align: center;
    font-size: 12px !important;
    line-height: 20px;}  
      .fintechbag {
    width: 100%;
    bottom: 0px !important;    font-size: 16px;
}
   p.cricosCode {
    font-size: 8px !important;
}
#style-9::-webkit-scrollbar-track
{

	background-color: #f5f5f5;
}

#style-9::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
	background-color: #ffc20e;
}

#style-9::-webkit-scrollbar-thumb
{
	background-color: #ffc20e;	
}
      .ctaButton {   margin-bottom: 20px !important;
}
     
      .span12.widget-span.widget-type-text.successful-Graduates-top-heading {
    margin-left: 6%;
}
      .span12.widget-span.widget-type-text.successful-Graduates-sub-heading {
    margin-left: 6%;
}
      .graduateBox .media-body p {
    margin-left: 6%;
}
      .tbwidth{width: 150%; margin-bottom:5%;}
      .laptopfeeSemester1 {
    width: 40%;
    margin-left: 10%;
}
      .desktop-only{display:none;}
.mobile-only{display:block;}
      .laptopfeeSemester2 {
    width: 44%;
}
      .avgsalarybx h2 {
    margin: 0 9px !important;
}
      .laptopfeebig {
    width: 100%;
    padding: 7% 3%;
}
      
      .accommodationfeebxfirst{ 
    width: 28%;}



.accommodationfeebxlast{   
    width: 19%;}
      
    .program-navbar-container .navbar-brand {
        padding: 20px 20px 20px 10px;
    }

    .program-navbar-container .navbar-toggle {
        margin-right: 8px;
    }

    .programCarouselContainer {
        margin-bottom: 30px;
    }

    .programSections {
        margin-bottom: 30px;
    }

    .program-carousel-caption h1 {
    font-size: 30px;
    text-align: center;
    top: 0px;
    }

    .program-carousel-caption h1:after {
        height: 3px;    bottom: -7px;    width: 327px;
    }

    .programCarouselContainer .owl-theme .owl-dots {
        right: 0;
        top: auto;
        bottom: 5px;
        left: 0;
    }

    .programCarouselContainer .owl-theme .owl-dots .owl-dot {
        display: inline-block;
    }

      .overviewImage::after{  display: block;} 
      
      .overviewImage::before {
        display: none;
    }

    .overviewImage img {
       width: 80% !important;
    
    }
        
    .overview-pointers-col {
        width: 50%;
    }

    .testimonialCarouselContainer {
        padding: 0px;
        margin-bottom: 30px;
    }

    .testimonialCarouselBox {
        padding: 0px;
    }

    .testimonialCarouselBox img {
        width: 75px;
    }

    .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-prev, .testimonialCarouselContainer .owl-carousel .owl-nav button.owl-next {
        display: none;
    }

    .importantDatesCarouselContainer {
        padding: 15px;
    }

    .importantDatesCarouselContainer .owl-theme .owl-nav {
        display: none;
    }

    .importantDatesCarouselContainer .owl-theme .owl-dots {
        display: block;
        margin-top: 20px;
    }

    .sidebarSticky {
        width: 90%;
        margin: 20px auto;
        right: auto;
        position: relative !important;
        top: initial !important;
    }
  .feeContactMain {
    padding: 7% 7% 1% 7%;
    margin-bottom: 12%;
  }
      .feeNumber1 {
    width: 100%;
    float: none;
}
      p.phase {
    width: 21%;
      }
    /* testimonail */
    .testimonialCarouselBox .testimonialCarouselBoxImage::before,
    .testimonialCarouselBox .testimonialCarouselBoxImage::after {
        display: none;
    }

    .testimonialCarouselBox .testimonialCarouselBoxImage img {
        width: 100%;
        padding-bottom: 20px;
        padding-left: 0%;
    }

    .testimonialCarouselBox p {
        margin-bottom: 20px;    margin-top: 13px;
    }

    .testimonialCarouselBox .row {
        display: grid;
        grid-template-areas: 'abc2' 'abc1';
        grid-template-columns: 1fr;
    }

    .testimonialCarouselBox .row .col-sm-8 {
        grid-area: abc1;
        width: 100%;
    }
    .testimonialCarouselBox .row .col-sm-4 {
        grid-area: abc2;
        width: 100%;
    }

    .testimonialCarouselBox .row .col-sm-8 {
        display: grid;
        grid-template-areas: 'testimonialName' 'testimonialPara';
        grid-template-columns: 1fr;
    }

    .testimonialCarouselBox .row .col-sm-8 p {
        grid-area: testimonialPara;
        width: 100%;
    }
    .testimonialCarouselBox .row .col-sm-8 h4 {
        grid-area: testimonialName;
        width: 100%;
    }

    .testimonialCarouselBox h4 {
        padding-left: 0;
        text-align: left;
    }

    .testimonialCarouselBox h4::before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -15px;
    }

    /* latest news */
    .latestMediaBox .latestMediaBoxImage::after {
        display: none;
    }

    .latestMediaBox, .latestMediaBox .latestMediaBoxImage {
        /*text-align: left !important;*/
    }

    .latestMediaBox .latestMediaBox-heading,
    .latestMediaBox .latestMediaBox-detail, 
    .latestMediaBox .latestMediaBox-link {
        text-align: justify;
    }

    .latestMediaBox .latestMediaBoxImage img {  
        width: 100% !important;  
        padding-bottom: 0;
        padding-right: 0;
    }

    /* title */
    .ProgramSectionTitle {
        text-align: left;
    }
      
    
    
    .ProgramSectionTitle h2 {
        font-size: 20px;line-height: 25px;
    padding-left: 0px;
    margin-top: 3%;
    }

    .ProgramSectionTitle h3 {
        font-size: 12px;
        text-align: left;
    }


    /* loading effect css */
    .sl-bottom, .sl-top {
        height: 95% !important;
        border: 30px solid #fff !important;
    }

    .loader-text {
        font: 700 20px/1 Montserrat !important;
    }

    /* Academic specialisations */
    .specialisationsImage img {
        padding: 0px !important;
    }
.SectionTitle2 h2 {
    margin-top: 15px !important;
}
    .specialisationsImage::before {
        display: none;
    }
        .program-section-gray {
     background:#f8f8f8; padding:15% 0% 2%;
    }

    }




    @media (max-width: 680px) {

    .program-carousel-caption h1 {
        display: block;  
       font-size: 25px;
    text-align: center;
    top: 0px;
    }
    

    }




    @media (max-width: 580px) {
       
      .program-carousel-caption h1:after {
    width: 270px;
}
       .ug {
    margin-top: 70px;
}
    }

    @media (max-width: 480px) {
      
        
    .overview-pointers-col {
        width: 100%;
    }

    .overview-pointers-box {
        margin-bottom: 15px;
    }

    .latestMediaBox .media-body, 
    .latestMediaBox .media-left, 
    .latestMediaBox .media-right {
        display: block;
    }

    .latestMediaBox .media-left {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .latestMediaBox {
        margin-bottom: 30px;
    }

    }


    /* Mayuri - 25-06-2018 */
    /*Responsive*/
    @media(max-width:1280px) {
    /*How we teach*/    
    .howTeachBox .howTeachText h3 {
        font-size: 18px;}   

    /*Specialisations*/
    .specialisationsBox .btnList ul li a {
        padding: 4px 12px;}

    /*Career Services*/
    .careerServiceBox .careerServiceText {
        min-height: 468px;
    }

    /*Successful Graduates*/
    .graduateBox { overflow:inherit;} 
    

    /*Employer Report*/
    .employerReportBox h3 {
        font-size: 40px;}
.form {
    top: 5px;
    }
}
    @media(max-width:1199px) {
    /*why sp jain*/
    /*.whySpBox .whySpBoxTop img {
        margin-right: 17px;
        width: 21%;
    }
    .whySpBox .whySpBoxTop h2 {
        font-size: 18px;}
        
    .whySpBox .whySpBoxTop .whyArrow {
        top: 25%;
    }
    .whySpBox .whySpBoxTop .whyArrow img { width:auto;}*/ 


    /*How we teach*/
    .howTeachBox .howTeachText h3 {
        font-size: 14px;}
        
    .howTeachBox .howTeachText { min-height: 185px;}    
        
    /*Projects*/
    .projectBox .media {
        padding: 15px;
    }

    /*Specialisations*/
    .specialisationsBox .media-left { display:block; padding-right:0; margin-bottom:20px;}
    .specialisationsBox .media-left img {
        width: 100%;
    }
    .specialisationsBox .btnList ul li a span { display:inline-block;}

    /*Career Services*/
    .careerServiceBox .careerServiceText h3 {
        font-size: 15px;}
        
    /*Successful Graduates*/
    .graduateBox .media-left::after {
        display: none;
    }

    .graduateBox .media-left img {
        float: left;
    }

    .graduateBox .media-body {
        padding-top: 15px;
    }
    .graduateBox .media-left { display:block; padding-right:0; padding-bottom:20px;}    
    .graduateBox .media-body {
        padding-right: 0;}  
 
        
    /*Student Life*/
    .studentLifeBoxIn {
        padding: 0;
    }
        
    .studentLifeBox h3 {
        font-size: 43px;
    }

    /*Employer Report*/
    .employerReportBox h3 {
        font-size: 32px;
    }

    } 


    @media(max-width:991px) {
    /*why sp jain*/ 
    /*.whySpBox .whySpBoxTop h2 {
        font-size: 26px;
    }
    .whySpBox .whySpBoxTop img {
        width: auto;
    }*/

    /*Program Structure*/
    .programStructureBoxIn:nth-child(2)::before,
    .programStructureBoxIn:nth-child(3)::before,
    .programStructureBoxIn:last-child::before {
        /*left: 0;
        top: -11px;
        right: 0;*/}

    .programStructureBoxIn:last-child::before {
        /*content: '';
        position: absolute;
        left: 0;
        right:0;
        margin:0 auto;
        top: 0;
        border-left:none;
         border-top: #1a4e8b solid 1px;
        height:inherit;
        width:50%;*/
    }

    /*Projects*/    
    .blueBoxWrap h5 {
        font-size: 15px;
        line-height: 22px;
    }

    .companyListContainer ul li {
        width: 33.33%;
    }

    /*Specialisations*/
    .specialisationsBox .media-body h4 {
        margin: 0 0 18px 0;
        font-size: 18px;}
        
    /*Career Services*/ 
    .careerServiceBox { margin-bottom:20px;}
    .careerServiceBox .careerServiceText {
        min-height:inherit;
    }

    /*Successful Graduates*/
    .graduateBox .media-body .graduateLink {
        top: 0;
    }

    /* studentLife */
    .grid-sizer, .grid-item {
        width: 50%;
    }



    }


    @media(max-width:767px) {
      .break-section h2{font-size:24px !important;}
    /*why sp jain*/
.banner-sm-head {
    text-align: center!important;
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 8%;
    margin-bottom: 4%;
}
      
   .txt-jc  {
    text-align: center!important;
} 
      
    .whySpBoxContaint:before {
        display: none;
    }
.mapContainer {
    margin-bottom: 8% !important;
}
    .whySpBoxContaint {
        position: relative;
        margin-top: 20px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center !important;
    }

    .whySpBoxContaint p {
        text-align: justify !important;
    }
      
      
    .deanMessageImageModule .imgOverlay::after {
    background-size: 35px 32px;
      height: 63px !important;
    top: 25px;
}
      
.rank84 {
    width: 100%;
    float: none;
    margin-right: 0%;
    padding: 2% 33%;
}
      .rank84para {
    float: none;
    width: 100%;
}
      .ft {
    text-align: justify;
}
    .whySpBoxRight .whySpBoxContaint {
        text-align: center !important;
    }
      
  .whySpBoxContaints {
    position: relative;
    margin-top: 30px;
    padding-left: 0px;
}
      .form {
    position: relative;
        top: 0px;
    width: 100%;
    float: left;
    background: #f8f8f8;
    right: 0%;
    left: 0%;
    padding: 0px 24px 30px 24px;
    height: auto;
}  
      .whySpBoxContaints:before {display:none;}
      
   .whySpBoxContaints h2 {
    text-align: center;
}   

    /*.whySpBoxRight .whySpBoxContaint p {
        text-align: center !important;
    }*/

    .whySpBox {
        margin-bottom: 30px;
    }
.chartTitle h4 {
  font-size: 19px !important;}
      .listStyle ul {
    margin: 0 0 17px 0;
}
    .whySpBox .row-fluid {
        display: grid;
        grid-template-areas: 'abc2' 'abc1';
        grid-template-columns: 1fr;
    }

    .whySpBox .row-fluid .whySpBoxContaint {
        grid-area: abc1;
        width: 100%;
    }
    .whySpBox .row-fluid .whySpBoxImage {
        grid-area: abc2;
        width: 100%;
    }

    .whySpBox .btnList ul li {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .whySpBox .btnList {
        margin: 0 auto !important;
    }

    .whySpBox .btnList ul {
        float: none !important;
    }

    /*Message from the Dean start*/
    .deanMessage .row-fluid {
        display: grid;
        grid-template-areas: 'abc2' 'abc1';
        grid-template-columns: 1fr;
    }

    .deanMessage .row-fluid .deanMessageContent {
        grid-area: abc1;
        width: 100%;
    }
    .deanMessage .row-fluid .deanImageContainer {
        grid-area: abc2;
        width: 100%;
    }

    .deanMessageImage::after {
        display: none;
    }

    .deanMessageName {
        padding-left: 0;
    }

    .deanMessageName h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .deanMessageContent {
        padding-right: 0px;
    }

    /* admission */
    .admission-pointers-title {
        font-size: 24px;
        line-height: 30px;
    }

    /* career - successful graduate */
    .paraWithImage h2::before {
        display: none;
    }
    .paraWithImage h2 {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 26px;
        padding-top: 15px;
    }
    .graduateBox .media-left::before {
        width: 175px;
    }
    .graduateBox .media-body {
        padding-top: 0;
    }
      

      
    /* How we teach */
    .videoPopupContainer .imgOverlay::after {
        right: 0;
        top: 32%;
    }
.whySpBoxContaint ul li {
    text-align: justify;
}
    /* program stucture */
    .programStructureBoxIn:nth-child(2)::before,
    .programStructureBoxIn:nth-child(3)::before,
    .programStructureBoxIn:nth-child(4)::before, 
    .programStructureBoxIn:nth-child(5)::before,    
    .programStructureBoxIn:last-child::before {
        left: 0;
        top: -42px;
        right: 0;
    }

    /*Student Life*/    
    .studentLifeBox:after {
        border-right: none;
        border-bottom: #ebebeb solid 2px;
        height: inherit;
        width: 77%;
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: -5px;
    }   
    .employerReportBox { min-height:inherit; padding-bottom:40px;}  

    .studentLifeExperienceVideo a {
        float: left;
        margin-top: 60px;
        margin-left: 20px;
        margin-bottom: 30px;
    }
    .studentLifeFilterBtnGrp .button {
        margin-right: 0px;
    }

    /* project */
    .companyListContainer ul li {
        width: 50%;
    }
      
      .whySpBox .videoPopupContainer300 .imgOverlay::after {
    left: -21px;
        top: 1%;}
      
.whySpBoxRight .videoPopupContainer300 .imgOverlay::after {
  top: 5%;}
    }

    @media(max-width:580px) {
    /*project*/ 
    .projectBox .media .media-left {
        padding-right: 0;
        display:block;
        margin-bottom:20px;
    }
    .projectBox .media .media-left .yellowBox {
        width: 100%;}
        
    .blueBoxWrap {
        padding: 15px;} 
    .blueBoxLinks { width:100%;}

    .companyListContainer ul li {
        width: 100%;
    }

    /*Specialisations*/
    .specialisationsBox .media-body h4 {
        font-size: 13px;
    }
    .specialisationsBox .btnList ul li { width:100%; margin-right:0; margin-bottom:10px;}   

    /*Career Services*/
    .careerServiceBox .careerServiceText {
        padding: 15px;}
    
    /* student Life */
    .grid-sizer, .grid-item {
        width: 100%;
    }

    }








    @media(max-width:320px) {
    /*why sp jain*/ 
    /*.whySpBox .whySpBoxTop img {    width: 21%;}
    .whySpBox .whySpBoxTop h2 {
        font-size: 16px;
    }*/

    /*Admission*/
    /*.admissionBox h2 .numb {
        padding: 5px 12px;
        font-size: 22px;}
    .admissionBox h2 {
        font-size: 11px;}   
    .admissionBox h2 .text {
        padding-left: 3px;

    }   
    .admissionBox h2 img { display:none;}*/
    .admissionBox .admissionDetail {
        padding-left:0;
        margin-bottom:25px;}
        

            
    }


    /* responsive css end */

    .gssb_c {
        z-index: 99999999;
        border: 0 !important;
    }

    .gssb_c table, .gssb_c table tr td {
        border: 0 !important;
        padding: 0px !important;
    }

    .gssb_f {
        padding: 0 !important;
    }


    /* stickybar new css */
    .stickybar {
        border: 0px;
    }
    .stickybar li > a {
        background: url(https://1969827.fs1.hubspotusercontent-na1.net/hubfs/1969827/program2018/program2019/icons/texture-1.png) #fff !important;
            background-repeat: repeat;
        background-repeat: repeat !important;
        color: #000 !important;
        border-bottom: 2px solid #ffc20e;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        border-right: 0px;
        font-size: 11px;
        line-height: 11px;
        /*width: 110px;
        text-align: left;
        padding: 10px 10px 10px 18px;
        height: 45px;
        vertical-align: middle;*/
    }

    .stickybar li a i {
        color: #141414 !important;
        /*display: inline-block;*/
    }

    /*.stickybar li > a > span {
        display: inline-block;
        padding-left: 20px;
    }*/

    .stickybar li a:hover {
        background: #ffc20e !important;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        /*margin-left: -60px;*/
    }

    @media(min-width:767px) {
        .stickybar li a {
            width: 130px;
            text-align: left;
            padding: 9px 10px 10px 15px;
            height: 45px;
            vertical-align: middle;
        }

        .stickybar li a i {
        display: inline-block;
        }

        .stickybar li > a > span {
            display: inline-block;
            padding-left: 11px;
            vertical-align: top;
            padding-top: 2px;
        }

        .stickybar li a:hover {
            margin-left: -70px;
        }
    }







    @media(max-width:767px) {
        .stickybar ul li {
            border-right: 1px solid #ccc;
        }
      .navbar {
    padding: 0% 0%;
}
      .span12.widget-span.widget-type-custom_widget.latestMediaBox-heading {
    text-align: center;
}
      .navbar-main-container .navbar-main > li > a:hover:before {
    content: '';
        display:none;
    width: 40px;
    height: 2px;
    background: #ffc20e;
    position: absolute;
    left: 0px;
    bottom: 50px;
    margin: 0 auto;
    right: 0px;
}
        .stickybar li a img {
            display: block;
            margin: 0 auto 5px auto;
            width: 16px;
        }
      p.impsession2 {
    padding-left: 15%;
    }
      p.address2 {
    padding-left: 15%;
}
   
         
      
      
      
      
.lp-logo {
    top: 19px;
    width: 31%;
    left: 4%;
}
        .ug {
       font-size: 12px;
    text-align: center;
    padding: 0;
    width: 100%;
    margin-top: 75px;
}
    }
 


    
      
/* cta button css */
.ctaButton {
    display: inline-block;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    color: #000;
    background: #ffc000;
    font-size: 14px;
  font-family: Poppins, medium;

    text-transform: unset;
    font-weight: 600;
    padding: 4px 0px;
    margin-top: 0px;
    vertical-align: middle;
    line-height: 36px;
    text-align: center;    margin-bottom: 0%;
}

.ctaButton a{
  font-family: Poppins, medium;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
   text-transform: capitalize;
    font-weight: 600;
    text-align: center;
        padding: 17px 25px;
}
.ctaButton a::after {
    display: none;
}
.eff-4{
    width: 100%;
    height: 100%;
    left: -100%;
    background: #000;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
    top: 0;
}
.ctaButton:hover .eff-4{
  left:0;
}
.ctaButton:hover a{
  color:#ffc20e;
}

.ctaButton-stickybottom {
    display: inline-block;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    color: #000;
    background: #ffc000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 0px;
    margin-top: 0px;
    vertical-align: middle;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ctaButton-stickybottom a{
    font-size: 14px;
    color: #000;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
        padding: 17px 25px;
}
.ctaButton-stickybottom a::after {
    display: none;
}
.eff-4-stickybottom{
    width: 100%;
    height: 100%;
    left: -100%;
    background: #000;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
    top: 0;
}
.ctaButton-stickybottom:hover .eff-4{
  left:0;
}
.ctaButton-stickybottom:hover a{
  color:#ffc20e!important;
}

.cta-sticky {
    position: fixed;
    bottom: 29px;
    text-align: center;
    z-index: 998;
    padding: 7px 1% 9px 1%;
    margin-left: 100px;
}






.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 6px 27px !important;
}

.chartTitle h4 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    position: relative;
    margin-bottom: 30px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    margin-top: 0px;
    padding-top: 20px;
}

.chartTitle h4::before {
    content: '';
    position: absolute;
    width: 70px;
    height: 3px;
    background: #ffc20e;
    z-index: 9;
    top: 7px;
    left: 0;
    background-repeat: no-repeat;
}





/* map css */
  .mapContainer {
            margin: 0 auto;
            text-align: center;
            position: relative;
        }
        .mapContainer img {
            margin: 0 auto;
            max-width: 100%;
        }
        .mapContainer .pointerImage {
            position: absolute;
            top: -100px;
            left: 0;
            right: 0;
            opacity: 0;
            transition: all 1s;
            -webkit-transition: all 1s;
        }

        .mapContainer.animate .pointerImage {
            top: 0px;
            opacity: 1;
            transition: all 1s;
            -webkit-transition: all 1s;
        }


.canvasjs-chart-credit {
  display: none !important;
}


@media(max-width:823px) {
  .program-carousel-caption {
    bottom: 7px;
}
  .program-carousel-caption h1 {
  font-size: 23px;
    margin-top: 2%;
}
.ug {
    width: 100%;
     margin-top: 4px;
    margin-bottom: 7px;
}
  .program-carousel-caption h1:after {
    height: 3px;
}
  .form {
    top: 53%;
    right: 2%;    bottom: 40px;
}
  .reg-form {
    width: 363px;margin-top: 10%;
  }
  
  h5#Why_AI_In_Business {
    margin-top: 10%;
}
  
  .program-carousel-caption {
    bottom: 40px;
    width: 100%;
    left: 0%;
    right: 0%;
        padding: 5% 0%;
}
  .bannertxtmain {
    background: #f8f8f8;
}
}

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.facdes p::before {
    top: 35px;
    left: 35px;
}
    .program-carousel-caption {
    bottom: 540px;
    width: 100%;
    right: 0;
    left: 0%;
    padding: 0% 10%;
}
    .ug {
    margin-top: 48px;
}
    .program-carousel-caption p {
    bottom: 80px;
}
    .reg-form {
    width: 100%;
    }
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
 .program-carousel-caption {
        bottom: 35px;
    width: 100%;
    right: 0;
    left: 0;
    padding: 18px 6%;
}
    .fintechbag {
   width: 100%;
    bottom: 13px !important;
}
    .ug {
    margin-top: -5px;
}
    
    .program-carousel-caption p {
        bottom: 0px;
    position: relative;
}
    .reg-form {
    width: 100%;
    }
    .form {
       top: 19%;
    right: 3%;
    padding: 0% 6% 9%;
}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.videoh2 {
    bottom: 45px;
    left: 18%;
    font-size: 16px !important;
    text-align: center;
    line-height: 4px !important;
}
}



@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
 .program-carousel-caption {
    bottom: 39px;
    width: 100%;
    right: 0;
    left: 0;
    padding: 15px 2%;
}
   .ug {
    margin-top: 5px !important;
}
    .form {
    top: 48%;
    right: 3%;
       padding: 0% 7% 8%;
}
   .program-carousel-caption p {
    bottom: 0px !important;
    position: relative;
}
    .reg-form {
    width: 100%;
    }
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.facdes p::before {
    top: 39px;
}
    .reg-form {
    width: 100%;
}
     .span8.widget-span.widget-type-cell {
    width: 100%;
}
    .overviewImage::after {
   display:none;
}
       .ProgramOverviewImage:before {display:none;}
   .program-carousel-caption {
        bottom: 39px;
    width: 96%;
    right: 0%;
    left: 2%;
} 
   .program-carousel-caption h1 {
    font-size: 20px;
}
    .ug {
    margin-top: 3px;
}
    .program-carousel-caption h1:after {
    width: 767px;
    height: 3px;
}
    .form {
    top: 9%;
    right: 9%;
}
    .lp-logo {
    width: 22%;
    left: 2%;
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.program-carousel-caption {
    bottom: 55px;
    left: 0%;
    width: 100%;
    right: 0;
}
    
    .banner-heading {
    width: 47%;
}
    .banner-content {
    padding: 11px 3%;
    width: 53%;
}
        .span8.widget-span.widget-type-cell {
    width: 100%;
}
    .overviewImage::after {
   display:none;
}
    .ProgramOverviewImage:before {display:none;}
    
    .fintechbag {
    width: 87%;    bottom: 17% !important;
}
    .program-carousel-caption p {
    bottom: 31%;
    }
    .headerScrolled .navbar-default {
    margin-bottom: 0px;
    display: none;
}
    .form {
   top: 0px;
    width: 100%;
    right: 0%;
    padding: 0% 30% 8% 0%;
    position: relative;
    background: #f8f8f8;
}
    .program-carousel-caption h1 {
   font-size: 30px;
    top: 0px;
}
    .program-carousel-caption h1:after {
    width: 316px;
    right: 103px;    height: 3px;
}
    .ug {
    
    width: 95%;
    margin-top: 5px;
}
    .lp-logo {
    width: 35%;
    left: 1%;
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.navbar-main-container .container-fluid {
    width: 99%;
}
   
    .fintechbag {
    width: 87%;
    font-size: 9px !important;
}
    .navbar-default .navbar-nav>li>a {
    font-size: 13px !important;
    padding: 66px 18px 27px 0px !important;
}
    .headerScrolled .navbar-default .navbar-nav > li > a {
    padding: 41px 12px 15px 17px !important;
    }
    
    .program-carousel-caption h1 {
    font-size: 20px;
    }
    .banner-heading {
    width: 24%;
    }
    .ug {
    font-size: 9px;
    }
    .banner-content {
    padding: 15px 3%;
    width: 39%;
}
    .bannerconfirstp {
    font-size: 12px !important;
    }
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .reg-form {
    width: 100%;
}
}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
.program-carousel-caption {
    bottom: 0px;
    }
}