/*=======================
   about-page
=========================*/
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #333;
 opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #333;
}
 .form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #333;
}
.tx-blue {
    color: #1066d2
}
.tx-wb {
    font-weight: 700!important;
}
.tx-blue-bg {
    background-color: #1066d2
}
.common-pg p {
    margin: 20px 0;
    line-height: 28px;
    max-width: 100%;
    font-size: 18px;
}
.rs-about .img-part {
    position: relative;
}
.rs-about .histort-part {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border: none;
    display: block;
}
.rs-about .histort-part .single-history {
    display: block;
    margin-bottom: 15px;
}
.rs-about .histort-part .single-history a {
    padding: 28px 20px 22px;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 5px;
    width: 230px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background: #171F32;
    transition: all 0.3s ease;
}
.rs-about .histort-part .single-history a {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}
.rs-about .histort-part .single-history a:hover, .rs-about .histort-part .single-history a.active {
    background: #ff5421;
}
.rs-about .histort-part .single-history a {
    padding: 15px 15px 15px;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 5px;
    width: 238px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    background: #0071dc;
    transition: all 0.3s ease;
}
.title {
    font-size: 30px;
    font-weight: 600;
}
.rs-about .histort-part .single-history a .icon-part i::before {
    font-size: 30px;
    line-height: 1;
    color: #ffffff;
}
.history-list {
    list-style: none;
}
.history-list li {
    padding-top: 15px;
    margin: 0px;
    font-size: 15px;
}
.icon-part, .icon-part2, .icon-part3 {
    background-image: url(../image/all-icon.png);
    background-repeat: no-repeat;
}
.icon-show, .icon-show2, .icon-show3 {
    width: 46px;
    height: 46px;
    display: block;
}
.icon-show {
    background-position: -6px -6px;
}
.icon-show2 {
    background-position: 0px -63px;
}
.icon-show3 {
    background-position: 0px -120px;
}
/*==============================
 about-page
================================*/
.mt-80 {
    margin-top: 90px;
}
.mb-80 {
    margin-bottom: 80px;
}
.toop-p-bg {
    background: #f1f6fc
}
.tools-box-pt .icon-border {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: -60px;
    background: #0083ff;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    transition-property: background;
    transition-duration: 0.5s;
}
.tools-box-pt .icon-border .meet-icon i {
    font-size: 50px;
    color: #fff;
}
.tools-box-cont {
    border-radius: 4px;
    background: #f4faff;
    padding: 0px 20px 20px;
    border: #d7d7d7 solid 1px;
    min-height:390px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    transition-property: background;
    transition-duration: 0.5s;
    transition: 0.3s;
}
.tools-box-cont h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}
.tools-box-cont p {
    text-align: justify;
}
.tools-box-cont:hover {
    background-color: #fff;
    border: #0d3d56 solid 1px;
}
.tools-box-cont:hover .icon-border {
    background-color: #0d3d56;
    color: #000;
}
.Helpful p {
    font-size: 18px;
    max-width: 100%;
}
.readmore-button {
    background: #1066d2;
    height: 35px!important;
    border-radius: 25px;
    line-height: 35px;
    color: #fff;
}
.ameliorate-sec {
    background: #f1f6fc;
}
/*=================================
 term-and-condition
===================================*/
.border-left {
    border-left: #0071dc solid 5px!important;
}
.accordion-button.border-left:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}
.faq-img {
    background: #80dde9
}
.refund-revision li {
    margin-bottom: 15px; 
    display: flex;  
}
.refund-revision li span { position: relative; color: #fff; margin-right: 50px;line-height: 40px; padding-left: 17px; }

.refund-revision li span:before{
    background: url(../image/all-icon.png);
    background-repeat: no-repeat;   
    color: #fff;
    line-height: 0px;
    width: 46px;
    height: 46px;    
    content: '';
    background-position: -60px -8px!important;
    position: absolute;
    left: 0px;
    z-index: -1;
}

.Privacy-Policy p {
    font-size: 18px;
    margin-bottom: 10px;
}
.earning-platinum {
    background: #0071dc;
    font-size: 16px;
    padding: 40px 20px 20px 20px;
    min-height: 294px;
}
.okicon {
    width: 59px;
    height: 59px;
}
.okicon {
    background-position: -54px -51px;
    display: block;
}
.earning-platinum p {
    font-size: 16px;
}
.point-credit-img {
    background: #f8fafb;
    margin-top: 108px;
}
.point-icon {
    width: 65px;
    height: 65px;
    background: url(../image/all-icon.png) -3px -174px;
    flex: 0 0 57px;
    display: inline-block;
}
.point h5 {
    font-size: 22px;
    color: #0071dc;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 15px;
}
.point span.equal-iocn {
    background: url(../image/all-icon.png) -3px -248px;
    width: 60px;
    height: 30px;
    display: inline-block;
}
.line-b {
    background: #0056a7;
    height: 3px!important;
    opacity: 1;
}
.for-exp p {
    font-size: 18px;
    color: #c89203;
    font-weight: 700;
    padding-bottom: 20px;
}
.for-exp ul li {
    line-height: 30px;
}
.btn-style {
    font-size: 16px;
    font-weight: 600;
    background-color: #0071dc;
    color: #fff;
    padding: 8px 30px!important;
    border-radius: 5px!important;
    text-align: center;
}
.btn-style span {
    display: block;
}
.right_form_inner.border-radues {
    border-radius: 10px 10px 10px 10px;
}
.assignment-row.blue {
    border-bottom: 4px solid #0083ff;
}
.assignment-row.blue span {
    background: #0083ff;
}
.word-count-faq p {
    font-size: 16px;
    line-height: 25px;
}
.word-count-faq p.border-left {
    border-left: #0071dc solid 3px!important;
    padding-left: 15px;
}
/*=================================
  pay payments
==================================*/
.refund-main .input-group-text {
    background: #0083ff;
    color: #fff;
    border-radius: 2px;
    border: none;
    width:44px;
    height: 44px;
    font-size: 25px;
}

.refund-main .form-control {
    background: #f5faff;
    color: #333;
    border: #ebebeb solid 1px;
}
select.currency-selector {
    background: #f5faff url(../image/select-icon.png);
    background-repeat: no-repeat;
    border: none;
    border-top: none;
    border-left: none;
    border-right: none;
    line-height: 1;
    outline: none;
    -webkit-appearance: none;
    background-position: 97%;
    height: 44px;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    padding-left: 15px;
    border: #ebebeb solid 1px;
}
.order-bg {
    background: #0083ff;
}
.form-aprt {
    margin-right: 35px;
}
.order-summary {
    color: #fff;
}
.search-inner.essay-search.assig-page {
    width: 890px;max-width: 100%;
}
.search-inner.essay-search.assig-page .input-group input {
    height: 50px;
    padding-left: 65px;
}
.search-inner.essay-search.assig-page .input-group i {
    font-size: 24px;
    color: #0071dc;
    position: absolute;
    top: 14px;
    left: 20px;
    z-index: 9;
}
.assig-iocn {
    background: #0083ff;
    width: 79px;
    height: 79px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #fff solid 2px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.assig-box-pt-1 {
    border-bottom: #0070dc solid 4px;
    border-radius: 5px;
    margin-bottom: 20px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    cursor: pointer;
}
.assing-box-cantt h5 {
    font-size: 20px;
    font-weight: 700;
}
.assig-iocn span {
    width: 33px;
    height: 33px;
    background: url(../image/all-icon.png) -112px -42px;
    flex: 0 0 57px;
    display: inline-block;
}
.assig-box-pt-1:hover .assig-iocn span {
    background-position: -161px -42px;
}
.assig-iocn span.cs {
    background-position: -112px -84px;
}
.assig-box-pt-1:hover .assig-iocn span.cs {
    background-position: -161px -85px;
}
.assig-iocn span.eco {
    background-position: -112px -124px;
}
.assig-box-pt-1:hover .assig-iocn span.eco {
    background-position: -161px -124px;
}
.assig-iocn span.eng {
    background-position: -112px -6px;
}
.assig-box-pt-1:hover .assig-iocn span.eng {
    background-position: -161px -6px;
}
.assig-iocn span.mana {
    background-position: -112px -161px;
}
.assig-box-pt-1:hover .assig-iocn span.mana {
    background-position: -161px -161px;
}
.assig-iocn span.finance-iocn {
    background-position: -112px -202px;
}
.assig-box-pt-1:hover .assig-iocn span.finance-iocn {
    background-position: -161px -202px;
}
.assig-iocn span.medical-iocn {
    background-position: -112px -247px;
}
.assig-box-pt-1:hover .assig-iocn span.medical-iocn {
    background-position: -161px -247px;
}
.assig-iocn span.law-icon {
    background-position: -112px -289px;
}
.assig-box-pt-1:hover .assig-iocn span.law-icon {
    background-position: -161px -289px;
}
.assig-iocn span.mathmatics-icon {
    background-position: -112px -326px;
}
.assig-box-pt-1:hover .assig-iocn span.mathmatics-icon {
    background-position: -161px -326px;
}
.assig-iocn span.dissertation-icon {
    background-position: -112px -367px;
}
.assig-box-pt-1:hover .assig-iocn span.dissertation-icon {
    background-position: -161px -367px;
}
.assig-iocn span.others-icon {
    background-position: -119px -415px;
}
.assig-box-pt-1:hover .assig-iocn span.others-icon {
    background-position: -169px -415px;
}
.assig-box-pt-1:hover {
    border-bottom: #ffc221 solid 4px;
}
.assig-box-pt-1:hover .assig-iocn {
    background: #ffc221;
}
.location-icon span {
    width: 56px;
    height: 56px;
    background: url(../image/all-icon.png) -1px -290px;
    flex: 0 0 57px;
    display: inline-block;
}
.location-icon span.contact-icon {
    background-position: -1px -355px;
}
.location-icon span.message-icon {
    background-position: -4px -424px;
}
.location-icon h5 {
    font-size: 25px;
    font-weight: 700;
}
/* ===========================
 contact page
==============================*/

.contact-page .mt-n5 {
    margin-top: -145px;
}
.form-pt h5 {
    font-size: 30px;
    font-weight: 700;
}
.comm_contact_span span {
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../image/all-icon.png);
    background-repeat: no-repeat;
    left: 8px;
    z-index: 99;
    top: 10px;
}
.comm_contact_span span.contact_User {
    background-position: -1px -492px;
}
.comm_contact_span span.contact_id {
    background-position: -1px -523px;
}
.comm_contact_span span.contact_phone {
    background-position: -1px -557px;
}
.comm_contact_span span.contact_subject {
    background-position: -1px -592px;
}
.comm_contact_span .form-control {
    border: #0070dc solid 1px;
    border-radius: 0px;
    height: 42px;
}
select.currency-level {
    background: url(../image/select-icon.png);
    background-repeat: no-repeat;
    border: none;
    border-top: none;
    border-left: none;
    border-right: none;
    line-height: 1;
    outline: none;
    -webkit-appearance: none;
    background-position: 97%;
    height: 44px;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    padding-left: 15px;
}
/* ================
   faq page
==================*/

