div.profile-horizontal-nav2 {
    top: 40px;
}

#view-profile-link .user-pic {
    margin: auto;
    background: #fff;
}

#view-profile-link .profile-tabs .nav-link {
    padding: 10px;
    margin: 0 0;
    color: #173967;
    border-radius: 20px 20px 0 0;
    font-size: 16px;
    cursor: pointer;
}

#view-profile-link .profile-tabs .nav-link.active,
#view-profile-link .profile-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #0094d3;
}

#view-profile-link .personal-details {
    padding: 10px 15px;
    background-color: #f2fcff !important;
}

#view-profile-link .personal-details div {
    margin: 15px 0;
    display: flex;
    align-items: baseline;
}

.profile-info-section .personal-details span.profile-overview-email{
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-info-section {
    box-shadow: 0px 2px 2px #ddd;
    border-radius: 4px;
    border: 1px solid #eeee;
}

#view-profile-link .extra-activity, #view-profile-link .pro-stats-activity {
    box-shadow: 0px 0px 7px #eaeaea;
    border-radius: 4px;
    padding: 15px 15px 10px;
}

#view-profile-link .extra-activity .extra-act-inner div {
    margin: 15px 0;
}

#view-profile-link .extra-activity .extra-act-inner div p, #view-profile-link .pro-stats-activity .pro-stats-inner div p {
    margin: 0;
}

#view-profile-link .extra-activity h5 {
    padding: 10px 0;
    margin-bottom: 6px;
}

#view-profile-link .extra-activity .head-extra-acitvity {
    background-color: #0094d3 !important;
    border-radius: 4px 4px 0 0;
}

#view-profile-link .extra-activity .extra-act-sub-heading, #view-profile-link .pro-stats-activity .pro-stats-sub-heading {
    display: flex;
    width: 100%;
}

#view-profile-link .extra-activity .extra-act-sub-heading h6, #view-profile-link .pro-stats-activity .pro-stats-sub-heading h6 {
    width: 100%;
    margin-bottom: 6px;
    color: #173967;
    font-weight: 500;
    line-height: 18px;
    font-size: 14px;
    background-color: #e4efff;
    border-radius: 50px;
    padding: 5px 12px 5px 10px;
    justify-content: space-between;
}

/* #view-profile-link .extra-activity .extra-act-sub-heading h6 span, #view-profile-link .pro-stats-activity .pro-stats-sub-heading h6 span {
    background-color: #e4efff;
    border-radius: 50px;
    padding: 5px 5px;
    color: #173967;
    font-size: 14px;
    height: 30px;
} */

#view-profile-link .extra-activity .extra-act-sub-heading h6 span.extra-activity-list-count {
    /* background-color: #0094d3!important;
    width: 21px;
    display: block;
    height: 21px;
    text-align: center;
    margin-left: 3px;
    color: #fff;
    font-weight: 600;
    margin-top: 3px;
    line-height: 14px; */
    border-radius: 0 50px 50px 0;
}

a.view-details,
a.view-details:hover {
    color: #0094D3;
}

#view-profile-link .extra-activity .extra-act-sub-heading p, #view-profile-link .pro-stats-activity .pro-stats-sub-heading p {
    width: 50%;
    margin-bottom: 6px;
    color: #0094D3;
    font-weight: 500;
    text-decoration: underline;
    text-align: right;
    font-size: 14px;
}

.rl-sprt {
    margin: 0 !important;
}

#view-profile-link .extra-activity .rl-sprt h5 {
    padding: 6px 0;
    margin-bottom: 2px;
}

.extra-act-inner, .pro-stats-inner {
    border-bottom: 1px solid #e8e8e8;
}

.pro-stats-inner {
    padding-bottom: 17px;
}

.extra-act-inner:last-child, .pro-stats-inner:last-child{
    border-bottom: none;
}

ul.life-story-horizontal-nav li {
    list-style-type: none;
    padding: 0px 13px;
    cursor: pointer;
}

.profile-preiview-custums ul.life-story-horizontal-nav li a {
    font-size: 14px;
}

ul.life-story-horizontal-nav li a {
    color: #ffffff !important;
    padding: 10px 2px;
}

.life-story-education {
    border-radius: 6px;
}

.section-head {
    border-radius: 4px 4px 0 0;
}

.card-header .title {
    font-size: 17px;
    color: #000;
}

.card-header .accicon {
    float: right;
    font-size: 20px;
    width: 1.2em;
}

.card-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}

.accordion.act-sat .card-header {
    background-color: #ffffff;
    border: 1px solid #ddd;
}

.subject-body {
    padding: 10px 25px;
}

