#main-landing-page{
    font-family: 'Open Sans' !important;
    color:black !important;
    padding:0  !important;
    overflow:hidden !important;
}

#main-landing-page .header {
    padding: 10px 20px 0px !important;
    height:80px !important;
}
body
{
    padding-right:0px !important;
}
.response
{
    display:block !important;
    margin-top:59px !important;
}

.space{
    margin-top:10px !important;
}
.space-right
{
    margin-right : 15px !important;
    margin-left:24px !important;
}
 
#main-landing-page ::-webkit-input-placeholder {
    font-size: 11px !important;
}
    
#main-landing-page :-moz-placeholder {  
    font-size: 11px !important;
}
    
    /*--for IE10 support--*/
#main-landing-page :-ms-input-placeholder {
    font-size: 11px !important;
}

  /* Page content */
  #main-landing-page .content {
    padding: 16px;
  }

  .font-size-16{
    font-size: 16px;
}
.font-size-15{
    font-size: 15px;
}
.font-size-18
{
    font-size: 18px;
}
.font-size-19
{
    font-size: 19px;
}
 
.footer-side-menu-another
{
    font-size:10px;
    color: #4a4a4a;
    line-height: 0px !important;
    text-align:center;
}

.footer-side-menu
{
    font-size:12px;
}
.footer-side-button
{
    margin-top: 25px;
    background-color: #003a76;
    color: #ffffff;
    border: none;
    font-size: 11px;
    border-radius: 3px;
    padding: 0.6em 1.2em 0.6em 1.2em;
}
.footer-sub
{   
    background-color: #f5f6fa;
    /* height: 376px; */
    padding-top: 23px;
    text-align:left;
}
.footer-head
{   
    font-size:1.1vw;
    text-align:left;
}
.footer-sub-head
{   
    top:20px;
    font-size:1vw;
    text-align:left;

}
.footer-main
{   
    background-color: #f5f6fa;
    height: 250px;
    padding-top: 23px;
}
.footer-data
{
    height:12% !important;
    background-color:#f4f5fa !important;
    width:100% !important;
    padding:0px !important;
    margin:0px !important;
    font-size:9px !important;
    color:#000000 !important;
}
.symbol-block{
    position: relative;
    background-color:#f4f5fa !important;
    justify-content: center;
    display: flex;
}
.symbol-up{
    border-radius: 50px;
    padding: 6px 0;
    background: #a780f0;
    width: 40px;
    height: 38px;
    text-align: center;
    color: #ffffff;
    /* margin: auto; */
    font-size: 24px;
    display: block;
    top: -20px;
    position: absolute;
    z-index: 9;
    cursor: pointer;
}
  /* The sticky class is added to the header with JS when it reaches its scroll position */
  #main-landing-page  .sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:80px;
    z-index: 9999;
    transition: 0.8s;
    -webkit-transition:  0.8s;
    background-color: #fff;
    padding: 20px auto;
    box-shadow: 0 0 5px rgba(194, 191, 191, 0.8);
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
  #main-landing-page  .sticky + .content {
    padding-top: 102px;
    padding-left:0px;
  }

.landing-page-logo
{
    margin-top: -8px;
    margin-left: -15px;
    height: 47px;    
}

.landing-page-signin
{
    background-color : #003a76;
    color: #ffffff;
    border:none;
    font-size:12px;
    border-radius:3px;
    padding:0.5em 1em 0.5em 1em;
}
.footer-page-signin
{
    background-color : #003a76;
    color: #ffffff;
    border:none;
    font-size:12px;
    border-radius:3px;
    padding:0.5em 1em 0.5em 1em;
    height:39px;
    cursor: pointer !important;

}
.footer-page-sign:hover{

    text-decoration: underline !important;
}
.underline-on-hover:hover {
    text-decoration: underline;
}

.college-advantage
{

    background-image:url("../pix/uploads/school.png");
    background-size: cover;
    border:1px solid #c9ccdf !important;
    /* filter: blur(8px);
    -webkit-filter: blur(8px); */
    color:#000000;
    border-radius:3px;
    font-size:15px;
    padding: 10px 25px !important;
    margin: 8px 20px 16px 0px;
}
.industry-advantage
{

    background-image:url("../pix/uploads/wholesale.png");
    background-size: cover;
    border:1px solid #c9ccdf !important;
    color:#000000;
    border-radius:3px;
    font-size:15px;
    padding: 10px 25px !important;
    margin: 8px 20px 16px 0px;
}
.faculty-advantage
{

    background-image:url("../pix/uploads/faculty.png");
    background-size: cover;
    border:1px solid #c9ccdf !important;
    color:#000000;
    border-radius:3px;
    font-size:15px;
    padding: 10px 25px !important;
    margin: 8px 20px 16px 0px;
}
.student-advantage
{

    background-image:url("../pix/uploads/student.png");
    background-size: cover;
    border:1px solid #c9ccdf !important;
    color:#000000;
    border-radius:3px;
    font-size:15px;
    padding: 10px 25px !important;
    margin: 8px 20px 16px 0px;
}

