/* using generalized icons */
/* 
.sticky-side ul li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    padding: 3px 10px;
} */
.tpservice {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tp-sv-color-1 {
    background-image: url('../images/professional-it.jpg');
}

.tp-sv-color-2 {
    background-image: url('../images/exam.jpg');
}

.tp-sv-color-3 {
    background-image: url('../images/career.jpg');
}

.tp-sv-color-4 {
    background-image: url('../images/stemkids.jpg');
}

.tpservice__title {
    background-color: rgba(0, 0, 0, 0.205);
    padding: 30px 10px;
    border-radius: 1em;
}

.tpservice__title p {
    color: #b5b5b5 !important;
}

.mix-blend-mode .tpcaseitem__thumb {
    background-color: transparent;
}

.area {
    position: relative;
}

.sticky-side {
    /* box-shadow: 1px 1px 5px #c0c0c053; */
    border-right: 1px solid #c0c0c053;
    padding: 40px;
    height: 650px !important;
    overflow-y: scroll;
}

.none-sticky-side-content {
    padding: 50px;
}



.none-sticky-side-content {}

.stylish-photos {
    height: 500px;
    overflow: hidden;
}

.none-sticky-side-content .stylish-photos .img-box {
    width: 400px;
    border-radius: 1em;
    overflow: hidden;
    position: relative;
}

.stylish-photos .img-box.img-2 {
    top: -150px;
    left: 200px;
    overflow: hidden;
}

.none-sticky-side-content .stylish-photos img {
    width: 80%;
    display: block;
}

.gtr-ideal .card-row {
    width: 80%;
    margin: auto;
}

.gtr-ideal .title {
    margin-bottom: 40px;
}

.gtr-ideal .my-card {
    border-bottom: 1px solid silver;
    border-top: 1px solid silver;
    padding: 12px;
}

.my-card .my-card-body {
    display: flex;
    align-items: center;
}

.my-card .card-thumbnail img {
    width: 100%;
}

.my-card .card-desc {
    padding: 20px;
}

.course-duration {
    display: flex;
}

.mr-auto {
    margin-right: auto;
}


@media (max-width:750px) {
    .sticky-side {
        width: 100%;
        position: static !important;
        height: auto !important;
    }

    .none-sticky-side-content {
        width: 100%;
        padding: 12px;
    }


    .none-sticky-side-content .stylish-photos .img-box {
        width: 100%;
        position: static;

    }


    .none-sticky-side-content .stylish-photos {
        height: 370px;
        /* width: 100%; */
        margin-bottom: 30px;
    }

    .none-sticky-side-content .stylish-photos .img-box img {
        width: 100%;
    }

    .stylish-photos .img-box.img-1 {
        width: 80%;
    }

    .stylish-photos .img-box.img-2 {
        width: 90%;
        position: relative;
        top: -100px;
        left: 34%;

    }

    .pb-100 {
        padding-bottom: 50px !important
    }

    .pt-110 {
        padding-top: 50px !important;
    }

    .gtr-ideal .card-row {
        width: 100%;
    }


    .my-card .my-card-body {
        display: block;
    }
}