.subject-body .subject-list li {
    list-style-type: square;
    margin-bottom: 8px;
}

.subject-header {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 10px;
    border-bottom: 0;
}

.item-wrapper {
    margin: 0 0px;
}

.profile-story-summary {
    padding: 0px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 7px #eaeaea;
}

.profile-story-summary .about-title-blk {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: sticky;
    top: 45px;
    background-color: #f2fcff;
    z-index: 2;
}

.right-view-details {
    margin-top: 15px;
}

.right-view-details a,
.right-view-details a:hover {
    color: #0094d3 !important;
    cursor: pointer;
}

.right-view-details a:hover {
    border-bottom: 1px solid;
}

.profile-info-section .personal-details span {
    font-size: 15px;
    font-weight: normal;
    color: rgb(34, 67, 113);
}

.profile-info-section .personal-details div i.fa {
    color: #173967;
}

.profile-story-summary .accordion.act-sat .card-header {
    padding: 5px 15px;
}

.profile-details {
    margin: 0px 0px 50px;
}

.subject-header .title {
    color: #000;
    font-size: 15px;
}

.accordion.act-sat .card-header .title {
    font-size: 16px;
}

#view-profile-link h5 {
    font-size: 16px;
}

@media screen and (min-width:1280px) and (max-width:1420px) {
    #view-profile-link .extra-activity .extra-act-sub-heading h6, #view-profile-link .pro-stats-activity .pro-stats-sub-heading h6 {
        width: 100%;
        margin-bottom: 6px
    }

    a.view-details {
        font-size: 14px;
    }
}

@media screen and (max-width:1280px) and (min-width:992px) {
    #view-profile-link .user-pic {
        border-radius: 100%;
        position: relative;
        top: 1px;
    }

    #view-profile-link .extra-activity .extra-act-sub-heading h6, #view-profile-link .pro-stats-activity .pro-stats-sub-heading h6 {
        width: 100%;
        margin-bottom: 6px
    }

    #view-profile-link .extra-activity .extra-act-sub-heading p, #view-profile-link .pro-stats-activity .pro-stats-sub-heading p {
        text-align: right;
    }

    a.view-details {
        font-size: 14px;
    }

    /* #view-profile-link .extra-activity .extra-act-sub-heading, #view-profile-link .pro-stats-activity .pro-stats-sub-heading {
        display: block;
    } */

    #view-profile-link .extra-activity .extra-act-inner {
        padding: 0;
    }

    .profile-info-section .personal-details span {
        font-size: 12px;
        font-weight: normal;
        color: #000;
    }

    #view-profile-link .personal-details {
        padding: 10px 10px;
        background-color: #f2fcff !important;
    }

    #view-profile-link .extra-activity .rl-sprt h5 {
        padding: 10px 0 0;
        margin-bottom: 3px;
        font-size: 14px;
    }

    .student-gallery {
        width: 100%;
        height: 275px;
    }

    .porfile-container {
        width: 100%;
        padding: 0px 0% 0%;
    }

    .snapshot-col {
        height: 150px;
    }

    .item-wrapper {
        margin: 0 -10px;
    }
}

@media screen and (max-width:992px) {
    .section-head {
        margin-bottom: 0;
    }

    .card-body, .high-sch-plan {
        padding: 10px!important;
    }

    #view-profile-link .card-section-pro-stats .pro-stat-table{
        margin: 20px 0px 0!important;
    }

    .pro-stats-view .snapshot-text {
        min-height: 50px;
    }

    #view-profile-link .pro-stat-table {
        margin: 10px 8px 0px 8px;
    }

    .snapshot-col {
        min-height: auto;
    }

    .left-section-col {
        padding: 0;
    }

    .user-name.who-am-i-name.life-story-nav-bar-user-name {
        display: block;
        margin-bottom: 10px;
    }

    .item-wrapper {
        margin: 15px 0px;
    }

    ul.life-story-horizontal-nav {
        display: none;
    }
    .profile-details-section .lifestory-content {
        padding: 0 0px!important;
    }
    .activites-blk:before, .activites-blk::after{
        display: none;
    }
    .activites-blk {
        padding-left: 0px!important;
        padding-bottom: 0px!important;
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
    }
    .activites-blk:last-child{
        margin-bottom: 0;
    }
}

@media screen and (max-width:767px) {
    .left-section-col {
        padding: 14px;
    }

    .courses-col {
        padding: 0px 15px;
        margin: 8px 0;
    }

    footer {
        padding-left: 18px;
    }
}