.tabbing-blue .nav .nav-item .nav-link.active .without_active {
    display: none;
}
.tabbing-blue .nav .nav-item .nav-link.active .width_active {
    display: inline-block;
}
.tabbing-blue.faq-tabs .nav .nav-item .nav-link label {
    height: auto;
}
.bg-icon-62 {
    width: 41px;
    height: 36px;
    background: url(../image/all-icon.png) -231px -58px;
    display: inline-block;
}
.bg-icon-63 {
    width: 41px;
    height: 36px;
    background: url(../image/all-icon.png) -231px -7px;
}
.bg-icon-64 {
    width: 42px;
    height: 36px;
    background: url(../image/all-icon.png) -231px -131px;
    display: inline-block;
}
.bg-icon-65 {
    width: 42px;
    height: 36px;
    background: url(../image/all-icon.png) -231px -98px;
}
.bg-icon-66 {
    width: 42px;
    height: 40px;
    background: url(../image/all-icon.png) -231px -212px;
    display: inline-block;
}
.bg-icon-67 {
    width: 42px;
    height: 40px;
    background: url(../image/all-icon.png) -231px -168px;
}
.bg-icon-68 {
    width: 38px;
    height: 40px;
    background: url(../image/all-icon.png) -231px -256px;
    display: inline-block;
}
.bg-icon-69 {
    width: 38px;
    height: 40px;
    background: url(../image/all-icon.png) -231px -256px;
}
.bg-icon-70 {
    width: 38px;
    height: 40px;
    background: url(../image/all-icon.png) -231px -399px;
    display: inline-block;
}
.bg-icon-71 {
    width: 38px;
    height: 40px;
    background: url(../image/all-icon.png) -231px -352px;
}
/*=====================
    job page
=======================*/
.bg-gre {
    background: #f5f6f8;
}
.mt-28 {
    margin-top: 28px;
}
.job-decscription {
    margin-top: 25px;
}
.job-decscription h3 {
    font-size: 25px;
    font-weight: 700;
    color: #0071dc;
    margin-bottom: 15px;
}
.job-blue-check li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
}
.job-blue-check li:before {
    width: 14px;
    height: 22px;
    background: url(../image/all-icon.png) -77px -147px;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0px;
}
/* ================== login-page=====================*/

