@media (min-width:320px) {
    .exp_jobs {
        margin-top: 74px;
        margin-bottom: -71px;
    }
    .descr {
        width: 100%;
        text-align: -webkit-center;
    }
    /* .program_detail_icons{
    margin-right: 30px;
} */
}
@media (min-width:480px) {
    .exp_jobs {
        margin-top: 74px;
        margin-bottom: -71px;
    }
    .descr {
        width: 100%;
        text-align: -webkit-center;
    }
    /* .program_detail_icons{
        margin-right: 30px;
    } */
}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .exp_jobs {
        margin-top: 74px;
        margin-bottom: -71px;
    }
    .descr {
        width: 100%;
        text-align: -webkit-cener;
    }
    .edit-link .bi-pencil-fill,
    .edit-link .bi-trash-fill {
        padding: 0;
    }
    /* .program_detail_icons{
        margin-right: 30px;
        background-color: #18b381;
        color: white;
        padding: 7px 0;
    } */
    .box-program img {
        border-radius: 20px 20px 0 0;
    }
    .courseblk .card-img img {
        max-height: inherit;
    }
    .ifrma_tutoral {
        margin: 2% auto;
        width: 100%;
        height: 229px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .descr {
        width: 100%;
        text-align: -webkit-cener;
    }
    .box-program img {
        border-radius: 20px 20px 0 0;
    }
    .courseblk .card-img img {
        max-height: inherit;
    }
    .ifrma_tutoral {
        margin: 2% auto;
        width: 100%;
        height: 229px;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .copy {
        color: white;
        cursor: pointer;
        display: inline;
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .descr {
            width: 100%;
            text-align: -webkit-left;
        }
        /* #detail{
        margin-top: -72px;
    } */
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .descr {
            width: 100%;
            text-align: -webkit-left;
        }
        /* #detail{
        margin-top: -72px;
    } */
    }
    .edit-profile {
        display: block !important;
        text-align: end;
        color: #837963;
        font-size: 18px;
        margin-top: 17px;
        position: relative;
        bottom: -37px;
    }
    .edit {
        display: contents;
    }
    .search-div {
        text-align: -webkit-center;
        margin-top: 26px;
    }
    .company-image {
        width: 127px;
    }
    /* .section-title i {
    margin: 0 5px;
    padding: 0 5px;
} */
    /* .section-title a i {
    color: #cf993a;
} */
    .personalskill .bi-trash-fill {
        color: red;
    }
    .personalskill .bi-pencil-fill {
        color: #cf993a;
    }
    .personalskill a:hover {
        opacity: 0.7
    }
    .bi-pencil-fill {
        color: #cf993a !important;
    }
    .bi-trash-fill,
    .bi-pencil-fill,
    .bi-plus-circle-fill {
        display: none2;
    }
    .edit_profile {
        color: #cf993a !important;
        font-size: 16px;
        margin: 13px;
    }
    .note-editing-area {
        min-height: 300px;
    }
    .alumni-image {
        max-height: 212px;
        height: 213px;
        width: -webkit-fill-available;
    }
    /* .download-card:hover {
        background-color: #0d8369;
        color: white;
    } */
    .card-title>a {
        color: inherit !important;
    }
    .program {
        border-radius: 10px;
        padding-bottom: 20px;
        border: 3px solid #3ab18b;
        padding: 26px;
        height: 105%;
        margin-bottom: -22px;
        margin-left: -19px;
        margin-right: -14px;
    }
    .program>img {
        padding-top: 13px;
        height: 300px;
        width: -webkit-fill-available;
    }
    .program:hover {
        background: #cf993a;
    }
    /* 
.apply-btn .btn-read-more, .newjob-btn .btn-read-more {
    background: #3ab18b;
    font-size: 14px;
    transition: all 0.4s;
} */
    /* .program_icons {
    margin: 8px;
    font-size: 19px;
    color: white;
    background-color: #d9ad61;
    padding: 5px 9px;
        border-radius: 17px;
} */
    .image_view {
        width: -webkit-fill-available;
        border: 4px solid #0d8369;
    }
    img.image_view:hover {
        opacity: 0.7;
    }
    .blog-small-content {
        min-height: 125px;
    }
    .fit-content {
        width: fit-content;
        margin: 5px;
    }
    /* moved from html pages */
    .bi-star {
        font-size: 20px;
        margin-right: 15px;
    }
    i.bi.bi-star-fill:hover {
        color: gold;
    }
    .star-form {
        display: contents;
    }
    .company-logo {
        text-align: -webkit-center;
        vertical-align: baseline;
    }
    /* .company-logo a img {
        width: 100px;
    } */
    .company-logo a,
    .company-logo img {
        float: initial;
        text-align: inherit;
        margin-bottom: 15px;
    }
    /*  toggel css  */
    input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }
    .label {
        cursor: pointer;
        text-indent: -9999px;
        width: 56px;
        height: 32px;
        background: grey;
        display: block;
        border-radius: 21px;
        position: relative;
        display: -webkit-inline-box;
    }
    .label:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 4px;
        width: 23px;
        height: 23px;
        background: #fff;
        border-radius: 24px;
        transition: 0.3s;
    }
    input:checked+label {
        background: #0d8369;
    }
    input:checked+label:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }
    .label:active:after {
        width: 23px;
    }
    .header {
        text-align: center;
        padding: 32px;
    }
    .row {
        display: -ms-flexbox;
        IE10 */ display: flex;
        -ms-flex-wrap: wrap;
        /* IE10 */
        flex-wrap: wrap;
        padding: 0 4px;
    }
    /* Create four equal columns that sits next to each other */
    .column {
        -ms-flex: 25%;
        /* IE10 */
        flex: 25%;
        max-width: 25%;
        padding: 0 4px;
    }
    .column img {
        margin-top: 8px;
        vertical-align: middle;
        width: 100%;
    }
    /* Responsive layout - makes a two column-layout instead of four columns */
    @media screen and (max-width: 800px) {
        .column {
            -ms-flex: 50%;
            flex: 50%;
            max-width: 50%;
        }
    }
    /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 600px) {
        .column {
            -ms-flex: 100%;
            flex: 100%;
            max-width: 100%;
        }
    }
    /* .program_detail_icons {
    background-color: white;
    color: black;
    padding: 7px 0;
}
.program_icons {
    margin: 8px;
    font-size: 19px;
    color: white;
    background-color: #d9ad61;
    padding: 4px 9px;
    border-radius: 21px;
} */
    /* 
.oop_name {
    height: 57px !important;
    overflow: hidden;
    font-size: 22px;
}
.header {
  text-align: center;
  padding: 32px;
}
.row {
  display: -ms-flexbox; 
  display: flex;
  -ms-flex-wrap: wrap; 
  flex-wrap: wrap;
  padding: 0 4px;
}
.column {
  -ms-flex: 25%; 
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}
.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
.program_bio{
  height: 74px !important;
    overflow: hidden;
}
.oop_name {
  height: 57px !important;
  overflow: hidden;
  font-size: 22px;
}
.program_detail_icons {
    background-color: white;
    color: black;
    padding: 7px 0;
}
.program_icons {
    margin: 8px;
    font-size: 19px;
    color: white;
    background-color: #d9ad61;
    padding: 4px 9px;
    border-radius: 21px;
}
*/
    /*the container must be positioned relative:*/
    .autocomplete {
        position: relative;
        display: inline-block;
    }
    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
    }
    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }
    /*when hovering an item:*/
    .autocomplete-items div:hover {
        background-color: #e9e9e9;
    }
    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }
    .oop_name {
        text-align: right
    }
    .flance_label {
        cursor: pointer;
    }
    .line-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .line-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .line-3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .line-4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .line-5 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .pro-img {
        margin: -40px;
    }
    .pro-div {
        overflow: hidden;
        cursor: pointer;
        background-repeat-y: no-repeat !important;
        height: 520px !important;
        background-size: auto 208px !important;
        margin-bottom: 30px;
        border-radius: 20px !important;
    }
    .courseblk .card-img img {
        height: 150px !important;
    }
    .course_rating span {
        margin: 0 3px;
        color: #fff;
    }
    .job-date-d {
        white-space: nowrap;
    }
    .lables_free {
        position: absolute;
        left: 4px;
        top: -3px;
    }
    .flance_label {
        position: relative;
        text-align: cener;
        color: #fff;
        background-color: #cc9638;
        border-radius: 30px;
        margin: 6px 0px;
    }
    /* i.bi.bi-pencil-fill, i.bi.bi-link-45deg, i.bi.bi-trash-fill
 {
    padding: 2px;
} */
    .share p {
        display: block;
        text-align: center !important;
        margin-bottom: 10px;
    }
    .share {
        display: block;
    }
    .alert-error {
        color: red;
    }
    .others-block {
        margin: 20px 0;
    }
    .instructor span {
        font-size: 15px !important;
    }
    ul.social-links .instagram:hover {
        background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) !important;
    }
    .copy {
        color: white;
        cursor: pointer;
    }
    .pslinks-links li:hover.facebook {
        background: #1877F2;
        box-shadow: 0 0 20px 2px #1877F2;
        transition: all 0.5s ease;
    }
    .pslinks-links li:hover.twitter {
        background: #1DA1F2;
        box-shadow: 0 0 20px 2px #1DA1F2;
        transition: all 0.5s ease;
    }
    .pslinks-links li:hover.youtube {
        background: #CD201F;
        box-shadow: 0 0 20px 2px #CD201F;
        transition: all 0.5s ease;
    }
    .pslinks-links li:hover.instagram {
        background: #E4405F;
        box-shadow: 0 0 20px 2px #E4405F;
        transition: all 0.5s ease;
    }
    .pslinks-links li:hover a {
        color: #fff;
    }
    .flancer img {
        height: 125px;
    }
    .avg {
        color: white;
    }
    .ifrma_tutoral {
        margin: 2% auto;
        width: 100%;
        height: 430px;
    }
    .bag-img {
        width: -webkit-fill-available !important;
    }