@media screen and (max-width:560px) {
    ul.nav.nav-tabs.profile-tabs.mb-3 {
        justify-content: center;
        padding: 0 !important;
        margin: 0 !important;
    }

    #view-profile-link .profile-tabs .nav-link {
        padding: 10px 0px;
        margin: 0 1px;
        font-size: 15px;
    }

    .accordion.act-sat {
        margin: 10px 0;
    }
}

@media screen and (max-width:470px) {
    #view-profile-link .profile-tabs .nav-link {
        font-size: 12px;
    }
    .courses-blogs{
        margin-bottom: 10px;
    }
    .courses-blogs-2 {
        padding: 0px 0 13px 13px;
    }
    .courses-list ul {
        padding: 1px 15px !important;
    }
}

.student-gallery-priview {
    background: linear-gradient(90deg, rgba(23, 57, 103, 1) 0%, rgba(0, 148, 211, 1) 100%);
    height: 370px;
}

#view-profile-link .user-pic-preview {
    margin-top: -45px;
}

.preview-hero-section {
    box-shadow: 0px 0px 5px;
    border-radius: 40px 40px 5px 5px;
}

.preview-user-details-top {
    padding: 0px 10px 20px;
    margin-bottom: 30px;
}

.who_am_i.circle img {
    background-color: #fff;
}

.heroSlider-fixed {
    max-width: 100vw;
}

.preview-gallery-heading {
    text-align: center;
    color: #fff;
    padding: 8px 0 15px;
}

.box-heading h6 {
    font-weight: 600;
    color: #173967;
    font-size: 18px;
}

span.box-heading-border {
    border-bottom: 4px solid #0094d3;
    border-radius: 6px;
    margin: 5px 0 0;
    line-height: 0;
    height: 0;
    display: block;
    width: 93px;
}

.profile-header {
    padding-top: 0;
    padding-bottom: 0;
}

.profile-tabs {
    background: #fafafa;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
}

#view-profile-link .profile-tabs .nav-item {
    width: 50%;
}

.bg-light-blue {
    background-color: #f2fcff;
}

.profile-grade {
    font-weight: 600;
    font-size: 22px;
}

p.user-preview-location {
    color: #224371;
    font-size: 15px;
}

.courses-blogs {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 28px;
    box-shadow: 0 0 20px #e1e1e1;
}

.bhp-courses-blogs {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
    box-shadow: 0 0 20px #e1e1e1;
    padding: 0px 20px 20px 20px;
    overflow-y: auto;
    max-height: 240px;
}
.bhp-courses-blogs ul.desired-programs li{
    font-size: 15px;
    font-weight: 600;
}
.height-fixed{
    overflow-y: auto;
    max-height: 240px;
}

.courses-blogs-2 {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 28px;
    box-shadow: 0 0 20px #e1e1e1;
    border-left: 12px solid #0094d3;
    padding: 0px 4px 3px 6px;
    overflow-y: auto;
}

.courses-blog-border-color{
    border-left: 12px solid #0094d35c;
}

.student-img-gallery img{
    height: 255px;
}

.courses-row .courses-blogs-2{
    min-height: 110px;
    overflow-y: auto;
    height: 180px;
}

.courses-blogs .course-title {
    background-color: #0094d3;
    color: #fff;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
    padding: 7px;
}

.courses-blogs .courses-number {
    font-size: 20px;
    padding: 10px 0 5px;
    font-weight: 600;
    color: #525252;
}

.education-school-ul li .row > div {
    margin-bottom: 26px;
}

.courses-list ul {
    padding-left: 16px;
}

.courses-list ul li {
    list-style-type: disc;
}

.course-sub-heading {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    margin-bottom: 2px;
    position: sticky;
    top: 0;
    background: #fff;
    padding: 8px 0 10px;
}

.card-section {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    margin: 0 40px;
}

.subject-title {
    font-weight: 600;
    color: rgb(34, 67, 113);
    font-size: 22px;
    margin: 0 40px 20px;
}

.card-section p {
    margin-bottom: 0;
}

.experience-left-dots li {
    position: relative;
    padding-bottom: 30px;
}

.experience-left-dots li:last-child {
    margin-bottom: 0;
}

.experience-left-dots li::before {
    content: "";
    padding: 4px;
    background: white;
    border: 3px solid #0094d3;
    position: absolute;
    left: -40px;
    border-radius: 50px;
    top: 11px;
    z-index: 1;
}

.experience-left-dots li::after {
    content: "";
    position: absolute;
    top: 13px;
    border-left: 2px solid #BDBDBD;
    height: 100%;
    left: -35px;
}

.experience-left-dots li:last-child::after {
    border-left: none;
    background: #fff;
    min-height: 44px;
}