.login-main {
    background: #f1f3f8
}
.register {
    background: -webkit-linear-gradient(left, #0071dc, #00c6ff);
    margin-top: 3%;
    padding: 3%;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(left, #0071dc, #00c6ff) url(../image/bo-multi-dotted.png);
}
.register-left {
    text-align: center;
    color: #fff;
}
.register-left h3 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
}
.register-form h3 {
    font-size: 25px;
    color: #333;
    font-weight: 700;
    padding-bottom: 15px;
}
.register-form h3 span {
    font-size: 20px;
    color: #0071dc
}
.register-left input {
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right {
    background: #f8f9fa;
    border-top-left-radius: 0% 50%;
    border-bottom-left-radius: 0% 50%;
    border-radius: 5px;
}
.register-left img {
    margin-top: 5%;
    margin-bottom: 5%;
    width: 70%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-20px);
}
}
@keyframes mover {
 0% {
transform: translateY(0);
}
 100% {
transform: translateY(-20px);
}
}
.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}
.register .register-form {
    padding: 6%;
    margin-top: 10%;
}
.btnRegister {
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}
.register .nav-tabs {
    margin-top: 3%;
    border: none;
    width: 100%;
    float: left;
}
.register .nav-tabs .nav-link {
    padding: 6px 0px;
    height: 42px;
    font-weight: 600;
    color: #333;
    border-radius: 4px;
    border: #0071dc solid 1px;
    font-size: 18px;
    width: 98%;
}
.register .nav-tabs .nav-link.active {
    width: 98%;
    color: #fff;
    background: #0071dc;
}
.register-heading {
    text-align: center;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #495057;
}
.register .form-group {
    margin-bottom: 15px;
    position: relative;
}
.register .form-group:after {
    position: absolute;
    left: 0px;
    background: #0071dc;
    height: 43px;
    content: '';
    width: 5px;
    top: 0px;
}
/*================================
   Dashboard-Tutor
=================================*/
.add-toassigment {
    font-size: 16px;
    background: #ffc221;
    padding: 0 19px 0 0;
    border: 0;
    color: #000;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.add-toassigment:hover {
    color: #000;
    background: #da9e01;
}
.add-toassigment span i {
    padding: 14px;
    display: inline-block;
    background: #da9e01;
    margin-right: 15px;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.add-toassigment span i.icofont-bank {
    font-size: 30px;
    padding: 8px;
    color: #000
}
.add-toassigment-wallet {
    font-size: 20px;
    background: transparent;
    padding: 0 19px 0 0;
    border: 0;
    color: #000;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
.add-toassigment-wallet span i {
    padding: 14px;
    display: inline-block;
    background: transparent;
    margin-right: 0px;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.add-toassigment-wallet span i.icofont-wallet {
    font-size: 38px;
    padding: 8px;
    color: #015fb8;
}
.add-toassigment:hover {
    color: #000;
    background: #da9e01;
}
.badge-danger {
    background-color: #ebf1fe;
    color: #6259d1;
}
.text-denger {
    color: #9D9C9C; /*box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); */
}
.badge-success {
    color: #00ab84;
    background-color: #e5faf2;
}
.badge {
    font-size: 14px;
    font-weight: 100;
}
.badge.text-gre {
    color: #9D9C9C;
}
.badge-warning {
    color: #d9505c;
    background-color: #fff0f1;
}
.lebel button {
    font-size: 16px;
}
.pagination-2 ul li {
    width: 35px;
    text-align: center;
}
.pagination-2 ul li a.active {
    width: 32px;
    background: #0071dc;
    color: #fff;
    border-radius: 4px;
}
.table-dashboard2 .table tbody tr td {
    border: transparent;
    font-size: 14px;
    padding: 15px 15px;
}
/*========================
    Document-form
=========================*/
.btn-file {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.btn-file input[type=file] {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    padding: 10px 2px 11px 15px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px 2px #b2b2b233;
    opacity: 0;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 170px;
}
.files .btn-default {
    background: #fff;
    /*padding: 10px 2px 11px 15px;*/
    position: relative;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px 2px #b2b2b233;
    border: 1px solid #ddd;
    width: 98%;
    display: block;
}
.fileList {
    margin: 0px;
    padding: 0px;
}
.fileList li {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
}
.fileList li a {
    color: red;
}
.form-title {
    width: 100%;
    max-width: 100%;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: inherit;
    color: #333;
    white-space: normal;
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.form-title span {
    padding: 0px 0.5rem 0 0;
    background-color: #fff;
    display: inline-block;
    z-index: 2;
    position: relative;
}
.form-title:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 1px;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.1);
}
.custom_select2 i {
    position: absolute;
    top: 44px;
    right: 15px;
    color: #969696;
    pointer-events: none;
}
.files .btn-default {
    background: #fff;
    padding: 15px 0px 15px 0px;
    position: relative;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px 2px #b2b2b233;
    width: 100%;
    display: block;
    color: #9D9C9C;
}
.bg-info-o {
    background: #e8edf2;
    color: #000;
    border: #ddd solid 1px;
}
.btn-default i.font-s {
    font-size: 80px;
    display: inline-block;
    color: #0071dc;
    width: 100px;
    height: 100px;
    background: #e8edf2;
    border-radius: 50%;
    line-height: 100px;
}
.upload-text {
    font-size: 18px;
    color: #333;
}
/*=======================================
 My Earnings
======================================== */
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.myearning-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0071dc;
    background-color: #fff;
    border-bottom: #0071dc solid 2px;
}
.myearning-tabs .nav-link {
    border: none;
    font-size: 17px;
    font-weight: 700;
}
/*========================
   Back Account
=========================*/
.add-toassigment span i.icofont-bank {
    font-size: 25px;
    padding: 8px;
    color: #000
}
.bank-details-show h4{
    font-size: 18px;
    font-weight: 600;
    padding-top:0px;
    color: #333;
}
.bank-details-show .icon-pt{ 
    background: #e8edf2;
    width: 110px;
    height: 110px;    
    padding: 18px;
}
/*==================================
    Term & Condition 
====================================*/
.card-item .card-title {
    color: #333;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 1px;
    font-size: 20px;
}
.fs-18 {
    font-size: 18px!important;
}
.divider {
    border-bottom: 1px solid rgba(128,137,150,.1);
    height: 1px;
    margin: .5em 0 1.5em;
}
.divider span {
    display: block;
    width: 50px;
    height: 1px;
    background-color: #0071dc;
}
.example-1 {
    position: relative;
    overflow-y: scroll;
    height:600px;
}
.thin {
    scrollbar-width: thin;
}
.scrollbar-black {
    scrollbar-color: #91c9fd #ddd;
    -webkit-scrollbar-color: #91c9fd #ddd;
}
.scrollbar-black::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px; 
}

.scrollbar-black::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; 
}

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #91c9fd;
}
/*=========================reviews page========================*/
.reviews-main span.point-text{
    font-size: 70px;
    color: #0071dc; 
    font-weight: 700;
    margin-right: 20px;
}
.reviews-main p, .reviews-main i{ font-size: 18px; }
.reviews-main i {
    font-size: 18px;
    margin-left: -3px;
    color: #ffc107;
}
.reviews-box{
    border: 1px solid rgba(0,113,220,0.2);  
    border-bottom: #0071dc solid 3px; 
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;   
    border-radius: 4px;
    padding:20px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.reviews-box:hover {
    border-color: #0071dc;
}

.single-student {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(48,146,85,0.2);    
    border-radius: 10px;
    padding: 25px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.reviews-box .student-images {
    border-radius: 50%; 
    border: 1px solid rgba(48,146,85,0.2);
    padding: 5px;   
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
 }
 .reviews-box:hover .student-images{
    border-color: #0071dc;
}
 .reviews-box .student-images span{    
    color:#fff;
    font-size:35px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-weight: 700;     
    position: relative;
    display: block;
    padding: 5px;
 }
.rb-bb{ background: #0071dc; }
.rb-bb2{ background: #3778e8; }
.rb-bg{ background: #4ee298; }
.rb-bp{ background: #ee8697; }
.rb-bp2{ background: #f94462; }
.rb-bl{ background: #d4d419; }
.rb-db{background: #4796a7}
.rb-ss{background: #bc4ee2}
.rb-or{background: #f28531}

 .reviews-box .student-content {
    padding-left:15px;
    max-width:100%;
}
.student-content .name {
    font-size:22px;
    font-weight: 700;
    margin-bottom: 0;
}
.student-content span.reviews-star i {
    font-size: 15px;
    margin-right: 3px;
    color: #ffc107;
}
.subject-date span {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-right: 20px;
}
.subject-date span i {
    color: #0071dc;
    font-size: 14px;
    margin-right: 3px;
}

.rev-content-text.example-2{
    position: relative;
    overflow-y: scroll;
    height:100px;

}
.rev-content-text.scrollbar-black {
    scrollbar-color: #91c9fd #fff!important;
    -webkit-scrollbar-color: #91c9fd #fff!important;
    -moz-scrollbar-color: #91c9fd #fff!important;
    -o-scrollbar-color: #91c9fd #fff!important;
}
.rev-content-text.thin {
   scrollbar-width: thin;
}

.rev-content-text.scrollbar-black::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    background-color: #fff;
     -webkit-background-color: #fff;
    border-radius: 10px; 
}

.rev-content-text.scrollbar-black::-webkit-scrollbar {
    width: 3px;
    background-color: #fff; 
     -webkit-background-color: #fff;
     -moz-background-color: #fff;
     -o-background-color: #fff;
}

.rev-content-text.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    background-color: #91c9fd;
    -webkit-background-color: #91c9fd;
    -moz-background-color: #91c9fd;
    -o-background-color: #91c9fd;
}
#style-2::-webkit-scrollbar
{
    width:3px;
    background-color: #F5F5F5;
}

/*====================================
    Account page
======================================*/

.account-box-cantt{
     border: 1px solid rgba(0,113,220,0.2);     
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;   
    border-radius: 4px;
    padding:20px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.view-list span{ font-size: 16px;margin-right:15px; margin-top: 5px; }
.view-list span i{
    color: #0071dc;
    font-size: 16px;
    
}
.account-details h5 {
    font-size: 30px;
    font-weight: 700;
    margin: 20px 0px 15px;
}
.account-details h6{
    font-weight: 600;

}
.custom-table-responsive {
    background-color: #efefef;
    padding: 20px;
    border-radius: 4px;
}
.custom-table tbody tr th, .custom-table tbody tr td {
    background: #fff;
    border: none;
}
.custom-table tbody td {
    color: #777;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 300;
}
.custom-table thead th {
    border-top: none;
    border-bottom: none !important;
    font-size:16px;
    text-transform: uppercase;
    letter-spacing: .1rem;

}
/*====================oops-404=================*/

.opps-min{ padding: 0% 0% 0% 32% }
.opps-min h2{ font-size:100px; font-weight: 800; line-height: 90px; color: #0071dc; text-shadow: 3px 3px 0px #ffc221;}
.opps-min h2 b{ color: #ffc221;text-shadow: 3px 3px 0px #0071dc; }
.opps-min h3{ font-size:35px; font-weight: 700; }
.opps-min h3 span{ color: #004e98 }





/*================================================
 Refer & Earn Page
=================================================*/
.refer-banner-pt ul li {
    font-size: 18px;
    color: #fff;
    background: #333;
    padding: 5px 15px;
    margin: 8px 0px;
}

.refer-banner-pt h1 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.refer-banner-pt h2 {
    font-size: 38px;
    font-weight: 600;
    padding-top: 5px;
}

    .refer-banner-pt h2 span.text-yellow {
        color: #ffc221;
    }

.refer-left-banner {
    position: relative;
}

.inner {
    margin: 0 auto;
    position: relative;
}

    .inner .spiner {
        position: absolute;
        content: '';
    }

        .inner .spiner.one {
            top: 19px;
            left: 40%;
        }

        .inner .spiner.two {
            top: 280px;
            left: 1%;
        }

        .inner .spiner.one img:nth-child(1) {
            position: relative;
            right: 4px;
            top: 9px;
        }

        .inner .spiner.two img:nth-child(1) {
            max-width: 16px;
        }

        .inner .spiner.two img:nth-child(2) {
            position: relative;
            right: -3px;
            top: -4px;
            max-width: 25px;
        }

.spine-r {
    animation: spine-r 5s linear infinite;
    -webkit-animation: spine-r 5s linear infinite;
}

.spine {
    animation: spine 5s linear infinite;
    -webkit-animation: spine 5s linear infinite;
}

@keyframes spine {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spine {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.spine-r {
    animation: spine-r 5s linear infinite;
    -webkit-animation: spine-r 5s linear infinite;
}

@keyframes spine-r {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spine-r {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

.step-part {
    border-radius: 4px;
    padding: 25px;
}

    .step-part span {
        font-size: 40px;
        font-weight: 800;
        line-height: 22px;
        color: #0071dc;
    }

    .step-part .step {
        font-size: 25px;
        color: #112958;
        font-weight: 700;
    }

.step-cantt-part h4 {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
}

.step-part.step-1 {
    background: #dcf1fd;
}
/*.step-part-bg.bg-1{ background: #dcf1fd;  }
.step-part-bg.bg-2{ background: #f3d3d3;  }
.step-part-bg.bg-3{ background: #d6f9d3;  }
.step-part-bg.bg-4{ background: #f0f0f0;  }
.step-part-bg.bg-5{ background: #bbe6ec;  }*/
.referral-bg {
    background-size: cover !important;
    background-position: top center !important;
}

.referral-program-bg {
    background: #f6f4f8;
}

.referral-program {
    margin: 80px 225px 80px 80px;
}

.generous-payment-box span {
    padding-right: 10px;
}

.referral-program li {
    padding-left: 35px;
    font-size: 16px;
    position: relative;
    margin-bottom: 8px;
}

    .referral-program li span {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #0071dc;
        -webkit-transition: .5s;
        transition: .5s;
        width: 22px;
        height: 20px;
        text-align: center;
        line-height: 18px; /* background: linear-gradient( 135deg,#0071dc 0%,#0071dc 100%);*/
        border-radius: 3px;
    }

.single-how-it-works {
    text-align: center;
    background-color: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 7px 20px rgb(0 0 0 / 3%);
    box-shadow: 0 7px 20px rgb(0 0 0 / 3%);
    padding: 36px;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    min-height: 435px;
}

    .single-how-it-works h3 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }

    .single-how-it-works p {
        margin-top: 12px;
        margin-bottom: 0;
    }

    .single-how-it-works:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
        box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    }

.pricing-card {
    border: none;
    border-radius: 4px;
    margin-bottom: 28px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 2;
    position: relative;
}

    .pricing-card:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
        box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    }

    .pricing-card .card-header {
        background-color: #0147cd;
        color: #fff;
        padding-top: 40px;
        padding-bottom: 36px;
    }

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    padding: .75rem 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.pricing-plan-cost {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.pricing-card .card-body {
    padding: 5px 25px 15px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.pricing-plan-features {
    list-style: none;
    padding-left: 0;
    color: #303132;
    font-size: 15px;
    line-height: 2.86;
    margin-bottom: 16px;
    min-height: 310px;
}

    .pricing-plan-features li {
        border-bottom: 1px solid #e3e3e3;
        line-height: 25px;
        padding: 13px 0px;
        text-align: left;
        position: relative;
    }

        .pricing-plan-features li span {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #0071dc;
            -webkit-transition: .5s;
            transition: .5s;
            width: 22px;
            height: 20px;
            text-align: center;
            line-height: 18px; /* background: linear-gradient( 135deg,#0071dc 0%,#0071dc 100%);*/
            border-radius: 3px;
        }

.pricing-card .card-header {
    color: #fff;
}

.referral-program-bg {
    background: url(../image/become-refer/bg-refer-ad.jpg);
    background-size: cover;
    background-position: top center;
    position: relative;
}

    .referral-program-bg:after {
        background: url(../image/become-refer/referral-program-bg-after.png);
        position: absolute;
        left: -30px;
        width: 340px;
        height: 374px;
        content: '';
        bottom: 0px;
    }

.benifit-main-box {
    background: url(../image/become-refer/service-shape.png);
    background-repeat: no-repeat;
    background-position: 189px 0px;
    padding: 45px 26px 40px 40px;
    background-color: #fff;
    box-shadow: 0 0 30px #eee;
    text-align: center;
}

.benifit-tittle h6 {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.benifit-main-box, .step-part-bg {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

    .benifit-main-box:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
        box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    }

.top-heading .title.title3 {
    max-width: 460px;
    margin: 0 auto;
}

.step-part-bg:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

@media (max-width: 768px) {
    .refer-banner-pt h1 {
        font-size: 30px;
        padding-top: 10px;
    }

    .refer-banner-pt h2 {
        font-size: 25px;
    }

    .step-cantt-part h4 {
        font-size: 17px;
    }

    .step-part {
        padding: 15px;
    }

        .step-part .step {
            font-size: 15px;
        }

        .step-part span {
            font-size: 30px;
        }

    .start-content-inner-box h5 {
        font-size: 18px;
    }

    .start-content-inner-box {
        padding: 8px;
    }
}

/*========================
  blog-page new deisgn
========================*/
.container-blog {
    width: 1152px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.archive-article {
    height: 100%;
}

.blog-article-main-link {
    box-shadow: 0 12px 24px rgb(247 240 230);
    display: block;
    height: 100%;
    padding: 1rem 1rem 1.5rem;
    background: #fff;
    transition: box-shadow .15s cubic-bezier(.445,.05,.55,.95);
    border-radius: 12px;
    color: currentColor;
}

    .blog-article-main-link:hover {
        box-shadow: 0 12px 24px rgb(0 152 138 / 14%);
    }

.blog_list_image {
    overflow: hidden;
}

    .blog_list_image img {
        width: 100%;
        height: 100%;
        transition: transform .15s cubic-bezier(.445,.05,.55,.95);
        border-radius: .75rem;
    }

.blog-article-main-link:hover .blog_list_image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-article-main-link .blog_list_image img {
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.blog-article-main-link .blog_list_content {
    width: 90%;
    margin: -50px auto 0;
    position: relative;
}

    .blog-article-main-link .blog_list_content .blog_content_wrapper {
        padding: 20px 20px;
        border-radius: 5px;
        margin-top: 10px;
        background-color: #fff;
    }

.blog_content_wrapper span {
    color: #0071dc;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
    position: relative;
    /*padding-left: 10px;*/
}
/*.blog_content_wrapper span:after{ background: #0071dc; width:20px; height: 1px; position: absolute; left: 0px; content:''; top:11px; }*/
.blog_content_wrapper h4 {
    font-size: 1.25rem;
    line-height: 2rem;
    margin: 0px;
    font-weight: 700;
    color: #333;
}

.blog-article-main-link:hover .blog_content_wrapper h4 {
    color: #0071dc;
}

.archive-article-row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

.archive-article-row__item:nth-child(5n+1), .col-12 {
    flex: 0 0 100.66667%;
    max-width: 100%;
}

.archive-article-row__item {
    margin-bottom: 64px;
}

    .archive-article-row__item:nth-child(5n+1), .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

.tittle-heading {
    width: 100%;
    margin: -120px auto 0;
    position: relative;
    background: #f4faff;
    border-radius: 10px;
}

.text-hedign-inner h5 {
    font-size: 35px;
    font-weight: 700;
}

.blog-m-heading {
    font-size: 35px;
    font-weight: 700;
}

    .blog-m-heading span a {
        background: #fff;
        padding: 0px 15px;
        border: #fdf6f6 solid 1px;
    }

        .blog-m-heading span a i {
            font-size: 30px;
        }

.blog-categories {
    position: absolute;
    top: 100%;
    right: 20%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
}

.custom-dropdown-menu__inner {
    width: 265px;
    max-width: 100%;
}

    .custom-dropdown-menu__inner ul li a {
        border-bottom: #f3f0f0 solid 1px;
        ;
        display: block;
        padding: 8px 15px;
    }

.slide {
    display: block;
}

.arrow-down {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

    .arrow-down.down {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.page-item.active .page-link {
    background-color: #1266f1;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.Pager .page {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 8px rgb(31 32 36 / 8%);
    margin: 0px 5px;
    line-height: 38px;
    text-align: center;
}

    .Pager .page.current {
        background: #0071dd;
        color: #fff;
    }

/*========================================
 blog-details
=========================================*/
.blog-details-new h1 {
    font-size: 2.25rem;
    font-weight: 700;
    padding-bottom: 15px;
    color: #333;
}

.blog-details-new h2 {
    font-size: 2.0rem;
    font-weight: 700;
    padding-bottom: 25px;
    margin-top: 30px;
    color: #333;
}

    .blog-details-new h2 span i {
        color: #2db1ff;
    }

.blog-details-new h6 {
    color: #0071dc;
    padding: 30px 0px !important;
    margin: 0px;
    font-weight: 700;
}

.blog-details-new p {
    line-height: 30px;
}

.blog-social-pt {
    left: -5.5rem;
}

.blog-social-pt {
    position: absolute;
    top: 108px;
    left: 0.5rem;
    height: 95%;
    margin-top: 0;
}

.blog-social-icon {
    position: sticky;
    top: 6rem;
}

    .blog-social-icon a {
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        transition: background-color .15s cubic-bezier(.445,.05,.55,.95),color .15s cubic-bezier(.445,.05,.55,.95),border-color .15s cubic-bezier(.445,.05,.55,.95);
        border: 1px solid #b5b8bd;
        border-radius: 50%;
        background-color: transparent;
        color: #b5b8bd;
    }

        .blog-social-icon a:hover {
            background: #0071dc;
            color: #fff;
        }

.blog-social-icon {
    display: block;
    opacity: 1;
}

    .blog-social-icon.social-icon-op {
        display: block;
        opacity: 1;
        -webkit-animation: fadeIn .15s cubic-bezier(.445,.05,.55,.95);
        animation: fadeIn .15s cubic-bezier(.445,.05,.55,.95);
    }

.blog-bg-after p {
    font-size: 18px;
}

.blog-bg-after::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 90vh;
    transform: translateX(-50%);
    background: linear-gradient(180deg,#f7fafa,#f7fafa 10.46%,#f8fafa 19.73%,#f8fbfb 28.07%,#f9fbfb 35.7%,#fafcfc 42.87%,#fbfdfd 49.81%,#fcfdfd 56.76%,#fdfefe 63.96%,#fefefe 71.65%,#feffff 80.06%,#fff 89.43%,#fff);
    content: "";
    z-index: -1;
}

.blog-details p strong {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.blog-details-content ul li, .too-referance-page ul li {
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 18px;
}

@media(max-width: 768px) {
    .archive-article-row__item:nth-child(5n+1), .col-lg-8 {
        flex: 0 0 100.66667%;
        max-width: 100.66667%;
    }
    .tittle-heading {
        width: 100%;
        margin: 0px auto 0;
        position: relative;
        background: #f4faff;
        border-radius: 10px;
    }
    .blog-banner-top-bg{
        display:none;
    }
    .blog-m-heading {
        font-size: 25px;
        font-weight: 700;
    }

        .blog-m-heading span a i {
            font-size: 20px;
        }

    .blog-details-new h1 {
        font-size: 24px;
    }

    .blog-details-new h2 {
        font-size: 20px;
    }
}

@media (min-width: 992px)
}

.archive-article-row__item:nth-child(5n+1), .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}