.text16n {
    color: #121112;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.text14b {
    font-size: 14px;
    font-weight: 700;
    line-height: 125%;
}

.pointer {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase;
}

.textRed {
    color: var(--red);
}

.allMentorPage {
    width: 100%;

    .headingCommon {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .headingCommon .leftSideHeading {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .headingCommon .rightSideHeading {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .whiteBoxWrapper {
        border-radius: 8px;
        background: var(--white);
        padding: 20px;

        .whiteBoxHeading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            border-bottom: 1px solid #EEE;
            padding-bottom: 12px;

            .text14b {
                text-transform: uppercase;
                color: #404040;
            }

            .text13n {
                color: #0052CC;
                line-height: 120%;
            }
        }

        .whiteBoxBody {
            padding-top: 20px;
        }
    }

    .filterWrapperBlock {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        /* display: grid; */
        /* grid-template-columns: repeat(4, 1fr); */

        .multiSelectBlockCustom {
            /* width: 100% !important; */
            min-width: 225px;
        }
    }

    .filterWrapperBlock:last-child {
        max-width: 250px;
    }

}

.multiSelectBlockCustom {
    .rmsc .dropdown-heading {
        border: none;
        height: auto;
        padding: 0;
    }

    .rmsc .dropdown-container:focus-within {
        border: none;
        background-color: var(--white);
        box-shadow: unset;
    }

    .rmsc .dropdown-container {
        border: none;
        border-radius: unset;
        background-color: unset;
        cursor: pointer;
    }

    .rmsc .dropdown-heading {
        cursor: pointer;
    }

    .rmsc .dropdown-content {
        min-width: 200px;
    }

    .multiSelect__multi-value {
        color: #0052CC !important
    }
}

.overFlowHeight {
    overflow-y: auto;

    &::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
}

.tableinner .nameHover {
    transition: .3s;
}

.tableinner .nameHover:hover {
    color: var(--blue);
}

.calenderDateRange {

    .rs-input-group:focus-within,
    .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
    .rs-input-group:not(.rs-input-group-disabled):hover {
        outline: none;
        border: none;
        box-shadow: unset;
    }

    .rs-input-group {
        border: none;
        padding: 0;
    }

    .rs-input {
        padding: 0;
    }

    .rs-input-group.rs-input-group-inside .rs-input {
        max-width: 195px;
    }

    .rs-btn-close:focus,
    .rs-btn-close:hover {
        color: var(--black);
    }

    .rs-btn-close:focus svg path,
    .rs-btn-close:hover svg path {
        stroke: var(--black);
    }

    .rs-input-group.rs-input-group-inside .rs-input-group-addon {
        padding: 0;
    }
}

.headerDividerBlock {
    background: var(--white);
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 10;

    .Navleft img {
        transition: .3s;
    }

    .Navleft:hover img {
        transform: translateX(-4px);
    }

}


.mainWrapper.paddingTop0 {
    padding: 0;
}

.createAllMentorPage {
    width: 100%;
}

.blockDivideMentorCreate {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 20px;

    .leftMentorProfile {
        border-radius: 15px;
        background: var(--white);
        width: 100%;
        max-width: 300px;
        padding: 20px;
        position: sticky;
        top: 76px;
        left: 0;
    }

    .rightMentorProfile {
        width: 100%;
        max-width: calc(100% - 324px);
        border-radius: 15px;
        background: var(--white);
        padding: 20px;
    }

    .createMentorTab1 {
        width: 100%;
    }

    .borderHeaderLineBlock {
        border-top: 1px solid #EEE;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-top: 30px;
        margin-top: 24px;
    }

    .stepperBlock {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .blockIconStepper {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        transition: .3s;
    }

    .blockIconStepper p {
        color: #404040;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        cursor: pointer;
    }

    .blockIconStepper::before {
        content: '';
        position: absolute;
        left: 24px;
        top: 50px;
        border-left: 1px dotted #A3A3A3;
        height: calc(100% + 10px);
        width: 1px;

    }

    .blockIconStepper:last-child:before {
        content: unset;
    }

    .stepperBoxIcon {
        border-radius: 5px;
        background: rgba(82, 67, 170, 0.05);
        width: 50px;
        height: 50px;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blockIconStepper.active .stepperBoxIcon {
        background: #5243AA;
    }

    .blockIconStepper.greenActive .stepperBoxIcon {
        background: #00875A !important;
    }

    .blockIconStepper.active .stepperBoxIcon svg path {
        stroke: var(--white);
    }

    .blockIconStepper.greenActive .stepperBoxIcon svg path {
        stroke: var(--white);
    }
}

.imageUploadProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;

    .imageDummyBox {
        position: relative;
        width: max-content;
        cursor: pointer;

        .imageEditIcon {
            position: absolute;
            top: -23px;
            right: -24px;
            z-index: 1;
            transition: .3s;
        }

        .imageEditIcon2 {
            position: absolute;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 0;
            width: 30px;
            height: 30px;
            background: #fff;
            border-radius: 50%;
        }
    }

    .imageName {
        color: #E53935;
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
    }

    .imageDummyBox input {
        display: none;
    }

    .imageDummyBox:hover .imageEditIcon {
        transform: translate(-4px, 4px);
    }

    .profileIcon {
        height: 100px;
        width: 100px;
        border-radius: 6px;
        overflow: hidden;
        object-fit: cover;
        object-position: center;
    }
}

.columnOneGap18 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 18px;
}

.columnTwoGap18 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.columnThreeGap18 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.uploadFileBlock {
    height: 44px;
}

.borderLine {
    border-top: 1px solid #EEE;
    width: 100%;
    margin: 20px 0;
}

.addMoreButtonBlock {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;

    .addmoreBtn {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #0052CC;
        font-size: 13px;
        font-weight: 400;
        line-height: 120%;
        border: none;
        background: transparent;
    }
}

.createMentorTab5 {
    width: 100%;

    .headingBorderBlock {
        border-bottom: 1px solid #DADADA;
        padding-bottom: 8px;
    }

    .profilePhotoBlock {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 16px 0;

        span {
            color: #5A5A5A;
            font-size: 14px;
            font-weight: 500;
            line-height: 125%;
        }

        .profileImage {
            width: 100px;
            height: 100px;
            object-fit: cover;
            object-position: center;
            overflow: hidden;
        }

    }

    .detailBlockData {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .tagBLockWrapInfo {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .tagBLockWrapInfo .tagBlockInfo {
        color: #0052CC;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        padding: 4px 7px;
        border-radius: 3px;
        background: rgba(0, 82, 204, 0.10);
    }

    .detailBlockData h3 {
        color: #5A5A5A;
        font-size: 14px;
        font-weight: 500;
        line-height: 125%;
    }

    .detailBlockData p {
        color: #848484;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
    }

    .linkUnderline {
        text-decoration-line: underline;
        text-decoration-style: solid;
    }
}

.blockDetailVertical {
    width: 100%;
    width: 100%;
    max-width: calc(100% - 324px);
    display: flex;
    flex-direction: column;
    gap: 16px;

    .rightMentorProfile {
        max-width: 100%;
    }
}

.sampleBlockFile {
    border-radius: 8px;
    border: 1px solid #EEE;
    background: var(--white);
    padding: 8.5px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    max-width: 332px;

    .fileDs {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .fileDsContent {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .fileDsContent h4 {
        color: #683FC3;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
    }

    .fileDsContent span {
        color: #A3A3A3;
        font-size: 8px;
        font-weight: 400;
        line-height: 8px;
    }

    .iconWrapFileBox {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .borderRightFile {
        border-right: 1px solid #EEE;
        padding-right: 8px;
    }
}

.whiteBlock {
    border-radius: 10px;
    border: 1px solid #E7E7E7;
    background: var(--white);
    padding: 20px;
}

.colGap16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.colGap14 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}

.colGap24 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.inputWrapBlock {
    width: 100%;

    .disabled .checkmark {
        cursor: no-drop;
        background: #e6e4e4;
        border-color: #adadad;
    }

    .disabled .radioText {
        cursor: no-drop;
        opacity: .5;
    }

}

.labelText {
    color: #121112;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}

.engagementFooterWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 16px;
}

.twoColGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 16px;
}


@media (max-width: 768px) {
    .blockDivideMentorCreate {
        flex-direction: column;

        .leftMentorProfile {
            max-width: 100%;
            padding-bottom: 0;
            z-index: 10;
            top: 40px;
        }

        .stepperBlock {
            flex-direction: row;
            overflow-x: auto;
        }

        .blockIconStepper::before {
            content: unset;
        }

        .blockIconStepper {
            padding-bottom: 20px;
        }

        .blockIconStepper p {
            min-width: max-content;
        }

        .rightMentorProfile {
            max-width: 100%;
        }

        .rightMentorProfile .columnThreeGap18 {
            grid-template-columns: repeat(1, 1fr);
        }
    }


    .mainWrapper.paddingTop0 {
        height: auto;
        max-height: unset;
    }
}

.css-1n6e4qn-placeholder {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rowGap16 {
    display: flex;
    align-items: center;
    gap: 16px;
}

.profilePersonDetail {
    border-radius: 8px;
    border: 1px solid #E7E7E7;
    background: #FAFAF9;
    padding: 16px;
    width: 100%;

    .detailMentorHeader {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .masterHeadingBox {
        border-bottom: 1px solid #E7E7E7;
        padding-bottom: 16px;
    }

    .textHeading {
        color: #101010;
        font-size: 14px;
        font-weight: 600;
        line-height: 140%;
    }

    .masterBodyDetails {
        padding: 16px 0;
    }

    .blockDetailsWrap {
        display: flex;
        flex-direction: column;
        gap: 12px;

        .headingData {
            color: #737373;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
        }

        .valueData {
            color: #121112;
            font-size: 13px;
            font-weight: 500;
            line-height: 20px;
        }
    }

    .colGridTwo {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

.faceBook svg path {
    transition: .3s;
}

.faceBook svg:hover path:nth-child(1) {
    fill: var(--blue);
}

.twitter svg path {
    transition: .3s;
}

.twitter svg:hover path {
    fill: var(--blue);
}

.instagram svg path {
    transition: .3s;
}

.instagram svg:hover path {
    fill: rgb(216, 90, 239);
}

.linkedIn svg path {
    transition: .3s;
}

.linkedIn svg:hover path {
    fill: var(--blue);
}

.whiteWrapperBlock {
    border-radius: 10px;
    background: var(--white);
    /* padding: 16px */
}

.lineClamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tableWrapper .g-Tag {
    text-transform: capitalize;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.flexcol {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.linkedIn {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 11px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #0052CC;
    cursor: pointer;
}

.accordionHeading {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 8px;
}

.statusTag {
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 120%;
}

.customSelect__single-value {
    width: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.customSelect__menu-list {
    max-height: 200px !important;
}

.sideMenuBody .customSelect__menu-list {
    max-height: 150px !important;
}

.sideMenuBody .rmsc .options {
    max-height: 213px;
}

.timeLineMainBlock{
    display: flex;
    flex-direction: column;
    gap: 4px;

    .leftSideTimelineBlock{
        display: flex;
        gap: 4px;
        align-items: center;
    }

    .timelineText{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #737373;
    margin-top: 4px;
}
}

.activityGuideline{
    width: 100%;
    padding: 0 20px 20px 20px;
    padding-left: 85px;

    p{
        font-size: 12px;
        font-weight: 500;
        line-height: 120%;
        font-style: italic;
        cursor: default;

        .nameText{
            font-weight: 700;
        }

        .time{
            font-size: 10px;
            color: #737373;
        }
    }
}