.experience-left-dots p {
    color: #b4b4b4;
}

.location-blog {
    line-height: 52px;
    display: flex;
    align-items: center;
}

.location-blog i {
    color: #0094d3;
    font-size: 20px;
}

.location-blog span {
    color: #4a4a4a;
}

.experience-left-dots {
    margin-bottom: 0;
}

.bhp-degree {
    font-size: 16px;
    color: gray;
}

.bhp-degree strong {
    color: #000;
}

.bhp-courses-blogs .courses-intrested div span {
    background-color: #e4efff;
    border-radius: 50px;
    padding: 5px 11px;
    color: #173967;
    font-weight: 600;
}

.bhp-courses-blogs .courses-intrested>div {
    margin-bottom: 10px;
}

.bhp-courses-list ul {
    padding: 0;
}

.bhp-courses-list ul li {
    padding-bottom: 4px;
}

.bhp-courses-list ul li strong {
    color: #000;
}

.academics-score ul {
    padding: 0;
}

.college-major-minor ul {
    padding: 0 16px;
}

.college-major-minor ul li {
    list-style: disc;
}

.academics-score ul li strong {
    color: #000;
}

.academics-score-essay ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.profile-overview-section{
    top: 10px;
    overflow-y: auto;
    max-height: 94vh;
    padding: 0 10px 0 2px;
}

.open-menu-nav {
    font-size: 17px;
    border: 1px solid;
    padding: 5px 7px;
    border-radius: 5px;
}

.mobile-open-menu-nav{
    display: none;
}

.profile-header a:hover {
    text-decoration: underline;
}

.profile-lite-top-sticky{
    position: sticky;
    top: 0;
    z-index: 999;
}
ul.life-story-horizontal-nav li{
    border-bottom: none;
}
.profile-summary-who-am-i-section .profile-details {
    background: transparent;
    padding: 0px!important;
    margin-bottom: 0px;
}
.profile-summary-who-am-i-section .about-text {
    font-size: 16px;
    color: #868686;
}
.card-body, .high-sch-plan {
    padding-bottom: 40px;
}
.profile-summary-who-am-i-section .who-am-title{
    display: none;
}
@media screen and (max-width:992px) {
    .card-section {
        padding: 20px;
        margin: 0;
    }

    .courses-list ul {
        padding: 0 16px !important;
    }

    .courses-blogs-2 {
        padding: 0px 0 13px 13px;
    }

    .subject-title {
        margin: 4px 3px 18px;
        font-size: 16px;
    }

    .experience-left-dots li::after {
        display: none;
    }

    .experience-left-dots li::before {
        left: -22px;
        display: none;
    }

    .location-blog {
        line-height: 30px;
    }

    .profile-preview-user-details {
        text-align: center;
    }

    .profile-preview-user-details .profile-grade {
        display: block!important;
        font-size: 17px;
        margin-bottom: 18px;
        text-align: center;
    }

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

    .profile-preview-section .view-profile-top-nav {
        text-align: center !important;
    }

    .highschool-beyond-plan-section > div .col-md-6, .college-beyond-plan-section > div .col-md-6{
        margin-bottom: 20px;
    }
    .year-info{
        margin-left: 0;
    }
    .profile-details-section .view-profile-academics {
        padding: 15px 7px;
    }
    .profile-details-section .card > div .card-body ul li div.undercontent, .profile-details-section .card > div ul li div.undercontent {
        padding: 9px;
    }
    .mobile-open-menu-nav{
        display: block;
    }
    #view-profile-link .profile-tabs .nav-link{
        font-size: 14px;
    }
    #view-profile-link .extra-activity{
        padding: 13px;
    }
}

@media screen and (min-width:576px) {
    .profile-preview-user-details .profile-grade, .profile-preview-user-details{
        text-align: left;
    }
}
@media screen and (min-width:768px) {
    .profile-info-section .personal-details span.profile-overview-email{
        white-space: nowrap;
        width: 18vw;
        display: block;
    }
}
@media (min-width: 320px) and (max-width: 480px){
    .college-major-minor ul {
        padding: 0 16px!important;
    }
    .con-txt {
        line-height: 32px;
    }
}
@media (min-width: 769px) and (max-width: 792px){
    div.profile-horizontal-nav2 {
        top: 70px;
    }
}
@media (min-width: 561px) and (max-width: 768px){
    div.profile-horizontal-nav2 {
        top: 40px;
    }
}
@media (min-width: 470px) and (max-width: 560px){
    div.profile-horizontal-nav2 {
        top: 36px;
    }
}