.student-advantage .active>a{
    background-color: #6456bf !important;
    color: #fff !important;
}

.sub-system
{
    font-size:18px;
}
.unlocking-text{
    font-size: 40px;
    font-weight: 900;
    position: absolute !important;
    top: 10px;
}

.mentor-show
{
    margin-top:69px;
}
.sub-unlock-text
{
    text-decoration-style: solid;
}

.landing-page-banner
{
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.banner-space{
    padding:0 !important;
    position:relative;
}

.landing-page-image{
    width:100%;
    padding:0;

}

.landing-image-card-background
{
    width:100%;
    background-image:url("../pix/uploads/line_1.png");  
    height:210px; 
    margin-bottom: 30px;
    background-size: contain;
    margin-top: -33px;
    background-repeat: no-repeat;
}

.landing-image-card-background .card{
    box-shadow: 0 20px 40px 0 rgba(135, 152, 173, 0.15);
    /* width: 22%; */    
    color : #000000;
    display: block;
    width:71%;
    margin: 0 auto; /* Added */
    float: none; /* Added */
    padding: 20px 20px 10px;
    font-size: 15px;
    top: 17px;
    border:none;
    
}
.advantage{
    color: #4a4a4a;
    font-size:22px;
    font-weight:900;
}
.font-bold {
    font-weight: bold;
}
.landing-advantage-section
{
    padding:0px !important;
}
.card-advantage-section
{
    border-radius: 6px;
    border: solid 1px #c9ccdf;
    /* width: 22%; */    
    color : #000000;
    display: block;
    width:77%;
    margin: 0 auto; /* Added */
    float: none; /* Added */
    
    padding: 2%;
}

.advantage-section-button
{
    background-color: #003a76;
    color : #ffffff;
    margin : 10px;
}
.contact-section-button
{
    background-color: #003a76;
    color : #ffffff;
    margin : 10px;
    padding:5px;
    width:250px;
}
.social-links
{
    height:24px;
    width:25px;
    margin:2px
}
.social-tweet
{
    height:36px;
    width:35px;
}

.symbol-block{
    position: relative;
    justify-content: center;
    display: flex;
}


.symbol-up-contactus{
    border-radius: 50%;
    padding: 7px 0;
    background: #a780f0;
    width: 30px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    font-size: 17px;
    display: block;
    top: -13px;
    position: absolute;
    z-index: 9;
}

.symbol-up-privacy{
    border-radius: 50%;
    padding: 2px 0;
    background: #a780f0;
    width: 30px;
    text-align: center;
    color: #ffffff;
    margin: auto;
    font-size: 17px;
    display: block;
    top: -13px;
    position: absolute;
    z-index: 9;
}

.contact-footer
{
    margin-left:5%;
}

.default-text-color
{
    color: #003a76;
}

.black-ai {
    /* font-size: 16px; */
    text-transform: uppercase;
    font-weight: 700;
    background: linear-gradient(to right, #3023ae 10%, #fff 50%, #c86dd7 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2.5s linear infinite;
    display: inline-block;
    margin: 0 10px;
}
.tm{
    font-size: 12px;
    top: -20px;
}
@keyframes textclip {
	to {
		background-position: 200% center;
	}
}
.black-ai:hover {
    animation-play-state: paused;
}

@keyframes text-shadow {
    0% {  
        transform: translateY(0);
        text-shadow: 
            0 0 0 #0c2ffb, 
            0 0 0 #2cfcfd, 
            0 0 0 #fb203b, 
            0 0 0 #fefc4b;
    }

    20% {  
        transform: translateY(-1em);
        text-shadow: 
            0 0.125em 0 #0c2ffb, 
            0 0.25em 0 #2cfcfd, 
            0 -0.125em 0 #fb203b, 
            0 -0.25em 0 #fefc4b;
    }

    40% {  
        transform: translateY(0.5em);
        text-shadow: 
            0 -0.0625em 0 #0c2ffb, 
            0 -0.125em 0 #2cfcfd, 
            0 0.0625em 0 #fb203b, 
            0 0.125em 0 #fefc4b;
    }
    
   60% {
        transform: translateY(-0.25em);
        text-shadow: 
            0 0.03125em 0 #0c2ffb, 
            0 0.0625em 0 #2cfcfd, 
            0 -0.03125em 0 #fb203b, 
            0 -0.0625em 0 #fefc4b;
    }

    80% {  
        transform: translateY(0);
        text-shadow: 
            0 0 0 #0c2ffb, 
            0 0 0 #2cfcfd, 
            0 0 0 #fb203b, 
            0 0 0 #fefc4b;
    }
}

.display
{
    display:none;
}

.card-college{
    border-radius: 4px;
    border: solid 1px #c9ccdf;
    width: 22%;    
    color : #000000;
    display: block;
    width:100%;
    margin: 5px auto; /* Added */
    float: none; /* Added */
    height: 150px;    
}

.card-student{
    border-radius: 4px;
    border: solid 1px #c9ccdf;
    width: 22%;
    color: #000000;
    display: block;
    width: 100%;
    margin: 5px auto;
    float: none;
    height: 134px;    
}

.card-industry{
    border-radius: 4px;
    border: solid 1px #c9ccdf;
    color : #000000;
    display: block;
    margin: 5px auto; /* Added */
    float: none; /* Added */
    height:180px;
}

.card-college-text
{
    font-size:11px;
    padding-left: 15px;
    color:#4a4a4a;
    padding-right:10px;
    padding-bottom:5px;
}

.card-college-image
{
    width: 100%;
    margin-bottom: 6px;
    height:53px;
}
.card-faculty-image
{
    width: 100%;
    margin-bottom: 6px;
    height:53px;
}
.college-image
{
    margin-left: 9px;
    justify-content: space-between;
    margin-right: 10px;
    align-items: center;
}
.college-image-a
{
    height: 54px;
}
.college-image-b
{
    height: 50px;
}
.college-image-c
{
    height: 53px;
}
.college-image-d
{
    height: 56px;
}
.college-image-e
{
    height: 38px;
}
.college-image-f
{
    height: 65px;
    margin-bottom: -6px;
}
.student-image
{
    margin-left: 9px;
    justify-content: space-between;
    margin-right: 10px;
    align-items: center;
}
.student-image-a
{
    height: 49px;
}
.student-image-b
{
    height: 53px;
}
.student-image-c
{
    height: 47px;
}
.student-image-d
{
    height: 54px;
}
.student-image-e
{
    height: 40px;
}
.student-image-f
{
    height: 58px;
}

.industry-image
{
    margin-left: 9px;
    justify-content: space-between;
    margin-right: 10px;
    align-items: center;
}
.industry-image-a
{
    height: 53px;
}
.industry-image-b
{
    height: 55px;
}
.industry-image-c
{
    height: 69px;
}
.industry-image-d
{
    height: 54px;
}
.industry-image-e
{
    height: 53px;
}
.industry-image-f
{
    height: 58px;
}

.all-roles .active>a{
    background-color: #6456bf !important;
    color: #fff !important;
}

.all-roles{
    margin: 5% 0;
    display: flex;
    justify-content: center;
}
.dot-blue {
    height: 8px;
    width: 27px;
    background-color: #3385ff;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.student-dot-blue {
    height: 8px;
    width: 19px;
    background-color: #3385ff;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}

.industry-dot-blue {
    height: 8px;
    width: 27px;
    background-color: #3385ff;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}

.dot-red {
    height: 8px;
    width: 21px;
    background-color: #ff0000;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.student-dot-red {
    height: 8px;
    width: 25px;
    background-color: #ff0000;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}

.pr-0{
    padding-right: 0 !important;
}
.dot-green {
    height: 8px;
    width: 30px;
    background-color: #009900;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.student-dot-green {
    height: 8px;
    width: 11px;
    background-color: #009900;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.faculty-dot-green {
    height: 8px;
    width: 17px;
    background-color: #009900;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.industry-dot-green {
    height: 8px;
    width: 34px;
    background-color: #009900;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.faculty-dot-red {
    height: 8px;
    width: 17px;
    background-color: #ff0000;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.industry-dot-red {
    height: 8px;
    width: 30px;
    background-color: #ff0000;
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.dot-yellow {
    height: 8px;
    width: 19px;
    background-color: #e6e600; 
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}
.student-dot-yellow {
    height: 8px;
    width: 19px;
    background-color: #e6e600; 
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}

.industry-dot-yellow {
    height: 8px;
    width: 25px;
    background-color: #e6e600; 
    border-radius: 50%;
    margin-right: -5px;
    margin-left: 11px;
    margin-top: 3px;
}

.d-flex
{
    display:flex;

}
.college-affiliates
{
    margin-top:3%;
    border-radius: 4px;
    border: solid 1px #c9ccdf;
    padding: 1px;
    width: 22%;    
    color : #000000;
    display: block;
    width:100%;
    float: none; /* Added */
    height:125px;
}
.transform
{
    height:168px;
    background-color: #f5f6fa;
    padding-top:2%;
    margin-top: 25px;

}
.transform-jobs
{
    color : #7fc4ff;
    font-size:25px
}
.transform-internships
{
    color : #92df97;
    font-size:25px
}
.transform-projects
{
    color : #ff95af;
    font-size:25px
}
.transform-mentors
{
    color : #f9cd88;
    font-size:25px
}
.transform-investors
{
    color : #c6a1d5;
    font-size:25px
}
.borderless{
    border: none;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    display: table !important;
    margin: 0px 37px;
 }
 .no-border
 {
     border-bottom : none !important;
 }

.table td {
    border: none !important;
}
.cutting-edges-image
{
    width:100%;
    height:90%
}
.policy-size
{
    font-size:13px !important;
}
.unlock-bold{
    text-shadow: 2px 0 #2d1a1a;
    letter-spacing: 2px;
}
.cutting-edges-div
{
   
    color: #ffffff;
    background-image: url(../pix/uploads/lineBackground.png);
    padding: 9% 8%;
    text-align: left;
    height: 185px;
    background-position: center;
    background-size: cover;
}

.cutting-edges
{
   height:500px;
   /* border-bottom : solid 1px #979797; */
   padding:0px;
   
}
.prebook-card
{
    margin:0 auto;
    text-align:center;
    font-size:18px;
    background-image: url("../pix/uploads/line_2.png"); 
    background-size: cover;
    padding : 0 !important;
}
.prebook-card-popup
{
    width: 51%;
    margin-top: -9%;
    text-align: center;
}
.centered {
  position: absolute;
  font-size:19px;
  top: 0;
  left: 50%;
  transform: translate(-26%, -38%);
}
.underline
{
    border-bottom : solid 2px #003a76;
}

.advantage-font
{
    font-size: 2vw;
    margin-top: 7px;
}
.advantage-sub-font
{
    font-size: 1.5vw;
}

.prebook
{
    font-size:22px;
}

.footer-side-menu
{
    font-size:12px;
    margin-top:-10px;
}

.prebook-footer
{
    font-size:12px;
    margin-top:10px;
    padding-top:10px;
}

.prebook-footer-contactus
{
    font-size:12px;
    margin-top:10px;
    padding-top:10px;
    margin-left:24%;
    font-weight:bold;
}
.prebook-footer-sub-contactus
{
    font-size:12px;
    margin-top:10px;
    margin-left: -19px;
}

.prebook-another
{
    font-size:12px;
    margin-top:10px;
    margin-left: -54px;
}

.prebook-container
{
    margin-left:37%
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: #003a76 !important;
}
.small-letter
{
    font-size:18px;
}

.prebook-section-button
{
    
    border-color: #c9ccdf;
    background-color: #f4f5fa;
    color: #000000;
    border-radius:3px;
    font-size:12px;
    padding:0.5em 1em 0.5em 1em;
    margin:8px;
}

.container-center
{
    margin: 10px 25%; 
    width:80%
}

.container-center-adv
{
    width: 100%;
    display: flex !important;
    justify-content: center;
}

.btn-primary-outline {
    background-color: transparent;
    border-color: #9169db !important;
    color : #9169db !important;
    border-radius : 20px !important;
    margin-top:4% !important;
    padding: 8px 63px !important;
    font-size: 14px !important;

}


.link-color
{
    color:#252222 !important;
}
.nav-pills > li {
    float:none;
    display:inline-block;
    zoom:1;
}

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

.icon-color-f
{
    font-size:16px !important;
    color:#3b5998;
    margin: 0px 8px 0px 6px;
    height:13px;
    width:13px;
}

.icon-color-l
{
    font-size:16px !important;
    color:#0e76a8;
    margin: 0px 8px 0px 6px;
    height:13px;
    width:13px;
}

.icon-color-t
{
    font-size:16px !important;
    color:#00acee;
    margin: 0px 8px 0px 6px;
    height:13px;
    width:13px;
}

.icon-color-i
{
    font-size:16px !important;
    color:#C13584;
    margin: 0px 8px 0px 5px;
    height:13px;
    width:13px;
}


.college-image img{
    max-width: 92%;
    max-height: 97%;
}
.student-image img{
    max-width:100%;
    max-height:100%;
}
.industry-image img{
    max-width:100%;
    max-height:100%;
}

.sub-heading-privacy
{
    font-size: 16px !important;
    margin-top:10px;
}

.contact_us_banner
{
    height: 75%;
    width: 100%;
}
.contact-button{
    padding-left: 5px !important;
}
.sub-heading-contact
{
    font-size: 14px !important;
    margin-top: 10px;
}