@media (min-width: 320px) and (max-width: 469px){
    .student-gallery-priview{
        height: 330px;
    }
}
@media (min-width: 320px) and (max-width: 362px){
    div.profile-horizontal-nav2 {
        top: 60px;
    }
}
@media (min-width: 768px) and (max-width: 1510px){
    #view-profile-link .extra-activity, #view-profile-link .pro-stats-activity{
        padding: 6px 7px 10px;
    }
}
.color-light-gray{
    color: #868686;
}
.line-height-25px{
    line-height: 25px;
}
.tab-content hr{
    display: none;
}
.activites-blk {
    padding-left: 30px;
    position: relative;
    padding-bottom: 50px;
}
.activites-blk:last-of-type:before {
    border-left: none;
}
.activites-blk::after {
    content: "";
    padding: 4px;
    background: white;
    border: 3px solid #0094d3;
    position: absolute;
    left: -7px;
    border-radius: 50px;
    top: 8px;
    z-index: 1;
}
.activites-blk:before {
    content: "";
    position: absolute;
    top: 9px;
    border-left: 2px solid #BDBDBD;
    padding-left: 20px;
    padding-bottom: 50px;
    height: 100%;
    left: -2px;
}
.slick-dots button {
    width: 0.7rem;
    height: 0.7rem;
}
/* Pro stats */
#view-profile-link .pro-stats-profile-view{
    border: none;
}
#view-profile-link .pro-stat-table{
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}
#view-profile-link .pro-stats-view .pro-stats-video .img-fluid {
    border-radius: 9px;
    height: 96px;
}

#view-profile-link .pro-stats-view .pro-stats-video .img-fluid-video {
    width: 100%;
    height: 167px
}

.profile-summary-pro-stats-section .pro-stats-profile-view .pro-stat-table > .col-12{
    padding: 0;
}
#view-profile-link .card-section-pro-stats .pro-stat-table {
    border: none;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    margin: 20px 40px 0;
}
.profile-summary-pro-stats-section .pro-stats-profile-view .title-bg1 {
    background-color: #0094d3;
    color: #fff;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
    padding: 7px;
    font-weight: 400;
}
.profile-summary-pro-stats-section .pro-stats-profile-view .snapshot-col {
    flex: auto;
    text-align: center;
    margin: 6px;
    border-radius: 8px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 13px;
    box-shadow: 0 0 20px #e1e1e1;
}
.profile-summary-pro-stats-section .pro-stats-profile-view .snapshot-text .big, .profile-summary-pro-stats-section .pro-stats-profile-view .snapshot-text p {
    margin: 0;
    padding: 0px;
}
.profile-summary-pro-stats-section .pro-stats-view-header {
    padding: 5px 0px;
}
.total-score-section {
    padding: 0;
    align-items: center;
    min-height: 185px;
    border-left: 12px solid #0094d35c;
    border-radius: 10px;
}
.flex-center{
    align-items: center;
    display: flex;
}
.heading-sticky{
    position: sticky;
    top: 0;
    padding: 19px 0 6px;
    background: #fff;
}
a.load-more-option {
    color: #0094d3;
    text-align: right;
    display: block;
}
span.internship-view-more, span.volunteering-view-more {
    color: #0094d9;
    text-decoration: underline;
    cursor: pointer;
}
.academics-div-change p{
    font-size: 20px;
    padding: 10px 0 5px;
    font-weight: 600;
}

.high-scholl-scroll-arrow-show:after {
    font-family: 'fontAwesome';
    content: "\f106";
    margin-left: 10px;
}
.collapsed .high-scholl-scroll-arrow-show:after {
    font-family: 'fontAwesome';
    content:"\f107";
}
@media (min-width: 992px) and (max-width: 1271px){
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}
@media (min-width: 820px) and (max-width: 1180px){
    .col-md-4{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-md-8{
        flex: 0 0 60%;
        max-width: 60%;
    }
    .subject-title {
        margin: 4px 20px 18px;
    }
}
.personal-details > div i.fa {
    width: 22px;
    text-align: center;
}
.view-profile-top-nav button.btn.fact-about, button.btn.fact-about:hover {
    text-decoration: underline!important;
}
.profile-overview-major-list li{
    margin-left:35px;
}
.profile-overview-major-list li.degree-name{
    margin-left:23px !important;
}
.total-count-round {
    background-color: #0094d3 !important;
    width: 28px;
    height: 28px;
    text-align: center;
    margin-left: 3px;
    color: #fff;
    font-weight: 100;
    display: inline-block;
    border-radius: 50px;
    font-size: 18px;
    line-height: 30px;
}