@charset "utf-8";

@font-face {
    font-family: 'Mark Pro';
    src: url('../fonts2/MarkPro-Bold.eot');
    src: url('../fonts2/MarkPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/MarkPro-Bold.woff2') format('woff2'),
        url('../fonts2/MarkPro-Bold.woff') format('woff'),
        url('../fonts2/MarkPro-Bold.ttf') format('truetype'),
        url('../fonts2/MarkPro-Bold.svg#MarkPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'Inter Light BETA';
    src: url('../fonts2/Inter-Light-BETA.otf');
    src: url('../fonts2/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/Inter-LightBETA.woff2') format('woff2'),
        url('../fonts2/Inter-LightBETA.woff') format('woff'),
        url('../fonts2/Inter-LightBETA.ttf') format('truetype'),
        url('../fonts2/Inter-LightBETA.svg#Inter-LightBETA') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */

/* #### Generated By: http://www.cufonfonts.com #### */

/* @font-face {
    font-family: 'Inter Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts3/Inter-Regular.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Italic'), url('Inter-Italic.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Thin BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Thin BETA'), url('Inter-Thin-BETA.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Thin Italic BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Thin Italic BETA'), url('Inter-ThinItalic-BETA.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Extra Light BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Light BETA'), url('Inter-ExtraLight-BETA.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Extra Light Italic BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Light Italic BETA'), url('Inter-ExtraLightItalic-BETA.woff') format('woff');
} */


@font-face {
    font-family: 'Inter Light BETA';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../fonts3/Inter-Light-BETA.woff') format('woff');
}

/* @font-face {
    font-family: 'Inter-ExtraLight-BETA';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../fonts3/Inter-ExtraLight-BETA.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Light Italic BETA';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Light Italic BETA'), url('Inter-LightItalic-BETA.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Medium';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../fonts3/Inter-Medium.woff') format('woff');
} */

/* 
@font-face {
    font-family: 'Inter Medium Italic';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: local('Inter Medium Italic'), url('Inter-MediumItalic.woff') format('woff');
} */


@font-face {
    font-family: 'Inter Semi Bold';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../fonts3/Inter-SemiBold.woff') format('woff');
}


/* @font-face {
    font-family: 'Inter Semi Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Semi Bold Italic'), url('Inter-SemiBoldItalic.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Bold';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('../fonts3/Inter-Bold.woff') format('woff');
} */

/* 
@font-face {
    font-family: 'Inter Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Bold Italic'), url('Inter-BoldItalic.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Extra Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Bold'), url('Inter-ExtraBold.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Extra Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Extra Bold Italic'), url('Inter-ExtraBoldItalic.woff') format('woff');
} */

/* 
@font-face {
    font-family: 'Inter Black';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Black'), url('Inter-Black.woff') format('woff');
} */


/* @font-face {
    font-family: 'Inter Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Inter Black Italic'), url('Inter-BlackItalic.woff') format('woff');
} */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter Light BETA', sans-serif;
    font-weight: 400 !important;
    font-size: 15px !important;
    overflow-x: hidden !important;
    /* padding-top: 68px !important; */
    scroll-behavior: smooth;
    background: #fff !important;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

ul li {
    font-size: 16px;
}

a {
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}
.login_modal .modal-dialog_sign_up{
    max-width: 530px !important;
}
.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: none;
}

.btn-primary {
    border: none;
    outline: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    padding: 10px 26px;
    line-height: 1.2;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #fff;
    background: #0575c1;
    /* background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa); */
}

.btn-primary {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 12px;
}

.btn-primary:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2084c8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    border-color: #2084c8
}

.btn-primary:active:before,
.btn-primary:focus:before,
.btn-primary:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.btn-primary:hover {
    background-color: #0575c1;
    color: #fff
}



/*--  Form Css Start --*/
.couch-section {
    padding: 40px 0px;
    position: relative;
}

.couch-section:after {
    position: absolute;
    top: 0px;
    right: -105px;
    content: '';
    background-image: url(../images/curve-imag.png);
    background-repeat: no-repeat;
    height: 760px;
    width: 884px;
    z-index: -1;
}

.couch-section::before {
    display: table;
    clear: both;
    content: '';
}

.couch-section .left-couch {
    width: 50.7%;
    float: left;
}

.couch-section .right-couch {
    width: 49.3%;
    float: right;
}

.couch-section h1 {
    margin: 50px 0px 25px;
    padding: 0px;
    font-size: 50px;
    display: block;
    color: #000000;
    font-family: 'Mark Pro';
    max-width: 400px;
    line-height: 52px;
}

.couch-section p {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 21px;
}

.listing {
    margin: 20px 0px 0px;
    padding: 0px;
    max-width: 440px;
}

.listing li {
    list-style: none;
    display: block;
    padding-left: 27px;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 21px;
    position: relative;
}

.listing li:last-child {
    margin-bottom: 0px;
}

.listing li:after {
    position: absolute;
    top: 7px;
    left: 0px;
    content: '';
    background-image: url(../images/tick-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 10px;
    width: 13px;
}

.bottominfo {
    margin-top: 50px;
}

.listing-info {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.listing-info li {
    list-style: none;
    width: 33.33%;
    padding-right: 20px;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    position: relative;
}

.listing-info li strong {
    font-weight: 600;
    display: block;
    padding-bottom: 7px;
    font-size: 20px;
    color: #000;
}

.couch-section .listing-info li p {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}

.listing-info li p a {
    color: #0575c1;
    text-decoration: none;
}

.listing-info li:after {
    position: absolute;
    top: 0px;
    right: 23px;
    content: '';
    height: 100%;
    width: 1px;
    background-color: #dcdcdc;
}

.listing-info li:last-child {
    padding-right: 0px;
}

.listing-info li:last-child:after {
    display: none;
}

.sociallist {
    display: flex;
}

.sociallist a {
    height: 27px;
    text-decoration: none;
    width: 27px;
    position: relative;
    margin-right: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eeeeef;
    background-color: #fff;
    color: #0575c0;
    font-size: 15px;
}

.sociallist a:last-child {
    margin-right: 0px
}

.sociallist a img.hover {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.sociallist a.instagram:hover img {
    opacity: 0;
    visibility: hidden;
}

.sociallist a.instagram:hover img.hover {
    opacity: 1;
    visibility: visible;
}

.sociallist a:hover {
    background-color: #0575c0;
    color: #fff;
    border: 1px solid #0575c0;
}

.tutor-formbox {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .10);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, .10);
}

.tutor-form {
    padding: 24px;
}

.tutor-formbox .nav-pills {
    margin: 0px;
    background-color: #2084c8;
}

.tutor-formbox .nav-pills li {
    width: 50%;
}

.tutor-formbox .nav-pills li a {
    display: block;
    font-size: 23px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    padding: 19px 10px;
    border-radius: 5px 5px 0px 0px;
}

.tutor-formbox .nav-pills li a.active {
    color: #000;
    background-color: #fff;
}

.tutor-formbox .form-group .form-control {
    border-radius: 5px;
    border: 1px solid #cfd0d2;
    height: 50px;
    font-size: 16px;
    font-family: 'Inter Light BETA';
    color: #000;
    padding-left: 20px;
    -ms-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    box-shadow: none;
}

.tutor-formbox .form-group {
    position: relative;
    margin-bottom: 20px;
}

.tutor-formbox .form-group .form-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

.tutor-formbox .form-group .form-control::-moz-placeholder {
    color: #000;
    opacity: 1
}

.tutor-formbox .form-group .form-control:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.tutor-formbox .form-group .form-control::-ms-input-placeholder {
    color: #000;
    opacity: 1
}

.tutor-formbox .form-group .form-control::placeholder {
    color: #000;
    opacity: 1
}

.tutor-formbox .tutor-col6 {
    float: left;
    width: 50%;
    padding: 0px 10px;
}

.tutor-formbox .tutor-row {
    margin: 0px -10px;
}

.tutor-formbox .tutor-col12 {
    width: 100%;
    padding: 0px 10px;
}


.tutor-formbox .form-group .input-group-prepend {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    border-radius: 5px;
    border: 1px solid #cfd0d2;
    margin: 0px;
}

.tutor-formbox .form-group .input-group-prepend span {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-size: 16px;
    color: #000;
    font-family: 'Inter Light BETA';
}

.tutor-formbox .form-group.phonenumber .form-control {
    padding-left: 90px;
}

.tutor-formbox .form-group.addmoresubject .addmore {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0575c1;
    font-size: 15px;
    font-weight: 500;
    width: 125px;
    border-radius: 5px;
    border: 1px solid #cfd0d2;
    text-decoration: none;
}

.tutor-formbox .form-group.addmoresubject .addmore:hover {
    background-color: #0575c1;
    color: #fff;
    border: 1px solid #0575c1;
}

.tutor-formbox .form-group.addmoresubject .form-control {
    padding-right: 135px;
}

.tutor-formbox .form-group.location .form-control {
    background-image: url(../images/location-icon.svg);
    background-repeat: no-repeat;
    background-position: 94% center;
}

.tutor-formbox .form-group.location .form-control {
    padding-right: 40px;
}


.tutor-formbox .form-group .btn-light {
    background-color: #ffff;
    padding: 15px 12px 15px 20px;
    outline: none;
    box-shadow: none;
    font-family: 'Inter Light BETA';
    border: 1px solid #cfd0d2;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
}

.tutor-formbox .form-group .btn-light:focus {
    background-color: #ffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #cfd0d2;
    color: #000;
    outline: none;
}

.tutor-formbox .form-group .show>.btn-light.dropdown-toggle {
    background-color: #ffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #cfd0d2;
    font-size: 15px;
    color: #000;
}

.tutor-formbox .form-group .btn-light.dropdown-toggle {
    background-color: #ffff;
    box-shadow: none;
    border: 1px solid #cfd0d2;
    border-radius: 3px;
    font-size: 15px;
    color: #000;
}

/* .tutor-formbox .form-group .dropdown-toggle::after{border:none; content: '';  background-image: url(../images/drop-arrow.png); background-repeat:no-repeat; width: 17px; height: 10px; margin: auto; vertical-align: middle;} */
.tutor-formbox .form-group .dropdown-menu {
    background-color: #ffff;
    max-height: 170px;
}

.tutor-formbox .form-group .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0px;
    color: #000;
    font-size: 15px;
    display: block;
}

.tutor-formbox .form-group .btn-light.actions-btn {
    padding: 7px 3px;
    border: 1px solid #464646;
    font-size: 11px;
}

.tutor-formbox .form-group .bs-searchbox .form-control {
    background-color: #ffff;
    border: 1px solid #cfd0d2;
    color: #000;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 45px;
    border-radius: 5px;
}

.tutor-formbox .form-group.multipleselectpicker .dropdown-menu .dropdown-item {
    padding: 6px 10px 6px 34px;
}




.tutor-formbox .form-group .bootstrap-select.show-tick .dropdown-menu li a:hover .bs-ok-default::after {
    color: #fff;
}

.tutor-formbox .form-group .bootstrap-select.show-tick .dropdown-menu li a:hover span.text {
    color: #fff;
}

.tutor-formbox .form-group .bootstrap-select.show-tick .dropdown-menu li a.active span.text {
    color: #fff;
}

.tutor-formbox .form-group .bootstrap-select.show-tick .dropdown-menu li a.active {
    background-color: #0575c1;
    color: #fff;
}

.tutor-formbox .form-group .dropdown-menu {
    z-index: 9;
    margin: 0px;
}

.tutor-formbox .form-group.multipleselectpicker .bootstrap-select .dropdown-menu li a span.check-mark {
    opacity: 1;
    display: block;
    position: absolute;
    top: 8px;
    left: 10px;
    height: 15px;
    width: 15px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
}

.tutor-formbox .form-group.multipleselectpicker .bootstrap-select .bs-ok-default::after {
    font-size: 11px;
    color: #0575c1;
    top: 1px;
    position: relative;
    left: 5px;
    opacity: 0;
}

.tutor-formbox .dropdown-toggle::after {
    border-top: .4em solid #616161;
}

.tutor-formbox .dropup .dropdown-toggle::after {
    border-bottom: .4em solid #616161;
}

.tutor-formbox .dropup .dropdown-toggle::after {
    border-top: 0px;
}

.tutor-formbox .form-group .dropdown-menu .dropdown-item.selected .bs-ok-default::after {
    opacity: 1;
}

.tutor-formbox .form-group .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 8px;
    right: auto;
    left: 10px;
}

.tutor-formbox .form-group .btn-light:not(:disabled):not(.disabled):active {
    background-color: #ffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #cfd0d2;
}

.tutor-formbox .form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tutor-formbox .form-group .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.heading-input h2 {
    margin: 10px 0px 12px;
    padding: 0px;
    font-size: 16px;
    color: #000000;
    display: block;
    font-weight: 500;
}

.tutor-formbox .button-group {
    padding-top: 10px;
}

.tutor-formbox .btn-primary {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-top: 14px;
    padding-bottom: 14px;
}

.tutor-formbox #pills-tutor2 .form-group.location .form-control {
    background-position: 98% center;
}

.tutor-formbox .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tutor-formbox .nav-pills {
    border-radius: 5px 5px 0px 0px;
}

.tutor-formbox .bootstrap-select .dropdown-menu li a span.text {
    font-size: 15px;
}


/*Subject_detail*/
.view_more.view_new {
    padding-top: 27px;
    min-height: 72px;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0
}

.Subjects_detail .subject_listing>li {
    width: 100%
}

.main_subjects.Subjects_detail .subject_txtbox {
    display: flex
}

.Subjects_detail .subjecttop {
    width: 25%
}

.Subjects_detail .subject_name {
    width: 70%;
    border-left: 1px solid #fff;
    border-top: 0
}

.Subjects_detail .subject_name ul>li {
    width: 33%;
    float: left
}

.section_detail_title figure {
    float: right;
    position: relative;
    top: -22px
}

.main_subjects.Subjects_detail .subject_listing {
    width: 100%;
    padding-top: 15px
}

.subjects.main_subjects.subject_re .subject_txtbox {
    position: relative
}

.subject_re .subject_name {
    padding: 18px 20px 50px
}

@media (min-width:1200px) {
    .container {
        max-width: 1205px !important;
    }
}








@media (min-width:992px) and (max-width:1199px) {

    .couch-section::after {
        background-size: 700px;
        width: 700px;
        right: -150px;
    }

    .listing-info li {
        padding-right: 5px;
    }

    .couch-section .listing-info li p {
        font-size: 14px;
    }

    .listing-info li strong {
        font-size: 17px;
        padding-bottom: 5px;
    }

    .listing-info li::after {
        right: 14px;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .couch-section h1 {
        font-size: 45px;
        max-width: 100%;
        margin-top: 15px;
    }

    .couch-section::after {
        background-size: 700px;
        width: 700px;
        right: -150px;
        display: none;
    }

    .couch-section .left-couch {
        width: 100%;
        float: none
    }

    .couch-section p br {
        display: none;
    }

    .listing {
        max-width: 100%;
    }

    .couch-section {
        padding: 12px 0px;
    }

    .couch-section .right-couch {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
        float: none
    }

    .bottominfo {
        margin-top: 20px;
    }

}

@media (max-width:769px) {

    .couch-section h1 {
        font-size: 40px;
        line-height: 38px;
        text-align: center;
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .couch-section::after {
        background-size: 700px;
        width: 700px;
        right: -150px;
        display: none;
    }

    .couch-section .left-couch {
        width: 100%;
        float: none
    }

    .couch-section p br {
        display: none;
    }

    .listing {
        max-width: 100%;
    }

    .couch-section {
        padding: 12px 0px;
    }

    .couch-section .right-couch {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
        float: none
    }

    .bottominfo {
        margin-top: 20px;
    }

    .listing li {
        font-size: 15px;
    }

    .logo {
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding: 0px 0px 10px;
    }

    .couch-section p {
        text-align: center;
    }

    .listing-info {
        display: block;
    }

    .listing-info li {
        width: 100%;
        display: block;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
    }

    .listing-info li:last-child {
        border: none;
        margin: 0px;
        padding-bottom: 0px;
    }

    .listing-info li:after {
        display: none;
    }

    .couch-section .listing-info li p {
        text-align: left;
        font-size: 15px;
    }

    .listing-info li strong {
        font-size: 18px;
    }

    .tutor-formbox .tutor-col6 {
        width: 100%;
        float: none;
    }

    .tutor-form {
        padding: 15px;
    }

    .tutor-formbox .nav-pills li a {
        font-size: 18px;
    }

    .container_Main {
        max-width: 1300px;
        width: 90%;
        margin: auto;
    }
}

@media (max-width:479px) {
    .couch-section h1 {
        font-size: 30px;
        line-height: 34px;
    }
}



/*--  Form Css End --*/




/*02-11-2020*/
/*--  Home Page Css Start --*/

/*-- Header Css Start --*/
header {
    padding: 9px 0;
    position: fixed;
    top: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: #fff;
}

header.fixed {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10)
}

.logo_panel {
    float: left;
    width: 15%;
}

.logo_panel a {
    display: inline-block;
}

.uni_logo {
    display: inline-block;
    margin-left: -5px;
}

.navigation-panel {
    float: right;
    width: 85%;
    text-align: right;
    position: relative;
    padding-top: 10px;
}

.navigation-panel .navbar {
    text-align: right;
    justify-content: space-around;
    padding: 0;
}

.navigation-panel .btn_group {
    padding-left: 18px;
}

.navigation-panel .btn_group .btn {
    padding: 7px 12px;
    margin-right: 8px;
    border: 1px solid #0575c1 !important;
    font-weight: 600;
    font-size: 15px;
}

.navigation-panel .btn_group .btn:last-child {
    margin-right: 0;
    background: #0575c1 !important;
}

.btn.btn-primary.btn-outline-primary {
    border: 1px solid #0575c1 !important;
    color: #0575c1;
    background: none;
    /* width: 130px; */
}

.brdr {
    width: 130px;
}

.btn.btn-primary.btn-outline-primary:hover {
    color: #fff;
}

.btn.btn-primary.btn-outline-primary:focus {
    color: #fff;
}

.nav_navbar {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
}

.nav_navbar>li {
    display: inline-block;
    font-size: 15px;
    padding-right: 15px;
    font-weight: 600
}

.nav_navbar>li:last-child {
    padding-right: 0;
}

.nav_navbar>li a {
    color: #4e4c4c;
    text-decoration: none;
    font-family: "Inter Semi Bold";
}

.nav_navbar>li a:hover {
    color: #0575c1;
}

.login_panel {
    font-size: 15px;
    font-weight: 600;
    color: #131313;
    padding-left: 25px;
    position: relative;
}

.login_panel:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    background: rgba(0, 0, 0, 0.11);
    width: 1px;
    height: 33px;
}

.login_panel a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #131313;
    text-decoration: none
}

.login_panel a:hover {
    color: #0575c1;
}

.navbar-toggler {
    display: none;
}

.main_banner {
    background: url("../images/banner2.jpg");
    position: relative;
    z-index: 1;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.main_banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(22, 29, 41, 0.6)
}

.banner_content {
    min-height: 535px;
}

/*--  Home Page Css End --*/

.section-title {
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.section-title h2 {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
}

.section-title p {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin: 2px 0 0
}

.section-title2 {
    /* text-align: center; */
    padding-bottom: 27px;
    /* padding-top: 27px; */
}

.section-title2 h2 {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin: 0;
    padding-bottom: 35px;
}

.section-title2 p {
    font-size: 16 px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    margin: 2px 0 0;
    margin-bottom: 10px;
}

.banner_txt_top {
    text-align: center;
    padding-top: 141px;
}

.banner_txt_top h1 {
    font-family: 'Mark Pro';
    font-size: 35px;
    color: #fff;
}

.banner_txt_top p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 23px;
}

.banner_txt_top form {
    max-width: 540px;
    margin: auto;
}

.tutor_input {
    position: relative;
}

.tutor_input .form-control {
    height: 47px;
    font-size: 15px;
    padding-left: 21px;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-right: 106px;
}

.tutor_input .form-control:focus {
    box-shadow: none;
}

.tutor_input .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.tutor_input .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.tutor_input .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.tutor_input .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.tutor_input .btn {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.4 !important;
    background-color: #0575c1 !important;
}

.banner_content {
    position: relative;
    padding-bottom: 120px;
}

.banner_txt_btm {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.banner_txt_btm ul {
    margin: 0px;
    padding: 0px 0 0 70px;
    display: flex;
    flex-wrap: wrap;
}

.banner_txt_btm ul>li {
    width: 33.33%;
    padding: 12px 21px 21px 54px;
    border-right: 1px solid rgba(255, 255, 255, .33);
}

.banner_txt_btm ul>li:first-child {
    padding-left: 0;
}

.banner_txt_btm ul>li:last-child {
    border: none;
    padding-right: 0;
}

.info_txt {
    padding-left: 63px;
    position: relative;
}

.info_txt figure {
    position: absolute;
    top: 8px;
    left: 0;
}

.info_txt strong {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: block;
    line-height: 26px;
}

.info_txt p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.info_txt p a {
    color: #fff;
    text-decoration: none;
}

.info_txt p a:hover {
    color: #fcb94a;
}


.howitwork {
    padding: 30px 0px 30px;
    background: #ffffff !important;
}

.tab_panel {
    text-align: center;
    padding-bottom: 50px;
}

.tab_panel .nav-tabs {
    display: inline-block;
    font-size: 0;
    border: none;
}

.tab_panel .nav-tabs .nav-item {
    display: inline-block;
    font-size: 15px;
    border: none;
    margin-right: -1px;
}

.tab_panel .nav-tabs .nav-link {
    border: 1px solid #0575c1;
    min-width: 173px;
    margin: 0;
    border-radius: 0;
    color: #0575c1;
    font-weight: 600;
    padding: 9px 10px;
    font-size: 20px;
    position: relative
}

.tab_panel .nav-tabs .nav-link:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(5, 117, 193, 0);
    border-top-color: #0575c1;
    border-width: 8px;
    margin-left: -8px;
    opacity: 0;
    visibility: hidden
}

.tab_panel .nav-tabs .nav-item:first-child .nav-link {
    border-radius: 5px 0 0 5px;
}

.tab_panel .nav-tabs .nav-item:last-child .nav-link {
    border-radius: 0px 5px 5px 0px;
}

.tab_panel .nav-tabs .nav-item.show .nav-link,
.tab_panel .nav-tabs .nav-link.active,
.tab_panel .nav-tabs .nav-item:hover .nav-link {
    background-color: #0575c1;
    color: #fff
}

.tab_panel .nav-tabs .nav-link.active:after {
    opacity: 1;
    visibility: visible;
}

.howitwork .tab-content {
    border-bottom: 1px solid #f5f5f5;
    /* padding-bottom: 50px; */
}

.work_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.work_list>li {
    width: 33.33%;
    padding: 0 68px;
    list-style: none;
    position: relative;
}

.work_list>li:first-child {
    padding-left: 0;
}

.work_list>li:last-child {
    padding-right: 0;
}

.work_list>li:after {
    content: "";
    position: absolute;
    top: 57px;
    right: -104px;
    width: 235px;
    height: 31px;
    background: url(../images/border_sepration.png) no-repeat;
    background-size: 100%;
}

.work_list>li:nth-child(2):after {
    content: "";
    position: absolute;
    top: 57px;
    right: -149px;
    width: 236px;
    height: 31px;
    background: url(../images/border_sepration2.png) no-repeat;
    background-size: 100%;
}

.work_list>li:last-child:after {
    display: none
}

.work_txt {
    /* text-align: center; */
}

.work_txt figure {
    margin-bottom: 30px;
}

.work_txt h3 span {
    position: absolute;
    left: -60px;
    top: 10px;
    font-size: 50px;
    color: rgba(206, 206, 206, 0.5);
}

.work_txt h3 {
    position: relative;
    padding-left: 15px;
    font-size: 17px;
    color: #000000;
    font-weight: 600;
    line-height: 27px;
    display: inline-block;
}

.work_txt p {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.77);
    padding-left: 15px;
}


.subjects {
    padding: 15px 0 15px;
    /* background: aliceblue; */
    background-color: #fff !important;
}

.subject_listing {
    display: flex;
    flex-wrap: wrap;
    margin: -9px;
    margin-top: 20px;
    padding-bottom: 20px;
}

.subject_listing>li {
    width: 25%;
    padding: 9px;
}

.subject_txtbox {
    background: rgba(78, 200, 232, 0.10);
    border-radius: 5px;
    padding: 20px 23px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

.subject_txtbox:hover {
    background: rgba(78, 200, 232, 0.40);
    text-decoration: none;
    color: #000000;
}

.subject_txtbox figure {
    width: 62px;
    height: 62px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #4ec8e8
}

.subject_txtbox strong {
    width: calc(100% - 62px);
    padding-left: 20px;
    font-size: 17px;
    line-height: 25px;
    color: #000000;
}

.light_red {
    background: rgba(240, 79, 93, 0.10);
}

.light_red:hover {
    background: rgba(240, 79, 93, 0.40);
}

.light_green {
    background: rgba(173, 210, 90, 0.10);
}

.light_orange {
    background: rgba(246, 176, 72, 0.10);
}

.light_green:hover {
    background: rgba(173, 210, 90, 0.40);
}

.light_orange:hover {
    background: rgba(246, 176, 72, 0.40);
}

.light_red figure {
    background: #f04f5d;
}

.light_green figure {
    background: #add25a;
}

.light_orange figure {
    background: #f6b048;
}

.view_more .btn {
    padding: 10px 34px;
}

.featuring {
    padding: 57px 0 67px;
    background: #f4f9fc;
}

.featuring_listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 30px;
}

.featuring_listing>li {
    width: 25%;
    padding: 0 10px;
}

.featuring_txtbox {
    height: 100%;
    /* padding: 28px 28px 27px 23px; */
    /* padding: 15px 20px 15px 20px; */
}

.featuring_txtbox figure {
    margin-bottom: 15px;
    margin-top: 5px;
}

.featuring_txtbox h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
}

.featuring_txtbox p {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.77);
    line-height: 20px;
    margin-bottom: 0;
    text-align: justify;
}

.featuring_carousel .featuring_txtbox figure img {
    width: auto;
    display: block;
}

.featuring_txtbox {
    border-radius: 10px;
    background: #fff;
    /* box-shadow: 0 0 10px rgb(9 18 35 / 8%); */
    height: 100%;
    /* padding: 28px 28px 27px 23px; */
}

.featuring_carousel .item {
    padding: 10px;
}

.meet_tutor {
    padding: 66px 0 50px;
}

.meet_tutor .outer {
    padding: 10px 77px 40px;
}

.meet_tutor .outer .owl-carousel .owl-item img {
    width: auto;
}

#big {
    padding-bottom: 11px;
}

#big figure {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#big figure:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(3, 22, 63, 0.2)
}

#thumbs figure {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

#thumbs figure:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(84, 84, 84, 0.67)
}

#thumbs .current figure:after {
    background: rgba(84, 84, 84, 0.2)
}

.totur_detail {
    position: absolute;
    bottom: 33px;
    left: 0;
    background: rgba(5, 117, 193, 0.78);
    padding: 19px 15px 19px 21px;
    display: flex;
    flex-wrap: wrap;
    min-width: 411px;
    align-items: center;
}

.totur_detail span {
    width: 43%;
    padding: 0 15px 0 11px;
    color: #fff;
    font-size: 22px;
}

.totur_detail p {
    width: 57%;
    padding-left: 28px;
    color: #fff;
    font-size: 18px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0;
    line-height: 22px;
}

.totur_detail p strong {
    display: block;
    font-size: 15px;
}

.owl-nav button i {
    display: none;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    width: 38px;
    height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
}

.owl-carousel .owl-nav button.owl-prev {
    background: url(../images/prev_icon.svg) no-repeat;
    left: -76px;
    background-size: 100%;
}

.owl-carousel .owl-nav button.owl-next {
    background: url(../images/next_icon.svg) no-repeat;
    right: -76px;
    background-size: 100%;
}

.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-next:focus {
    outline: none;
}


.tutor_reviews {
    padding: 43px 0 49px;
    background: #f4f9fc;

}

.tutor_review_txt {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 21px rgba(9, 18, 35, 0.08);
    height: 100%;
    padding: 0 28px 82px 23px;
    text-align: center;
}

.reviews_carousel .tutor_review_txt img {
    width: auto;
    margin: auto;
}

.tutor_review_txt figure {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 4px solid #fff;
    overflow: hidden;
    margin: -60px auto 7px;
    display: inline-block;
}

.reviews_carousel .item {
    padding: 92px 14px 20px;
}

.tutor_review_txt h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.tutor_review_txt strong {
    font-weight: normal;
    color: #878787;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
}

.rating {
    display: block;
    color: rgba(0, 0, 0, 0.77);
    margin-bottom: 14px;
}

.tutor_review_txt .rating img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}

.tutor_review_txt p {
    line-height: 20px;
    font-size: 14px;
    padding: 0 25px
}

.tutor_review_txt .btn {
    padding: 12px 22px;
    margin-top: 2px;
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    left: 50%;
    margin: auto;
    bottom: 50px;
    transform: translateX(-50%);
}

.reviews_carousel {
    padding-bottom: 23px;
}

.reviews_carousel .owl-nav .owl-prev,
.reviews_carousel .owl-nav .owl-next {
    top: 56%;
}

.reviews_carousel.owl-carousel .owl-nav button.owl-prev {
    left: -61px;
}

.reviews_carousel.owl-carousel .owl-nav button.owl-next {
    right: -61px;
}


/*-- Newsletter Css Start --*/
.newsletter {
    border-bottom: 1px solid #cccdd0;
    padding: 20px 0;
    background: #4a9bd3;
}

.newsletter_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* padding: 0 127px 0 122px; */
}

.newsletter_txt {
    width: 47%;
    padding-right: 26px;
    text-align: left;
}

.newsletter_txt h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    line-height: 39px;
}

.newsletter_txt p {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    color: #fff;
}

.newsletter_txt span {
    font-size: 16px;
    font-weight: 400;
    padding-left: 9px;
    color: #fff;
    width: 60%;
    line-height: 20px;
}

.newsletter_form {
    width: 53%;
}

.newsletter_input {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.newsletter_input .form-control {
    height: 45px;
    border-radius: 5px;
    background: #fff;
    border: none;
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
    font-weight: 400;
    padding-right: 100px;
    font-family: 'Inter Light BETA';
}

.newsletter_input .form-control:focus {
    box-shadow: none;
}

.newsletter_input .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.44);
}

.newsletter_input .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.44);
}

.newsletter_input .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.44);
}

.newsletter_input .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.44);
}

.subscribe_btn {
    font-size: 16px;
    position: absolute;
    right: 4px;
    top: 3px;
    padding: 10px 18px;
}

.subscribe_btn:hover {
    color: #fff;
}

.subscribe_btn:after {
    background: #fff;
}

/*-- Newsletter Css End --*/

.subject_group {
    padding: 14px 0 14px;
    border-bottom: 1px solid #cccdd0;

}

.subject_group h3 {
    font-size: 18px;
    font-weight: 700;
    /* margin-bottom: 25px; */
    /* background-color: #0575c1; */
    border-radius: 5px;
}

.subject_group h3 a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 20px;
}

.topsubject {
    /* float: left; */
    width: 100%;
    padding-right: 18px;
    text-align: center;
}

.topsubject ul {
    margin: 0 -10px;
    font-size: 0;
}

.topsubject ul li {
    width: 33.33%;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
}

.test_prep {
    /* float: right; */
    width: 100%;
    padding-left: 18px;
    font-size: 0;
    /* display: none; */
    text-align: center;
    margin-bottom: 20px;
}

.test_prep ul {
    display: inline-block;
    vertical-align: top;
    width: 31.33%;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(5, 117, 193, 1) 0%, rgba(0, 212, 255, 1) 100%);
    margin-right: 10px;
    border-radius: 5px;
    padding: 40px 0;
    margin-top: 5px;
}

.test_prep ul li {
    padding-bottom: 6px
}

.test_prep ul li.test_title {
    padding-bottom: 12px;
}

.subject_group ul li a {
    font-size: 16px;
    color: #fff;
    font-family: "Inter Semi Bold";
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.subject_group ul li a:hover {
    color: #fff;
}

.subject_group ul li.test_title a {
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    font-family: "Inter Semi Bold";
}



.language_location {
    padding: 20px 0 20px;
    border-bottom: 1px solid #cccdd0;
}

.language_location h2 {
    /* font-size: 18px; */
    font-weight: 800;
    padding-bottom: 1px;
    padding-top: 15px;
    text-align: center;
    /* background-color: #0575c1; */
    border-radius: 5px;
    /* margin-bottom: 25px */
    /* text-decoration: underline; */
}

.language_location h2 a {
    display: block;
    color: #000;
    text-decoration: none;
}

.language_panel {
    /* float: left; */
    width: 100%;
    padding-right: 15px;
}

.language_panel ul li {
    display: inline-block;
    margin-left: 25px;
    /* padding: 18px 15px; */
    /* background: rgb(78 200 232 / 23%); */
    border-radius: 8px;
    margin-top: 15px;
    max-width: 260px;
    width: 260px;
    text-align: center;
    word-break: normal;
}

.language_panel ul li a {
    font-size: 15px;
    color: #000;
    padding: 18px 15px;
    font-family: 'Inter Light BETA';
    color: rgba(0, 0, 0, 0.77);
    text-decoration: none;
    font-weight: 700;
    display: block;
}

.language_panel ul li a:hover {
    color: #0575c1;
}

.topsubject ul {
    margin: 0 -10px;
    font-size: 0;
}

.topsubject ul li {
    width: 33.33%;
    padding: 0 10px 6px;
    display: inline-block;
    vertical-align: top;
}

.popular_locations {
    float: right;
    width: 79%;
    padding-left: 10px;
    font-size: 0;
    display: none;
}

.popular_locations ul {
    font-size: 0;
}

.popular_locations ul li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-bottom: 6px;
    padding-right: 15px;
}

.popular_locations ul li a {
    font-size: 15px;
    color: #000;
    font-family: 'Inter Light BETA';
    color: rgba(0, 0, 0, 0.77);
    text-decoration: none
}

.popular_locations ul li a:hover {
    color: #0575c1;
}

.popular_locations ul li.test_title a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    font-family: 'Inter', sans-serif;
}



footer {
    padding: 38px 0 25px;
    background: #0575c1;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
}

.footer_about figure {
    margin-bottom: 36px;
}

.footer_top {
    display: flex;
    flex-wrap: wrap;
}

.footer_contact>li {
    display: block;
    padding-left: 50px;
    position: relative;
    margin-bottom: 9px;
}

.footer_contact>li a {
    display: block;
}

.footer_contact>li i {
    position: absolute;
    top: 0;
    left: 4px;
}

.footer_top h3 {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 11px;
}

.footer_top h3 a {
    color: #fff;
    text-decoration: none;
}

.footer_top ul li {
    padding-bottom: 6px;
}

.footer_top ul li a {
    font-size: 15px;
    color: #000;
    font-family: 'Inter Light BETA';
    /* color: rgba(0, 0, 0, 0.77); */
    text-decoration: none;
    color: #fff;
}

.footer_top ul li a:hover {
    color: #ffffff;
}

.footer_about {
    width: 36%;
    padding-right: 10px;
}

.footer_educating {
    width: 25%;
}

.footer_learnwithus {
    width: 39%;
}

.footer_learnwithus ul {
    font-size: 0;
}

.footer_learnwithus ul li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.footer_bottom_txt {
    display: flex;
    flex-wrap: wrap;
}

.footer_social {
    width: 33.33%;
    display: flex;
}

.footer_social>li {
    margin-right: 8px;
}

.footer_social>li a {
    height: 35px;
    text-decoration: none;
    width: 35px;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eeeeef;
    background-color: #fff;
    color: #007bff;
    font-size: 22px;
}

.footer_social>li a.linkedin {
    font-size: 19px;
}

.footer_social>li:last-child {
    margin-right: 0px
}

.footer_social>li a img.hover {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

img.hover2 {
    position: absolute;
    z-index: -1;
}

.footer_social>li a.tiktok:hover img.hover2 {
    z-index: 1;
}


.footer_social>li a.instagram:hover img {
    opacity: 0;
    visibility: hidden;
}

.footer_social>li a.instagram:hover img.hover {
    opacity: 1;
    visibility: visible;
}

.footer_social>li a:hover {
    background-color: #0575c0;
    color: #fff;
    border: 1px solid #0575c0;
}

.copyright {
    width: 33.33%;
    text-align: center;
    padding-top: 6px;
}

.copyright p {
    margin: 0;
    color: #fff;
    font-weight: 800;
}

.footer_bottom {
    border-top: 1px solid #cccdd0;
    padding-top: 21px;
    text-align: right;
    margin-top: 48px;
}

.footer_btm_link {
    width: 33.33%;
    padding-top: 6px;
}

.footer_btm_link li {
    display: inline-block;
    padding-right: 29px;
}

.footer_btm_link li:last-child {
    padding-right: 0;
}

.footer_btm_link li a {
    font-size: 15px;
    color: #000;
    /* color: rgba(0, 0, 0, 0.77); */
    text-decoration: none;
    color: #fff;
    font-weight: 800;
}

.footer_btm_link li a:hover {
    color: #fff;
}

.modal-backdrop {
    background: #161d29;
}

.modal-backdrop.show {
    opacity: 0.7;
    z-index: 0 !important;
}

/*-- Login Signup Css Start --*/
.login_modal .modal-content {
    border: none;
    border-radius: 15px;
}

.login_modal .modal-body {
    padding: 20px 35px 10px;
}

.login_modal .modal-dialog {
    max-width: 430px;
}

.user_tab .nav-tabs {
    border-bottom: none;
    background: #0575c1;
    border-radius: 5px;
    overflow: hidden;
    margin: 0;
    padding-bottom: 1px;
}

.user_tab .nav-item {
    width: 50%;
    text-align: center;
    margin: 0px;
}

.user_tab .nav-tabs .nav-link {
    border: 1px solid #0575c1;
    background: #fff;
    color: #0575c1;
    border-radius: 20px;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 15px;
    position: relative;
}

.user_tab .nav-tabs .nav-link:hover {
    background-color: #0575c1;
    color: #fff;
}

.user_tab .nav-tabs .nav-item.show .nav-link,
.user_tab .nav-tabs .nav-link.active {
    background: #0575c1;
    color: #fff;
}

.user_tab .nav-tabs .nav-item.show .nav-link:after,
.user_tab .nav-tabs .nav-link.active:after {
    opacity: 1;
    visibility: visible;
}

.login_content {
    padding: 25px 38px 0px;
    text-align: center;
}

.login_content h1 {
    font-size: 30px;
    font-weight: 800;
    color: #0575c1;
    margin: 0 0 3px;
    font-family: "Open Sans", sans-serif;
}

.login_content p {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}

/* .lead_form {
    padding-top: 22px;
} */

.lead_form .form-control {
    width: 100%;
    height: 45px !important;
    font-size: 16px;
    border-radius: 7px;
    border: 1px solid #babbbb;
    padding: 0 19px;
}

.lead_form .form-control::-webkit-input-placeholder {
    color: #3f4040;
}

.lead_form .form-control::-moz-placeholder {
    color: #3f4040;
}

.lead_form .form-control:-ms-input-placeholder {
    color: #3f4040;
}

.lead_form .form-control:-moz-placeholder {
    color: #3f4040;
}

.lead_form .form-control:focus {
    outline: none;
    box-shadow: none;
}

.sel .form-control ::-webkit-input-placeholder {
    color: #3f4040;
}

.sel .form-control ::-moz-placeholder {
    color: #3f4040;
}

.sel .form-control :-ms-input-placeholder {
    color: #3f4040;
}

.sel .form-control :-moz-placeholder {
    color: #3f4040;
}

.lead_form textarea.form-control {
    height: 111px;
    padding-top: 15px;
    resize: none;
}

.lead_form select.form-control {
    padding-right: 37px;
    background-image: url(../images/dropdown_icon.svg);
    background-repeat: no-repeat;
    background-position: center right 16px;
    -webkit-appearance: none
}

.lead_form .form-group {
    margin-bottom: 10px;
}

.lead_form .form-group.submit_btn {
    padding-top: 28px;
    margin-bottom: 18px;
}

.submit_btn .btn {
    min-width: 100%;
    font-weight: 600;
    height: 40px;
    line-height: 22px;
    border-radius: 22px;
}

.password_input {
    position: relative;
}

.password_input .form-control {
    padding-right: 50px;
}

.view_password {
    position: absolute;
    top: 20px;
    right: 16px
}

.lead_form .remember_checkbox {
    text-align: left;
}

.lead_form .styled-selectors.remember_checkbox label {
    font-size: 15px;
    color: #3f4040;
}

.lead_form .styled-selectors input[type=checkbox]:not(old) {
    margin: 0;
    padding: 0;
    opacity: 0;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0px;
    cursor: pointer;
}

.lead_form .styled-selectors input[type=checkbox]:not(old)+label {
    display: inline-block;
    margin-left: 0;
    padding-left: 30px;
    line-height: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.lead_form .styled-selectors input[type="checkbox"]:not(old)+label {
    position: relative;
}

.lead_form .styled-selectors input[type="checkbox"]:not(old)+label:after {
    position: absolute;
    top: 1px;
    left: 0px;
    content: '';
    height: 19px;
    width: 19px;
    border: 2px solid #bababa;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.lead_form .styled-selectors input[type="checkbox"]+label:before {
    position: absolute;
    top: 6px;
    left: 5px;
    margin: auto;
    content: '';
    height: 9px;
    width: 9px;
    background: #0575c1;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.lead_form .styled-selectors input[type="checkbox"]:checked+label:before {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.lead_form .styled-selectors input[type="checkbox"]:checked+label:after {
    border: 2px solid #0575c1;
}



.forgot_password a {
    color: #0575c1;
    font-size: 15px;
}

.owl-dots {
    text-align: center;
}

.owl-dots button.owl-dot {
    height: 13px;
    width: 13px;
    /* background: #b9b9b9; */
    border-radius: 50%;
    margin: 0 3px;
}

.owl-dots button:focus {
    outline: none;
}

.owl-dots button.owl-dot.active {
    /* background: #1575bc */
}


@media (min-width:992px) {
    .login_panel.mobile_visiable {
        display: none;
    }
}

@media (min-width:768px) {
    .footer_top .collapse:not(.show) {
        display: block;
    }

    .subject_group .collapse:not(.show) {
        display: block;
    }

    .footer_top h3 a {
        pointer-events: none;
    }

    .language_panel .collapse:not(.show) {
        display: block;
        /* text-align: center; */
    }

    .popular_locations .collapse:not(.show) {
        display: block;
    }

    .mobile_show {
        pointer-events: none;
    }

    .mobile_contact {
        display: none !important
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .reviews_carousel {
        padding: 0 30px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-prev {
        left: -4px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-next {
        right: -4px;
    }

}

@media (min-width:992px) and (max-width:1199px) {
    .reviews_carousel {
        padding: 0 30px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-prev {
        left: -4px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-next {
        right: -4px;
    }

    .tutor_review_txt p br {
        display: none;
    }

    .logo_panel {
        width: 100%;
        float: none;
        text-align: center;
    }

    .navigation-panel {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 5px;
    }

    .navigation-panel .navbar {
        text-align: center;
        justify-content: center;
    }

    .banner_txt_btm ul {
        padding: 0px;
    }

    .banner_txt_btm ul>li {
        padding: 12px 21px 21px 25px;
    }

    .info_txt strong {
        font-size: 18px;
    }

    .info_txt p {
        font-size: 18px;
    }

    .work_list>li {
        padding: 0 50px;
    }

    /* .work_txt h3 {
        padding-left: 43px;
    } */

    .work_txt p br {
        display: none;
    }

    .work_list>li:after {
        width: 157px;
        height: 21px;
        right: -85px;
    }

    .work_list>li:nth-child(2):after {
        width: 157px;
        height: 21px;
        right: -85px;
    }

    .subject_txtbox {
        padding: 15px;
    }

    .subject_txtbox strong {
        font-size: 16px;
        padding-left: 15px;
    }

    .newsletter_content {
        padding: 0;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .reviews_carousel {
        padding: 0 30px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-prev {
        left: -4px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-next {
        right: -4px;
    }

    .tutor_review_txt p br {
        display: none;
    }


    .banner_content {
        min-height: 395px;
    }

    .banner_txt_top {
        padding-top: 81px;
    }

    .banner_txt_btm ul {
        padding: 0px;
    }

    .banner_txt_btm ul>li {
        padding: 10px;
    }

    .banner_txt_top h1 {
        font-size: 36px;
    }

    .info_txt figure img {
        max-width: 25px;
    }

    .info_txt {
        padding-left: 35px;
    }

    .info_txt strong {
        font-size: 15px;
    }

    .info_txt p {
        font-size: 15px;
        word-break: break-all
    }

    .work_list>li {
        padding: 0 19px;
    }

    .work_txt h3 {
        /* padding-left: 30px; */
        font-size: 16px;
        line-height: 24px;
    }

    .work_txt h3 span {
        font-size: 34px;
    }

    .work_txt p br {
        display: none;
    }

    .work_list>li:after {
        width: 100px;
        height: 21px;
        right: -50px;
    }

    .work_list>li:nth-child(2):after {
        width: 100px;
        height: 21px;
        right: -60px;



    }

    .subject_txtbox {
        padding: 15px;
    }

    .subject_txtbox strong {
        font-size: 15px;
        padding-left: 15px;
        line-height: 20px;
    }

    .newsletter_content {
        padding: 0;
    }

    .subject_listing>li {
        width: 33.33%;
    }

    .featuring_listing>li {
        width: 50%;
        padding: 10px;
    }

    .newsletter_txt h3 {
        font-size: 30px;
    }

    .newsletter_txt p {
        font-size: 15px;
    }

    .topsubject {
        width: 100%;
        float: none;
        padding: 0 0 30px;
    }

    .test_prep {
        width: 100%;
        float: none;
        padding: 0;
    }

    .language_panel {
        width: 100%;
    }

    .popular_locations {
        width: 60%;
    }

    .popular_locations ul li {
        width: 50%;
    }

    .footer_about {
        width: 50%;
    }

    .footer_educating {
        width: 50%;
    }

    .footer_learnwithus {
        width: 100%;
        padding-top: 20px;
    }

    .footer_social {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .copyright {
        width: 100%;
        text-align: center;
        order: 3;
    }

    .footer_btm_link {
        width: 100%;
        text-align: center;
    }

}

@media (max-width:991px) {
    .logo_panel {
        width: 50%;
    }

    .logo_panel img {
        max-width: 130px;
    }

    .navigation-panel {
        width: 50%;
        padding-top: 5px;
    }

    .navigation-panel .navbar {
        position: fixed;
        top: 53px;
        right: -100%;
        width: 390px;
        height: calc(100% - 53px);
        background: #fff;
        display: block;
        text-align: left;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        overflow-y: auto;
    }

    .navigation-panel .navbar.show {
        right: 0;
    }

    .nav_navbar>li {
        display: block;
        padding: 0;
    }

    .nav_navbar>li a {
        padding: 15px 15px;
        display: block;
        border-bottom: 1px solid #f5f5f5
    }

    .nav_navbar {
        display: block;
        margin: 0;
    }

    .login_panel {
        display: none;
        margin-right: 40px;
    }

    .login_panel a {
        vertical-align: middle;
    }

    .login_panel.mobile_visiable {
        display: inline-block;
        border: none;
        font-size: 15px;
    }

    .login_panel.mobile_visiable:before {
        display: none;
    }

    .login_panel.mobile_visiable img {
        display: none;
    }

    .navbar-toggler {
        display: inline-block;
        width: 25px;
        height: 15px;
        padding: 0;
        position: absolute;
        top: 9px;
        right: 0;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        outline: none;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .navbar-toggler span.touch-button {
        display: none;
    }

    .navbar-toggler span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #000;
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .navbar-toggler span:nth-child(1) {
        top: 0px;
    }

    .navbar-toggler span:nth-child(2),
    .navbar-toggler span:nth-child(3) {
        top: 6px;
        left: 0px;
    }

    .navbar-toggler span:nth-child(4) {
        top: 12px;
    }

    .navbar-toggler.open span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%;
    }

    .navbar-toggler.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .navbar-toggler.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navbar-toggler.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .navigation-panel .btn_group {
        padding: 20px 15px;
    }
}

@media (max-width:767px) {
    .container {
        max-width: 100%;
    }

    .section-title h2 {
        font-size: 22px;
    }

    .section-title p {
        font-size: 14px;
    }

    .login_panel.mobile_visiable {
        font-size: 21px;
    }

    .login_panel.mobile_visiable a {
        font-size: 0;
    }

    .login_panel.mobile_visiable img {
        display: block;
    }

    .navigation-panel .navbar {
        width: 100%;
    }

    .navigation-panel {
        padding-top: 0;
    }

    .banner_content {
        min-height: 100%;
        padding: 15px 0 30px
    }

    .banner_txt_top {
        padding-top: 20px;
    }

    .banner_txt_top h1 {
        font-size: 26px;
    }

    .banner_txt_top p {
        font-size: 15px;
    }

    .banner_txt_btm {
        position: relative;
        padding-top: 25px;
        display: none;
    }

    .banner_txt_btm ul {
        padding: 0;
    }

    .banner_txt_btm ul>li {
        width: 100%;
        border: none;
        padding: 0 0 15px;
    }

    .info_txt strong {
        font-size: 16px;
    }

    .info_txt p {
        font-size: 16px;
    }

    .tab_panel .nav-tabs .nav-link {
        min-width: 146px;
        font-size: 16px;
    }

    .howitwork {
        padding: 20px 0px 20px;
    }

    .howitwork .tab-content {
        padding-bottom: 10px;
    }

    .work_list>li {
        width: 100%;
        padding: 0 0 20px;
    }

    .work_list>li:last-child {
        padding-bottom: 0;
    }

    .work_list>li:after {
        display: none;
    }

    .work_txt p {
        padding: 0;
    }

    .tab_panel {
        padding-bottom: 40px;
    }

    .subjects {
        padding: 0 0 20px;
    }

    .subject_listing>li {
        width: 50%;
    }

    .subject_txtbox strong {
        font-size: 16px;
    }

    .subject_listing {
        padding-bottom: 24px;
        padding-top: 0;
    }

    .featuring {
        padding: 20px 0
    }

    .featuring .section-title {
        padding-bottom: 0
    }

    .featuring_listing {
        padding-top: 0;
    }

    .featuring_listing>li {
        width: 100%;
        padding-bottom: 30px;
    }

    .featuring_listing>li:last-child {
        padding-bottom: 0;
    }

    .reviews_carousel {
        padding: 0 20px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-prev {
        left: -4px;
    }

    .reviews_carousel.owl-carousel .owl-nav button.owl-next {
        right: -4px;
    }

    .reviews_carousel .item {
        padding: 59px 14px 20px;
    }

    .meet_tutor {
        padding: 20px 0
    }

    .tutor_reviews {
        padding: 20px 0
    }

    .tutor_review_txt {
        box-shadow: 0 0 13px rgba(9, 18, 35, 0.08);
        padding: 0 15px 80px
    }

    .tutor_review_txt .btn {
        padding: 10px 20px;
    }

    .tutor_review_txt p {
        padding: 0;
    }

    .tutor_review_txt p br {
        display: none;
    }

    .newsletter_txt {
        width: 100%;
        padding: 0 0 15px;
        text-align: center;
    }

    .newsletter {
        padding: 20px 0 25px;
        /* margin-top: 1523%; */
    }

    #new1 {
        padding: 20px 0 25px;
        /*  margin-top: 75%;*/
    }

    .newsletter_content {
        padding: 0;
    }

    .newsletter_txt h3 {
        font-size: 28px;
    }

    .newsletter_form {
        width: 100%;
        text-align: center
    }

    .newsletter_input .form-control {
        padding: 15px;
    }

    .subscribe_btn {
        position: relative;
        margin: 8px auto auto;
        border: 1px solid #fff;
    }

    .topsubject {
        width: 100%;
        padding: 0;
    }

    .topsubject ul li {
        width: 50%;
    }

    .test_prep {
        width: 100%;
        padding: 0;
    }

    .test_prep ul {
        width: 100%;
        padding: 10px 0 10px;
        margin-top: 6px;
    }

    .language_panel {
        width: 100%;
        padding: 0 0 0
    }

    .popular_locations {
        width: 100%;
        padding: 0;
    }

    .popular_locations ul li {
        width: 50%;
    }

    .footer_about {
        width: 100%;
        padding: 0 0 20px;
        display: none;
    }

    .footer_top h3 {
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .footer_educating {
        width: 100%;
        padding-top: 12px;
    }

    .footer_learnwithus {
        width: 100%;
        padding: 0;
    }

    .footer_social {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .copyright {
        width: 100%;
        text-align: center;
        order: 3;
    }

    .footer_btm_link {
        width: 100%;
        text-align: center;
    }

    .subject_group {
        /* padding-bottom: 0; */
        border: none;
    }

    .language_location h2 {
        padding-bottom: 6px;
    }

    .footer_bottom {
        margin-top: 5px;
        border: none;
        padding-top: 0
    }

    .subject_group h3 {
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .language_location h2 {
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .meet_tutor .outer {
        padding: 10px 20px 20px;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        width: 22px;
        height: 14px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -25px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -25px;
    }

    .totur_detail {
        position: relative;
        bottom: 0;
        min-width: 100%;
        padding: 10px;
        border-radius: 0 0 10px 10px;
        margin-top: 0;
    }

    .totur_detail span {
        width: 100%;
        padding: 0 0 3px;
        font-size: 19px;
    }

    .totur_detail p {
        width: 100%;
        padding: 5px 0 0;
        font-size: 15px;
        border-left: none;
        line-height: 22px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    .totur_detail p strong {
        font-size: 14px;
    }

    .subject_group ul li a {
        font-size: 14px;
    }

    .language_panel ul li a {
        font-size: 14px;
    }

    .popular_locations ul li a {
        font-size: 14px;
    }

    .footer_top ul li a {
        font-size: 14px;
    }

    .login_modal .modal-dialog {
        max-width: 95% !important;
        margin: .5rem;
    }

    .login_modal .modal-body {
        padding: 15px;
    }

    .login_content {
        padding: 25px 0 0;
    }

    .lead_form {
        padding-top: 5px;
    }

    .user_tab .nav-tabs .nav-link {
        font-size: 16px;
        padding: 8px 15px;
    }

    .forgot_password a {
        font-size: 13px;
    }

    .login_content h1 {
        font-size: 26px;
        margin-top: 10px;
    }

    .login_content p {
        font-size: 14px;
    }

    .lead_form .styled-selectors.remember_checkbox label {
        font-size: 13px;
    }

    .lead_form .form-control {
        font-size: 14px;
        height: 42px;
        padding: 0 15px;
    }

    .lead_form .form-group.submit_btn {
        padding-top: 0;
        margin-bottom: 18px;
    }

    .subject_txtbox {
        display: block;
        text-align: center;
        height: 100%;
    }

    .subject_txtbox figure {
        margin: auto auto 15px;
    }

    .subject_txtbox strong {
        width: 100%;
        padding: 0;
    }

    .featuring_txtbox figure {
        margin-bottom: 15px;
    }

    .featuring_txtbox {
        text-align: center;
        padding: 15px;
    }

    .featuring_listing {
        display: none;
    }

    .featuring_carousel .item {
        padding: 20px;
    }

    .featuring_carousel .featuring_txtbox figure img {
        width: auto;
        display: block;
        margin: auto;
    }

    .featuring_carousel .owl-nav button.owl-prev {
        left: -8px;
    }

    .featuring_carousel .owl-nav button.owl-next {
        right: -8px;
    }

    .mobile_show {
        position: relative;
    }

    .mobile_show:after {
        content: "";
        position: absolute;
        top: 2px;
        right: 8px;
        background-image: url("../images/arrow-right.png");
        width: 10px;
        height: 16px;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: all 0.3s ease;
    }

    .footer_top h3 a {
        display: block;
    }

    .mobile_show[aria-expanded="true"]:after {
        transform: rotate(90deg)
    }

    .language_location {

        border: none;
    }

    footer {
        padding: 0px 0 25px;

    }

    #big figure {
        border-radius: 10px 10px 0 0
    }

    .language_location h2 {
        font-size: 16px;
    }

    .footer_top h3 {
        font-size: 16px;
    }

    .subject_group h3 {
        font-size: 16px;
    }

    .mobile_contact {
        padding: 15px;
        border-top: 1px solid #f5f5f5;
    }

    .mobile_contact .footer_contact>li {
        padding-left: 40px;
    }

    .mobile_contact .footer_contact>li a {
        font-size: 15px;
        color: #000;
        font-family: 'Inter Light BETA';
        color: rgba(0, 0, 0, 0.77);
        text-decoration: none;
    }

    .mobile_contact .footer_contact>li i {
        top: 2px;
    }

    .language_location ul {
        padding-bottom: 20px;
    }

    .footer_top ul {
        padding-bottom: 20px;
    }
}

@media (max-width:479px) {
    .popular_locations ul li {
        width: 100%;
    }

    .footer_learnwithus ul li {
        width: 100%;
    }
}


/*inner page css start*/
.inner_banner {
    position: relative;
    z-index: 1;
    background-position: center !important;
    background-size: cover !important;
    min-height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat !important;
}

.inner_banner3 {
    position: relative;
    z-index: 1;
    background-position: 100% 26%!important; 
    background-size: cover !important;
    min-height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat !important;
}

.inner_banner:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    background-image: -moz-linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0575c1', endColorstr='#0745ac', GradientType=0);
}

.inner_banner h1 {
    color: #fff;
    margin: 0;
    font-size: 30px;
    font-family: 'Inter Semi Bold';
    position: relative;
    z-index: 2;
}
.inner_banner3 h1 {
    color: #fff;
    margin: 0;
    font-size: 30px;
    font-family: 'Inter Semi Bold';
    position: relative;
    z-index: 2;
}

.inner_banner h1:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 58px;
    border-radius: 6px;
    background-color: #fab649;
    left: 0;
    bottom: -6px;
}

.blog-section {
    padding: 25px 0 25px;
    background: #fff;
}

.bloglist {
    display: flex;
    flex-wrap: wrap;
}

.blogleft {
    width: 71%;
}

.blogright {
    width: 29%;
    padding: 0 0 0 30px;
    margin-top: 20px;
}

.bloglistbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    /* border: 2px solid #0575c1; */
    margin: 20px 0 20px;
    background: #fff;
    padding: 8px 0;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.bloglistimg {
    width: 42.5%;
    border-right: 2px solid #d7dee3;
}

.bloglistimg figure {
    overflow: hidden;
    /* border-radius: 154px; */
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    text-align: center;
}
.bloglistimg figure img{
    height: 230px;
    margin: auto;
    object-fit: cover;
}

.blogcontent {
    width: 57.5%;
    padding: 30px;
}

.blogcontent h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 7px;
}

.blogcontent span {
    display: block;
    font-size: 14px;
    color: #616161;
}

.blogcontent span b {
    font-weight: normal;
    color: #0575c1;
}

.blogcontent p {
    font-size: 14px;
    color: #7d7d7d;
    margin: 0px 0 10px 0;
}

.blogcontent .btn.btn-primary.btn-outline-primary {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
}

.recentpost {
    border: 1px solid #e8e8e8;
    padding: 15px 15px 20px 15px;
    margin-top: 10px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.recentpost h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #626262;
    border-bottom: 1px solid #918d8d;
}

.recentpost ul li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding: 0 0 30px;
    position: relative;
}

.recentpost ul li:last-child {
    padding: 0;
}

.postimg {
    width: 37%;
}

.postimg figure {
    /* border: 1px solid #0575c1; */
    overflow: hidden;
}
.postimg figure img{
    height: 55px;
    object-fit: scale-down;
}
.postcontent {
    width: 63%;
    padding: 0 0 0 13px;
}

.postcontent strong {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 10px;
}

.postcontent strong a {
    text-decoration: none;
    color: #000000;
}

.postcontent strong a:hover {
    color: #0575c1;
}

.postcontent span {
    display: block;
    font-size: 13px;
    color: #616161;
}

.postcontent span b {
    font-weight: normal;
    color: #0575c1;
}

.pagination {
    background-color: #fafafa;
    padding: 10px;
    margin: 67px 0px 0px 0px;
}

.pagination .page-link {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 8px 12px;
    color: #0575c1;
    outline: none;
    box-shadow: none;
    border-radius: 0;
}

.pagination .page-item.disabled .page-link {
    background-color: transparent;
    color: #0e1326;
}

.pagination .page-link figure {
    display: inline-block;
    height: 12px;
    width: 7px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 12px;
}

.pagination .disabled .page-link figure img {
    margin-top: -22px;
}

.blog_detail_banner {
    min-height: 365px;
}

.blog_detail_banner:after {
    display: none;
}

.blog_detail {
    padding: 38px 0 45px;
}

.blogdetail_panel h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 12px;
}

.blogdetail_panel span {
    display: block;
    font-size: 14px;
    color: #616161;
    padding: 0 0 25px;
}

.blogdetail_panel span b {
    font-weight: normal;
    color: #0575c1;
}

.blogdetail_panel p {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.77);
    margin: 0 0 24px;
    line-height: 26px;
}

.blogdetail_panel figure {
    margin-bottom: 29px;
}

.blogdetail_panel h3 {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #cccdd0;
    padding-bottom: 16px;
    margin-bottom: 37px;
}

.share_social {
    display: flex;
    align-items: center;
    padding-top: 8px;
}

.share_social>li.share_title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.share_social>li {
    margin-right: 11px;
}

.share_social>li a {
    height: 35px;
    text-decoration: none;
    width: 35px;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eeeeef;
    background-color: #fff;
    color: #0575c0;
    font-size: 22px;
}

.share_social>li a.linkedin {
    font-size: 19px;
}

.share_social>li:last-child {
    margin-right: 0px
}

.share_social>li a img.hover {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.share_social>li a.instagram:hover img {
    opacity: 0;
    visibility: hidden;
}

.share_social>li a.instagram:hover img.hover {
    opacity: 1;
    visibility: visible;
}

.share_social>li a:hover {
    background-color: #0575c0;
    color: #fff;
    border: 1px solid #0575c0;
}

.comment_box {
    padding: 57px 0 42px;
}

.comment_box ul {
    padding: 10px 17px 0;
}

.comment_box ul li {
    display: block;
    border-bottom: 1px solid #eaebec;
    margin-bottom: 38px;
    padding-bottom: 20px;
}

.comment_box ul li:last-child {
    margin: 0;
    padding-bottom: 0;
    border: none;
}

.comment_txtbox {
    display: flex;
    flex-wrap: wrap;
}

.comment_userimg {
    width: 70px;
    padding-top: 3px;
}

.comment_userimg figure {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0
}

.comment_usertext {
    padding-left: 17px;
    width: calc(100% - 70px);
}

.comment_usertext h4 {
    font-size: 18px;
    font-weight: 700;
}

.comment_usertext strong {
    font-size: 12px;
    font-weight: 700;
    color: #cccccc;
    display: block;
    padding-bottom: 3px;
}

.comment_usertext p {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.77);
    margin: 0;
    line-height: 26px;
}

.comment_form .row {
    margin: 0 -10px;
}

.comment_form .col-md-6 {
    padding: 0 10px;
}

.comment_form .form-group {
    margin-bottom: 20px;
}

.comment_form .form-control {
    font-size: 14px;
    padding: 0 0 0 10px;
    height: 36px;
    border-radius: 0;
    border: 1px solid #e1e1e1;
    margin-bottom: 4px;
}

.comment_form .form-control:focus {
    outline: none;
    box-shadow: none;
}

.comment_form textarea.form-control {
    padding: 15px 0 0 10px;
    height: 128px;
    resize: none;
}

.comment_form .form-control::-webkit-input-placeholder {
    color: #a1a1a1;
}

.comment_form .form-control::-moz-placeholder {
    color: #a1a1a1;
}

.comment_form .form-control:-ms-input-placeholder {
    color: #a1a1a1;
}

.comment_form .form-control:-moz-placeholder {
    color: #a1a1a1;
}

.comment_form .btn {
    min-width: 185px;
    margin-top: 7px;
    padding: 17px 15px;
    border-radius: 8px;
}

/*-- Contact Page Css Start --*/
.contact-section {
    padding: 25px 0 25px;
}

.contact-section .section-title p {
    font-size: 16px;
}

.contactlist {
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 29px rgba(9, 18, 35, .08);
    box-shadow: 0 0 29px rgba(9, 18, 35, .08);
    overflow: hidden;
    margin: 14px 0 0;
}

.contactleft {
    width: 49.5%;
    padding: 25px 82px 10px 60px;
    background-color: #0575c1;
    background-image: url(../images/watermark.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.contactleft h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
}

.contactleft p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 45px;
    line-height: 27px;
}

.contactleft ul li {
    display: block;
    color: #fff;
    font-size: 17px;
    position: relative;
    padding-left: 62px;
    margin-bottom: 25px;
    line-height: 28px;
}

.contactleft ul li:last-child {
    margin: 0;
}

.contactleft ul li figure {
    position: absolute;
    top: 6px;
    left: 0;
}

.contactleft ul li strong {
    display: block;
    font-weight: 500;
}

.contactleft ul li a {
    color: #fff;
    text-decoration: none;
}

.contactright {
    width: 50.5%;
    padding: 6px 52px 6px;
}

.contact_form .form-group {
    margin-bottom: 15px;
}

.contact_form .form-control {
    height: 64px;
    border-radius: 8px;
    border: 1px solid #babbbb;
    padding-left: 26px;
}

.contact_form .form-control:focus {
    outline: none;
    box-shadow: none;
}

.contact_form textarea.form-control {
    height: 90px !important;
    resize: none;
    padding: 10px 0 0 23px;
    overflow: hidden;
    
}

.contact_form .form-control::-webkit-input-placeholder {
    color: rgba(63, 64, 64, 0.66);
}

.contact_form .form-control::-moz-placeholder {
    color: rgba(63, 64, 64, 0.66);
}

.contact_form .form-control:-ms-input-placeholder {
    color: rgba(63, 64, 64, 0.66);
}

.contact_form .form-control:-moz-placeholder {
    color: rgba(63, 64, 64, 0.66);
}

.contact_form .btn {
    min-width: 160px;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: 500;
}

/*-- Contact Page Css End --*/


/*-- Registration Css Start --*/
.signup_form {
    padding-left: 0;
    padding-right: 0;
}

/* .signup_form .row {
    margin: 0 -8px;
} */

/* .signup_form .col-md-6 {
    padding: 0 8px;
} */

.signup_form .form-control::-webkit-input-placeholder {
    color: rgba(63, 64, 64, 0.60);
}

.signup_form .form-control::-moz-placeholder {
    color: rgba(63, 64, 64, 0.60);
}

.signup_form .form-control:-ms-input-placeholder {
    color: rgba(63, 64, 64, 0.60);
}

.signup_form .form-control:-moz-placeholder {
    color: rgba(63, 64, 64, 0.60);
}

.signup_option {
    padding: 12px 40px 10px;
}

.signup_option a {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
    color: #fff;
    padding: 0 0 0 78px;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    z-index: 1;
    text-decoration: none;
}

.signup_option a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 74px;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: -1;
}

.signup_option a:hover:before {
    width: 100%;
}

.signup_option a figure {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
}

.fb_signup {
    background: #4a6ea8;
}

.fb_signup:before {
    background: #3a5285;
}

.google_signup {
    background: #9dd71e;
}

.google_signup:before {
    background: #95cd19;
}

.sepration {
    max-width: 360px;
    margin: 10px auto;
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 
.sepration:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    width: 100%;
    background: #bebebe;
    z-index: -1;
}
.sepration:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 10px;
    width: 100%;
    background: #bebebe;
    z-index: -1;
} */

.sepration b {
    background: #fff;
    padding: 15px;
    font-weight: 600;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
}
.sepration .left_arrow{
    font-size: 26px;
    transform: rotate(180deg);
    position: absolute;
    left: 111px;
    color: #023a60;
}
.sepration .right_arrow{
    font-size: 26px;
    transform: rotate(0deg);
    position: absolute;
    right: 111px;
    color: #023a60;
}
.signup_form .lead_form .form-group.submit_btn {
    padding: 5px 20px 6px;
}

/*-- Registration Css End --*/

/*-- Subjects Pages Css Start --*/
.main_subjects {
    padding: 47px 0
}

.main_subjects .subject_listing {
    padding-top: 34px;
    padding-bottom: 36px;
}

.main_subjects .subject_listing>li {
    padding-bottom: 38px;
}

.main_subjects .subject_txtbox {
    padding: 0;
    display: block;
    height: 100%;
}

.subjecttop {
    padding: 24px 23px 17px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.subject_name {
    width: 100%;
    padding: 18px 20px 20px;
    border-top: 1px solid #ffffff;
}

.subject_name ul>li {
    color: #42495c;
    font-size: 16px;
    position: relative;
    padding-left: 29px;
    margin-bottom: 10px
}

.subject_name ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: url(../images/arrow.svg) no-repeat;
    width: 9px;
    height: 7px;
}

.main_subjects .bottom_text {
    max-width: 658px;
    margin: auto;
    border-top: 2px solid #e1e2e3;
    padding-top: 45px;
}

.main_subjects .bottom_text p {
    font-size: 15px;
    color: #42495c;
    font-weight: 500;
}

.main_subjects .bottom_text p span {
    font-size: 18px;
}

.main_subjects .bottom_text p a {
    color: #109d58;
    text-decoration: none
}

.main_subjects .bottom_text .btn {
    font-size: 18px;
    padding: 12px 29px;
}

/*-- Subjects Pages Css End --*/


/*-- Tutor Pages Css Start --*/
.profile_banner {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0575c1+0,0745ac+100 */
    background: rgb(5, 117, 193);
    /* Old browsers */
    /* background: -moz-linear-gradient(top, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%); */
    /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%); */
    /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0575c1', endColorstr='#0745ac', GradientType=0); */
    /* IE6-9 */
    background: linear-gradient(to bottom, rgb(232 248 255) 0%, rgb(81 104 143) 100%);
    background-image:  -moz-linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
    background-image: linear-gradient(0deg,#3381b0,#87cefa);

}

.profile_txtbox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 13px;
    min-height: 200px;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
}

.profile_txtbox .profile_img_box {
    position: absolute;
    left: 0;
    /* top: -9px; */
    top: 25px;
    width: 174px;
    height: 174px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
}

.profile_txtbox .profile_img_box img {
    max-width: 100%;
}

.profile_txtbox h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 4px;
    width: 100%;
}

.profile_txtbox p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
    width: 100%;
}

.profile_txtbox figure {
    margin: 0;
    width: 100%;
}

.profile_txtbox .bottom_button {
    padding-bottom: 5px;
}

.profile_txtbox .bottom_button .btn {
    padding: 0;
    height: 43px;
    line-height: 42px;
    position: relative;
    margin-right: 6px;
    min-width: 138px;
    color: #fff;
    border: none;
    z-index: 1;
    overflow: hidden;
    font-size: 15px;
}

.profile_txtbox .bottom_button .btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.05);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.profile_txtbox .bottom_button .btn:active:before,
.profile_txtbox .bottom_button .btn:focus:before,
.profile_txtbox .bottom_button .btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.profile_txtbox .bottom_button .btn:last-child {
    margin: 0;
}

.profile_txtbox .bottom_button .msg_btn {
    background: #f04f5d;
}

.profile_txtbox .bottom_button .session_btn {
    background: #48ebcda8;
}


.left_profile_textbox {
    /* width: 60%; */
    position: relative;
    padding: 6px 0 0 175px;
    /* display: flex;
    flex-wrap: wrap;
    align-content: center; */
    /* padding: 30px 0px 0px 40px; */
}

.right_profile_textbox {
    width: 100%;
    text-align: center;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end; */
    padding-top: 50px;
}

.wishlist_button {
    position: absolute;
    right: 0;
    top: 20px;
}

.wishlist_button a {
    display: block;
    height: 30px;
    width: 30px;
    background: #0575c1;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
}

.wishlist_button a:hover {
    background: #f04f5d;
}

.tutorprofile_section {
    padding: 0px 0 0px
}

.tutorprofile_content {
    display: flex;
    flex-wrap: wrap;
}

.tutor_left {
    width: 71.2%;
    padding-right: 21px;
}



.tutorprofile_content .box {
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
}

.tutorprofile_content .box h3 {
    font-size: 23px;
    /* color: #fff; */
    font-weight: 600;
    margin: 0;
    /* background: #064bae; */
    padding: 11px 28px 10px;
}

.tutorprofile_content .box h3 span {
    font-size: 18px;
    font-weight: 400;
}

.about_txtbox {
    padding: 10px 10px 10px;
    border-radius: 3px;
    overflow: hidden;
    /* border: 1px solid #d3d3d3; */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.about_box strong {
    display: block;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    margin-bottom: 3px;
}

.about_box strong.carriculum_box {
    margin-bottom: 9px;
}

.about_box p {
    color: rgba(0, 0, 0, 0.67);
    font-size: 14px;
    margin: 0;
    line-height: 26px;
    padding: 0;
}

.about_box p:last-child {
    padding-bottom: 0;
}

.about_box span {
    display: block;
    color: #42495c;
    font-size: 14px;
    margin: 0 0 3px;
    padding-left: 15px;
}

.about_box span strong {
    font-weight: 600;
    padding-top: 20px;
}

.review_txtbox {
    border: 1px solid #d3d3d3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 8px 0
}

.review_txtbox ul {
    padding: 0;
    margin: 0;
}

.review_txtbox ul li {
    padding: 13px 0;
    margin-bottom: 20px;
    display: block;
    list-style: none;
    display: inline-block;
    width: 45%;
    margin-right: 38px;
    box-shadow: rgb(14 30 37 / 12%) 0px 2px 4px 0px, rgb(14 30 37 / 32%) 0px 2px 16px 0px;
}

.review_txtbox ul li:nth-child(2n+0) {
    background: #f1f9f5;
}

.user_info_box {
    position: relative;
    padding: 18px 22px 1px 142px;
}

.user_info_box figure {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 21px;
    top: 6px;
}

.user_info_box figure img {
    max-width: 100%;
}

.user_info_box h4 {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    display: block;
    margin-bottom: 5px;
}

.user_info_box span {
    display: block;
    margin-bottom: 4px;
}

.user_info_box p {
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    margin-bottom: 0px;
}

.user_info_box strong {
    display: block;
    font-weight: normal;
    color: rgba(66, 73, 92, 0.77);
    font-size: 15px;
}


.subject_teach {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    padding: 8px 31px;
}

.subject_teach h4 {
    color: #161d29;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    margin-bottom: 8px;
    margin-top: 8px;
}
.card_rating h4 {
    color: #ffffff;
    font-weight: 600;
}

.subject_teach ul {
    margin-bottom: 19px;
    padding-bottom: 6px;
    border-bottom: 1px solid #cdcdcd
}

.subject_teach ul li {
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.67);
}

.subject_teach .subject_teach_list li {
    padding-left: 5px;
}

.subject_teach .subject_teach_list li.subjecttitle {
    padding: 0;
}

.subject_teach p {
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.67);
    margin-bottom: 28px;
}

.subject_teach .expertise_list {
    padding: 0;
    margin: 0;
    border: none;
}

.expertise_list>li {
    padding-left: 20px;
    position: relative;
    line-height: 21px;
}

.expertise_list>li:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -10px;
    background: url(../images/book.png) no-repeat;
    width: 25px;
    height: 25px;
    transform: scale(.5);
}



.introduction_txtbox {
    padding: 25px 23px 25px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.introduction_txtbox p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.67);
    margin-bottom: 14px;
    line-height: 26px;
}

.introduction_txtbox .video_iframe {
    position: relative;
    margin: 0;
    z-index: 1;
    border-radius: 3px;
    border: none;
    width: 100%;
    overflow: hidden;
}

.introduction_txtbox figure:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(22, 24, 29, 0.45);
}

.introduction_txtbox .play_icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 63px;
    width: 63px;
    z-index: 1;
}

/*-- Tutor Pages Css End --*/

/*-- Tutor Searching Pages Css Start --*/
.tutor_searching {
    padding: 25px 0 7px;
    /* background: aliceblue; */
}

.find_tutor {
    /* max-width: 695px; */
    margin: auto;
}

.find_input {
    position: relative;
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
}

.find_input .form-control {
    height: 62px;
    border: 1px solid #e7e7e7;
    color: #000000;
    padding: 0 120px 0 25px;
    font-size: 15px;
}

.find_input .form-control:focus {
    outline: none;
    box-shadow: none;
}

.find_input .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.find_input .form-control::-moz-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.find_input .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.find_input .form-control:-moz-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.find_input .btn {
    position: absolute;
    top: 10px;
    right: 12px;
    padding: 11px 15px;
    font-size: 14px;
}

.tutor_list {
    font-size: 0;
    margin: 15px -16px 50px !important;
    padding: 0;
}

.tutor_list li {
    font-size: 15px;
    display: inline-block;
    width: 50%;
    padding: 28px 16px 2px;
    vertical-align: top;
}

.tutor_textbox {
    border: 1px solid #ededed;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 29 rgba(9, 18, 35, .08);
    box-shadow: 0 0 29px rgba(9, 18, 35, 10%);
}

.image_left {
    width: 43.5%;
    background: rgba(78, 200, 200, 0.10);
    text-align: center;
    padding: 20px;
    position: relative;
}

.image_left figure {
    width: 98px;
    height: 98px;
    border: 0;
    border-radius: 100%;
    overflow: hidden;
    margin: auto auto 10px;
}

.image_left .img-circle  {
    max-width: 100%;
    height: 100px;
    width: 100px;
}

.image_left h3 {
    font-size: 18px;
    color: #161d29;
    font-weight: 600;
    margin-bottom: 2px;
}

.image_left span {
    display: block;
    color: rgba(66, 73, 92, 0.77);

    font-size: 13px;
}

.image_left span.star {
    margin-top: 3px;
}

.info_right {
    width: 56.5%;
    padding: 15px 15px 75px;
    color: rgba(0, 0, 0, 0.77);
    line-height: 18px;
    position: relative;
}

.tutor_textbox .btn {}

.view_profile {
    width: 145px;
    height: 34px;
    color: #fff;
    line-height: 38px;
    display: block;
    margin: 10px auto 0;
    padding: 0;
    position: relative;
    font-size: 15px;
    padding-left: 45px;
    border: none;
    text-align: left;
    background: #0575c1;
}

.view_profile figure {
    position: absolute;
    left: 1px;
    top: 1.5px;
    background: #fff;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
}

.tutor_detail {
    padding: 4px 4px 0;
}

.info_right span {
    display: block;
    margin-bottom: 6px;
    color: rgba(0, 0, 0, 0.70);

}

.info_right p {
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.77);
}

.info_right .bottom_button {
    margin-top: 29px;
    position: absolute;
    left: 0;
    /* bottom: 20px; */
    bottom: 21px;
    padding: 0 17px;
    width: 100%;
    text-align: center;
}

.info_right .bottom_button .btn {
    padding: 0;
    height: 34px;
    line-height: 35px;
    position: relative;
    margin-right: 6px;
    min-width: 48%;
    color: #fff;
    border: none;
    z-index: 1;
    overflow: hidden;
    font-size: 15px;
}

.info_right .bottom_button .msg_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.05);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.info_right .bottom_button .msg_btn:active:before,
.info_right .info_right .msg_btn:focus:before,
.info_right .bottom_button .msg_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.info_right .bottom_button .msg_btn {
    background: #eaa24e;
}

.info_right .bottom_button a:last-child {
    margin-right: 0;
}

.heart_icon {
    display: flex;
    height: 30px;
    width: 30px;
    background: #6a727f;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.heart_icon_static {
    display: block;
    height: 30px;
    width: 30px;
    background: #6a727f;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
}

.heart_icon:hover {
    background: #f26822;
}

/*-- Tutor Searching Pages Css End --*/


/*-- Tutor Profile Edit Pages Css Start --*/
.after_login {
    border-bottom: 1px solid #e7e7e7;
}

.after_login .navigation-panel {
    padding-top: 10px;
}

.user_account {
    position: relative;
    padding-left: 21px;
}

.user_account:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    background: rgba(0, 0, 0, 0.11);
    width: 1px;
    height: 33px;
}

.user_account ul li {
    display: inline-block;
    margin-right: 19px;
    vertical-align: middle;
}

.user_account ul li a {
    display: block;
}

.notification a {
    position: relative;
}

.notification a span {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: #f04f5d;
    border-radius: 50%;
}

.user_account ul li:last-child {
    margin: 0;
}

.profile_toggle {
    padding-left: 37px;
    position: relative;
    padding-top: 4px;
    max-width: 182px;
    padding-right: 23px;
    font-weight: 500;
    color: #000000;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
}

.profile_toggle:hover {
    color: #0575c1;
    text-decoration: none;
}

.profile_toggle:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 2px;
    background: url("../images/dropdown_icon2.svg") no-repeat;
    width: 12px;
    height: 7px;
    border: none;
    border-top: unset !important;
    border-right: unset !important;
    border-bottom: 0 !important;
    border-left: unset !important;

}

.profile_toggle figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #8c8c8d
}

.user_account .dropdown-menu {
    padding: 0;
    background: #0659b5;
    border: none;
    border-radius: 0;
    min-width: 11rem;
    margin-top: 18px;
}

.user_account .dropdown-menu ul li {
    display: block;
    border-bottom: 1px solid #1b6ac1;
    margin: 0;
}

.user_account .dropdown-menu ul li a {
    display: block;
    padding: 10px 15px;
    color: #fff;
}

.user_account .dropdown-menu ul li a:hover {
    background: #1872d6;
}

.user_account .dropdown-menu ul li:last-child {
    border: none;
}

.accoutn_section {
    padding: 25px 0 25px
}

.account_content {
    font-size: 0;
}

.account_left {
    width: 100%;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0575c1+0,0745ac+100 */
    background: rgb(5, 117, 193);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0575c1', endColorstr='#0745ac', GradientType=0);
    /* IE6-9 */
    padding: 20px 34px 20px;
    /* margin-top: 116px; */
    height: 100%;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
}

.profile_box {
    text-align: center;
    padding: 0 0 25px;
    border-bottom: 2px solid #247ec5;
    margin-top: -116px;
    margin-bottom: 30px;
}

.profile_box .profile_pic {
    height: 188px;
    width: 188px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto auto 24px;
    border: 8px solid #ffffff;
    background: #fff;
}

.profile_box .profile_pic img {
    max-width: 100%;
}

.profile_box h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 2px;
}

.profile_box p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.66);
    font-weight: 400;
    margin: 0;
}

.profile-upload_box {
    width: 188px;
    height: 188px;
    border-radius: 50%;
    margin: auto auto 23px;
    position: relative;
}

.img-upload_box {
    position: absolute;
    bottom: 6px;
    right: 17px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.img-upload_box a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f26822;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-upload_box a img {
    position: relative;
    top: -1px;
    right: -1px;
}

.img-upload_box input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    opacity: 0;
    width: 42px;
    height: 42px;
    z-index: 1;
    cursor: pointer
}

.dashboard_menu>li {
    display: block;
    border-bottom: 2px solid #fff;
    color: #ffffff;
    font-size: 16px;
}

.dashboard_menu>li:last-child {
    border: none;
}

.dashboard_menu>li>a {
    color: #ffffff;
    text-decoration: none;
    position: relative;
    padding: 15px 0 15px 45px;
    display: block;
}

.dashboard_menu>li.active>a {
    /* background: #fff; */
    color: #fff;
}

.dashboard_menu>li>a .left_icons {
    position: absolute;
    top: 15px;
    left: 10px;
    height: 34px;
    overflow: hidden;
    width: 25px;
}

.dashboard_menu>li>a figure {
    position: absolute;
    top: 15px;
    left: 10px;
    height: 34px;
    overflow: hidden;
    width: 20px;
}

.dashboard_menu>li>a:hover {
    background: #fff;
    color: #0570bf;
}

/* .dashboard_menu>li>a:hover figure img {
    margin-top: -28px;
} */

.dashboard_menu>li>a[aria-expanded="false"]:after {
    content: "";
    background: url(../images/white_arrow_right.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 11px;
    height: 11px;
    transition: all 0.3s ease;
}

.dashboard_menu>li>a[aria-expanded="true"] {
    background: #fff;
    color: #0570bf;
    counter-reset: #ffffff;
}

.dashboard_menu>li>a[aria-expanded="true"]:after {
    content: "";
    background: url(../images/blue_down_icon.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 11px;
    height: 11px; 
    transition: all 0.3s ease;
}

.dashboard_menu>li>a[aria-expanded="false"]:hover:after {
    content: "";
    background: url(../images/blue_arrow_right.png) no-repeat;
    position: absolute;
    right: 11px;
    top: 22px;
    width: 11px;
    height: 11px;
    transition: all 0.3s ease;
}

.dashboard_menu>li>a[aria-expanded="true"]:hover:after {
    content: "";
    background: url(../images/blue_down_icon.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 22px;
    width: 11px;
    height: 11px;
    transition: all 0.3s ease;
}

.submenu {
    background: unset;
    padding: 0px 20px;
    border-radius: 0 0 4px 4px;
}

.submenu>li {
    border-bottom: 1px solid #e5e5e5;
    background: unset !important;
}

.submenu>li:last-child {
    border: 0;
}

.submenu>li>a {
    padding: 10px 0 10px 25px;
    display: block;
    text-decoration: none;
    color: #000;
    position: relative;
}

.submenu>li>a:after {
    content: "";
    background: url(../images/arrow-right2.png) no-repeat;
    position: absolute;
    left: 6px;
    top: 16px;
    width: 11px;
    height: 11px;
}

.submenu>li>a:hover {
    color: #fff;
}

.submenu>li.active>a {
    color: #fff;
    font-weight: 600;
}

.submenu>li.active>a,
.submenu>li>a:hover:after {
    background: url(../images/blue_arrow_right.png) no-repeat;
}

.account_right {
    width: 100%;
    /* padding-left: 30px;
    padding-right: 30px; */
    /* padding: 15px 30px; */
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
}

.title_row {
    /* padding-bottom: 20px; */
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
}

.title_row h2 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    padding: 13px 20px;
    margin-bottom: 20px;
}

.dashboard_form .row {
    width: 100%;
    margin-left: 0;
}

.dashboard_form .col-lg-6,
.dashboard_form .col-lg-12 {
    padding: 0 11px;
}

.dashboard_form .form-group {
    margin-bottom: 15px;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
    padding: 10px 14px;
}

.dashboard_form label {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 14px;
    margin-left: 0;
    margin: 0 0 3px !important;
}

.dashboard_form .form-control {
    border: 0;
    font-size: 14px;
    /* color: #252525; */
    padding-left: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.dashboard_form .form-control::-webkit-input-placeholder {
    color: #7d818c;
}

.dashboard_form .form-control::-moz-placeholder {
    color: #7d818c;
}

.dashboard_form .form-control:-ms-input-placeholder {
    color: #7d818c;
}

.dashboard_form .form-control:-moz-placeholder {
    color: #7d818c;
}

.dashboard_form .form-control:focus {
    outline: none;
    box-shadow: none;
}

.dashboard_form select.form-control {
    padding-left: 11px;
    -webkit-appearance: none;
    background-image: url(../images/dropdown_icon.svg);
    background-position: center right 18px;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    padding-right: 50px;
}

.dashboard_form textarea.form-control {
    height: 147px;
    resize: none;
    padding: 14px 15px 15px 10px;
    white-space: normal;
    text-overflow: inherit;
}

.dashboard_form .form-group span {
    color: #6d6d6d;
    font-size: 13px;
    display: block;
    text-align: left;
    padding-right: 0;
    padding-top: 3px;
}

.gender-group.styled-selectors {
    display: block;
    position: relative;
}

.gender-group.styled-selectors div label {
    display: inline-block;
    margin: 0px;
    font-size: 14px;
    color: #35404e;
}

.gender-group.styled-selectors div {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    position: relative;
}

.gender-group.styled-selectors div:last-child {
    margin-right: 0px;
}

.gender-group.styled-selectors input[type=radio]:not(old) {
    margin: 0;
    padding: 0;
    opacity: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 2px;
    cursor: pointer;
}

.gender-group.styled-selectors input[type=radio]:not(old)+label {
    display: inline-block;
    padding-left: 25px;
    line-height: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.gender-group.styled-selectors input[type="radio"]:not(old)+label {
    position: relative;
}

.gender-group.styled-selectors input[type="radio"]:not(old)+label:after {
    position: absolute;
    top: 2px;
    left: 0px;
    content: '';
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #e2e3e4;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.gender-group.styled-selectors input[type="radio"]+label:before {
    position: absolute;
    top: 0px;
    left: 4px;
    margin: auto;
    content: '';
    height: 8px;
    width: 8px;
    bottom: 0px;
    border-radius: 50%;
    background-color: #42495c;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.gender-group.styled-selectors input[type="radio"]:checked+label:before {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}


.change_password {
    border-top: 1px solid #dad9d9;
    padding: 30px 0 0;
    margin-top: 7px;
}

.change_password h3 {
    font-size: 23px;
    color: #000;
    font-weight: 700;
    margin-bottom: 23px
}

.save-btn {
    /* padding: 16px 0 0; */
    margin: 0px 0 10px 0;
}

.save-btn .btn {
    min-width: 135px;
    height: 37px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 14px;
    margin-right: 14px;
    font-weight: 600;
}

.btn-cancel {
    color: #fff;
    border: 1px solid #fff;
}

.btn-cancel:hover {
    color: #fff
}

.save-btn .btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2084c8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.save-btn .btn:active,
.save-btn .btn:focus,
.save-btn .btn:hover {
    color: #fff;
    border-color: #2084c8
}

.save-btn .btn:active:before,
.save-btn .btn:focus:before,
.save-btn .btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.save-btn .btn:last-child {
    margin-right: 0;
}

/*-- Tutor Profile Edit Pages Css End --*/


/*-- Subscription Plan Pages Css Start --*/
.choose_plan {
    background: rgb(5, 117, 193);
    background: -moz-linear-gradient(top, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%);
    background: linear-gradient(to bottom, rgba(5, 117, 193, 1) 0%, rgba(7, 69, 172, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0575c1', endColorstr='#0745ac', GradientType=0);
    min-height: 390px;
    padding: 35px 0 35px;
}

.choose_plan_content {
    text-align: center;
}

.choose_plan_content h1 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    margin: 0 0 3px;
}

.choose_plan_content p {
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.choose_plantxt {
    max-width: 844px;
    margin: -220px auto 38px;
    text-align: center;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 27px rgba(66, 73, 92, .11);
    box-shadow: 0 0 27px rgba(66, 73, 92, .11);
    padding: 20px 20px 20px;
}

.choose_plantxt h2 {
    font-size: 28px;
    color: #42495c;
    font-weight: 600;
    margin-bottom: 5px;
}

.choose_plantxt p {
    font-size: 16px;
    color: #42495c;
    margin-bottom: 8px;
}

.choose_plantxt p a {
    color: #109d58;
    text-decoration: none;
}

.plan_price {
    font-size: 38px;
    font-weight: 700;
    color: #42495c;
    display: block;
    margin-bottom: 5px;
}

.plan_price span {
    font-size: 22px;
}

.choose_plantxt .any_questions {
    font-size: 15px;
}

.choose_plantxt .any_questions strong {
    font-size: 18px;
    font-weight: 500;
}

.signup_btn {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #0652b2;
    background: #0652b2;
    height: 50px;
    line-height: 48px;
    min-width: 196px;
    text-align: center;
    border-radius: 100px;
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 8px;
    padding: 0 15px;
}

.signup_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0652b2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.signup_btn:hover {
    color: #fff;
    border-color: #0652b2;
    text-decoration: none;
}

.signup_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.plan_sepration.sepration {
    max-width: 354px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan_sepration.sepration b {
    font-size: 24px;
    font-weight: 600;
    width: 69px;
    height: 69px;
    border: 1px dashed #d1d1d1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #656a78;
}

.plan_sepration.sepration:after {
    left: 0;
    top: 33px;
    height: 2px;
    z-index: -2;
    background: #e5e5e5
}

.plan_sepration.sepration:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 97px;
    width: 97px;
    background: #fff;
    z-index: -1;
    border-radius: 50%;
}

/* .plan_list {
    padding-bottom: 72px;
} */

.plan_listing {
    font-size: 0;
    margin: 20px 0 0;
    padding: 0 15px;
}

.plan_listing>li {
    display: inline-block;
    font-size: 14px;
    width: 32%;
    vertical-align: middle;
}

.plantxt {
    /* -webkit-box-shadow: 0 0 27px rgba(66, 73, 92, .11);
    box-shadow: 0 0 27px rgba(66, 73, 92, .11); */
    padding: 50px;
    text-align: center;
    /* border-radius: 8px; */
    /* background: #fff; */
    position: relative;
    overflow: hidden;
}

.plantxt h3 {
    font-size: 27px;
    font-weight: 700;
    color: #42495c;
    margin: 0px 0 50px 0;
}

.plantxt p {
    font-size: 14px;
    color: #42495c;
    max-width: 239px;
    margin: auto auto 50px;
    line-height: 18px;
}

.hrs_label {
    color: #42495c;
    display: block;
    font-size: 20px;
    line-height: 38px;
}

.day_label {
    color: #42495c;
    display: block;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 6px;
}

.price_label {
    color: #42495c;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 56px;
}

.apply_txt {
    color: #42495c;
    font-size: 14px;
    display: block;
}

.apply_txt a {
    color: #0575c1;
    font-size: 14px
}

.diamond_plan {
    z-index: 1;
}

.diamond_plan .plantxt {
    /* background: #161d29; */
    padding: 90px 50px;
}

.diamond_plan .plantxt h3 {
    /* color: #f4f9fc; */
}

.diamond_plan .plantxt p {
    color: #000;
}

.diamond_plan .hrs_label {
    /* color: #f4f9fc; */
}

.diamond_plan .day_label {
    color: #f4f9fc;
}

.diamond_plan .price_label {
    color: #169e58;
}

.diamond_plan .apply_txt {
    color: #f4f9fc;
}

.recommended_label {
    background: #ef4f5d;
    color: #fff;
    padding: 4px 34px;
    position: absolute;
    left: -35px;
    top: 31px;
    transform: rotate(-45deg);
    font-size: 12px;
    display: none;
}

.buynow_btn {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #0575c1;
    /* border: 1px solid #0575c1; */
    height: 42px;
    line-height: 40px;
    min-width: 140px;
    text-align: center;
    border-radius: 0px;
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 2px;
}

.buynow_btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-color: #0575c1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.buynow_btn:hover {
    color: #fff;
    border-color: #0575c1;
    text-decoration: none;
}

.buynow_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.diamond_plan .buynow_btn {
    background: #0575c1;
    color: #fff;
}

/*-- Subscription Plan Pages Css End --*/


/*student-booking-page-css*/
.dashboard_form .form-group {
    position: relative;
}

.calendar {
    position: absolute;
    right: 17px;
    top: 50px;
}

.user_left figure img {
    max-width: 100%;
    width: 100%;
}

.user_left figure {
    margin-left: 10px;
    height: 140px;
    width: 140px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #a9afb3;
    display: inline-block;
    vertical-align: middle;
}

.right_user_profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    -webkit-box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 10px 10px;
}

.user_left {
    width: 70%;
}

.view_profile_btn {
    width: 30%;
    text-align: center;
}

.btn-danger:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f04f5d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.btn.btn-danger {
    position: relative;
    padding: 0 12px;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
}

.btn-danger {
    color: #fff;
    padding: 0 12px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 15px;
    font-weight: 600;
    min-width: 137px;
    height: 43px;
    line-height: 43px;
    border: unset !important;
}

.btn-danger::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-danger:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.btn-danger:hover {
    color: #f04f5d;
}

.user_name_rating {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 10px 16px;
    text-align: center;
}

.user_name_rating strong {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.dashboard_form .student_booking select.form-control {
    color: #42495c;
}

.dashboard_form .student_booking .form-control::placeholder {
    color: #42495c;
}

/*student-booking-page-css-end*/

/*student-favorite-tutors-css*/
.student_favorite_tutors .tutor_list {
    margin-top: 0;
}

.student_favorite_tutors .heart_icon {
    background: #de483c;
}

.student_favorite_tutors .heart_icon:hover {
    background: #2084c8;
}

/*student-favorite-tutors-css-end*/

/*student-worksheet-page-css*/

.worksheet_review {
    background-color: #f6f6f7;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #acb0b8;
    padding: 20px 30px;
}

.worksheet_review_left {
    width: 87%;
}

.worksheet_review_right {
    width: 13%;
    text-align: center;
}

.worksheet_review_left figure {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    height: 85px;
    width: 85px;
    vertical-align: middle;
    text-align: center;
}

.worksheet_review_content {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 26px;
}

.worksheet_review_content strong {
    display: block;
    font-weight: 400;
    color: #42495c;
    padding: 4px 0 5px;
}

.worksheet_review_content span {
    padding-right: 22px;
    color: #42495c;
    display: inline-block;
    font-size: 15px;
}

.worksheet_review_content span:last-child {
    padding-right: 0;
}

.worksheet_review_content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #42495c;
}

.view_worksheet {
    padding: 50px 0 40px;
}

.worksheet_review_right span {
    display: block;
    color: #42495c;
}

.worksheet_review_right strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #1171e7;
}

.small_listing_box .worksheet_review {
    background-color: transparent;
    max-width: 820px;
    margin: 0 auto 95px;
    position: relative;
    padding: 15px 15px;
}

.small_listing_box {
    border-top: none;
    border: 1px solid #ededed;
    padding: 20px 20px;
}

.small_listing_box .worksheet_review .worksheet_review_left {
    width: 81%;
}

.small_listing_box .worksheet_review .worksheet_review_right {
    width: 19%;
}

.view_worksheet_detail {
    box-shadow: 0px 0px 17px 5px rgba(0, 0, 0, 0.03);
}

.small_listing_box .worksheet_review::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -78px;
    top: auto;
    content: "";
    border: 1px dashed #7d818c;
    width: 1px;
    height: 57px;
    margin: auto;
}

.worksheet_review::after {
    background: url(../images/after-arrow.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    content: "";
    width: 27px;
    height: 12px;
    margin: auto;
}

a.dwnld_btn img {
    margin: -3px 5px 0 0;
}

a.dwnld_btn .hover_show {
    display: none;
}

.dwnld_btn:hover img {
    display: none;
}

a.dwnld_btn:hover .hover_show {
    display: inline-block;
}

a.dwnld_btn {
    background-color: #fff;
    color: #f26822;
    border: 1px solid #f26822;
    border-radius: 30px;
    padding: 6px 20px;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0 0;
    font-weight: 600;
}

a.dwnld_btn:hover {
    background-color: #f26822;
    color: #fff;
}

.small_listing_box .worksheet_review.submitted_worksheet .worksheet_review_right {
    width: 23%;
}

.small_listing_box .worksheet_review.submitted_worksheet .worksheet_review_left {
    width: 77%;
}

.small_listing_box .worksheet_review.submitted_worksheet {
    background-color: #e6f1f9;
    border: none;
}

.progress_section {
    background-color: #f6f6f7;
    padding: 18px 10px 20px;
    text-align: center;
    margin: 23px -15px -15px;
    display: block;
    width: 820px;
}

.progress_section .progress-bar {
    background-color: #f3aa42;
    border: 1px solid #f3aa42;
    border-radius: 30px;
    font-weight: 600;
}

.progress_section .progress {
    background-color: #fff;
    width: 402px;
    margin: auto;
    border-radius: 30px;
    height: 24px;
    border: 1px solid #d4d4d5;
}

.progress_section span {
    display: inline-block;
    padding: 0 0 6px;
    color: #42495c;
}

.progress_section span b {
    font-weight: 600;
}

.small_listing_box .worksheet_review:last-child:after {
    display: none;
}

.upload_new_sheet .btn.btn-primary {
    min-width: 130px;
    padding: 10px 26px;
}

.upload_new_sheet {
    text-align: center;
}

.upload_new_sheet span img {
    margin: -4px 8px 0 0;
}

.upload_new_sheet span {
    color: #42495c;
    font-size: 15px;
    display: inline-block;
    padding: 0 50px 0 0;
}

.upload_sheets_submit p {
    margin: 35px 0 0;
    font-size: 14px;
    color: #42495c;
}

.upload_sheets_submit p span {
    color: #dc2025;
}

.upload_sheets_submit {
    text-align: center;
    padding: 0 0 8px 0;
}

.worksheet_review.progress_report {
    margin-bottom: 45px;
}

.worksheet_review.progress_report:after {
    display: none;
}

.worksheet_review.submitted_worksheet figure {
    border: 1px solid #ddd;
}

/*student-worksheet-page-css-end*/

/*progress-reports-page-css*/

.my_progress_report {
    padding: 32px 0 28px;
}

.baneer_form ul li .form-control {
    display: inline-block;
    width: 158px;
    border: 1px solid #e1e2e3;
    box-shadow: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 15px;
}

.baneer_form ul li select.form-control {
    background-image: url(../images/dropdown_icon.svg);
    background-position: center right 9px;
    background-repeat: no-repeat;
    background-size: 12px 7px;
}

.baneer_form ul li label {
    margin: 0 8px 0 0;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    display: inline-block;
}

.baneer_form ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.baneer_form {
    margin: -63px 0 30px 0;
    position: relative;
    z-index: 1;
    bottom: -5px;

}

.baneer_form ul li {
    padding: 0 15px 0 0;
}

.baneer_form ul li.search_reset {
    padding: 0 13px 0 45px;
}

.baneer_form ul li .btn {
    min-width: 105px;
    height: 40px;
    line-height: 39px;
    font-weight: 600;
}

.baneer_form ul li:last-child {
    padding-right: 0;
}

.baneer_form ul li .btn .show_hover {
    display: none;
}

.baneer_form ul li .btn:hover .show_hover {
    display: inline-block;
}

.baneer_form ul li .btn:hover img {
    display: none;
}

.btn-warning {
    background-color: #f3aa42;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #f3aa42;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 40px;
    line-height: 42px;
    width: 107px;
}

.btn-warning::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-warning:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.btn-warning:hover {
    color: #f3aa42;
}

.profile_image figure {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    height: 85px;
    width: 150px;
    vertical-align: middle;
    text-align: center;
}

.profile_content {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 15px;
}

.profile_content h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: block;
    color: #42495c;
}

.profile_content strong {
    display: block;
    font-weight: 400;
    color: #42495c;
    padding: 5px 0 5px;
}

.profile_content span {
    padding-right: 22px;
    color: #42495c;
    display: inline-block;
    font-size: 15px;
}

.worksheet_review_content span img {
    margin: -3px 0 0 0;
}

.profile_content span img {
    margin: -3px 10px 0px 0;
}

.my_progress_report_box {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px, rgb(0 0 0 / 22%) 0px 10px 10px;
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px, rgb(0 0 0 / 22%) 0px 10px 10px;
}

.profile_image {
    border-right: 1px solid #eaeaeb;
    background-color: #fff;
    width: 81%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding: 15px 15px;
}

.progress_report_right {
    justify-content: center;
    width: 19%;
    background-color: #e6f1f9;
    padding: 22px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.progress_report_right .progress {
    background-color: #fff;
    width: 172px;
    margin: auto;
    border-radius: 30px;
    height: 18px;
    border: 1px solid #d4d4d5;
}

.progress_report_right .progress-bar {
    background-color: #f3aa42;
    border: 1px solid #f3aa42;
    border-radius: 30px;
    font-weight: 600;
}

.progress_report_right span {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0 0 8px;
    color: #42495c;
}

.progress_report_right span b {
    font-weight: 600;
}

.my_progress_report_detail ul li {
    padding: 10px 0;
}

.graph_section ul li .form-control {
    display: inline-block;
    width: 158px;
    border: 1px solid #e1e2e3;
    box-shadow: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 15px;
}

.graph_section ul li select.form-control {
    background-image: url(../images/dropdown_icon.svg);
    background-position: center right 11px;
    background-repeat: no-repeat;
    background-size: 12px 7px;
}

.graph_section ul li {
    display: inline-block;
    padding: 0 27px 0 0;
}

.graph_section ul {
    text-align: center;
    padding: 0 0 10px;
}

.graph_section ul li label {
    margin: 0 14px 0 0;
    color: #42495c;
    font-size: 15px;
}

.graph_section {
    padding: 60px 0 10px;
}

.graph_image {
    text-align: center;
    padding: 25px 0 0;
}

/*progress-reports-page-css-end*/

.tutor_textbox {
    height: 100%;
    /* border-radius: 10px; */
}

.student_favorite_tutors .tutor_list {
    display: flex;
    flex-wrap: wrap;
}

/* .image_left {
    padding-bottom: 75px;
} */

.view_profile {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
}

/*session-listing-page-css*/
.session_listing_page .nav-tabs .nav-item .nav-link {
    padding: 10px 39px;
    border: none;
    background-color: #e6f1f9;
    border-radius: 0;
    color: #42495c;
    font-size: 18px;
    font-weight: 600;
}

.session_listing_page .nav-tabs {
    border: none;
    min-width: 380px;
    margin: auto;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
}

.session_listing_page .nav-tabs .nav-item .nav-link.active {
    background-color: #0573c0;
    color: #fff;
    border-radius: 5px;
}

.session_listing_page .nav-tabs .nav-item {
    margin-bottom: 0;
    display: inline-block;
}

.session_listing_tabs {
    text-align: center;
    padding: 0 0 25px;
}

.session_listing_page .my_progress_report_box .btn.btn-warning {
    width: 129px;
    height: 43px;
    line-height: 43px;
}

.session_listing_page .profile_content strong {
    padding: 10px 0 10px;
}

.profile_content h4 img {
    margin: -7px 0 0 10px;
}

.session_listing_page .profile_image {
    width: 85%;
    border-right: 1px solid #acb0b8;
}

.session_listing_page .progress_report_right {
    width: 15%;
}

.session_listing_page .progress_report_right .btn-primary {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 17px;
}

.session_listing_page .four_boxes .profile_image {
    width: 37%;
    border-right: none;
}

.worksheet_satus_box {
    width: 24%;
    text-align: center;
}

.progress_report_awaited {
    width: 24%;
    text-align: center;
    position: relative;
}

.progress_report_awaited::after {
    background-color: #acb0b8;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 1px;
    height: 132px;
    margin: auto;
}

.progress_report_awaited::before {
    background-color: #acb0b8;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    content: "";
    width: 1px;
    height: 132px;
    margin: auto;
}

.worksheet_satus_box span {
    display: block;
    width: 100%;
    color: #42495c;
}

.progress_report_awaited span {
    color: #42495c;
    font-weight: 600;
    display: block;
}

.worksheet_satus_box strong {
    display: block;
    text-align: center;
    width: 100%;
    color: #1171e7;
    font-size: 16px;
    font-weight: 600;
}

.profile_image figure.border_img {
    border: 1px solid #f2f9f6;
}

.progress_rport .progress_report_awaited span {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0 0 8px;
    color: #42495c;
    font-weight: 400;
}

.progress_rport .progress_report_awaited span b {
    font-weight: 600;
}

.progress_rport .progress_report_awaited .progress {
    background-color: #fff;
    width: 172px;
    margin: auto;
    border-radius: 30px;
    height: 18px;
    border: 1px solid #d4d4d5;
}

.progress_rport .progress_report_awaited .progress-bar {
    background-color: #f3aa42;
    border: 1px solid #f3aa42;
    border-radius: 30px;
    font-weight: 600;
}

.pagination_section .pagination {
    margin: 38px 0px 0px 0px;
}

.pagination_section {
    max-width: 835px;
    margin: auto;
}

.session_listing_page {
    padding-bottom: 48px;
}

/*session-listing-page-css-end*/

/*student-message-page-css*/
.delete_selected {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 10px;
}

.selecte_all {
    width: 50%;
}

.total_message {
    width: 50%;
    text-align: right;
}

.total_message span {
    color: #42495c;
    font-size: 15px;
    display: inline-block;
}

.total_message span small {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.styled-selectors .styled-checkbox {
    opacity: 0;
    position: absolute;
    top: 3px;
    width: 100%;
    height: 15px;
}

.styled-selectors .styled-checkbox+label::before {
    border: 1px solid #8c8a8a;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-top;
    width: 16px;
}

.styled-selectors .styled-checkbox:checked+label::after {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(../images/checked.png);
    background-repeat: no-repeat;
    content: "";
    height: 8px;
    left: 3px;
    position: absolute;
    top: 6px;
    width: 10px;
}

.dashboard_form .selecte_all label {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: #42495c;
}

.selecte_all .btn.btn-secondary {
    margin-left: 16px;
}

.styled-selectors {
    position: relative;
    display: inline-block;
}

.message_box {
    border: 1px solid #e9e9e9;
    padding: 17px 14px 17px 20px;
    box-shadow: 0px 0px 13px 6px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 0px 13px 6px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-wrap: wrap;
}

.message_box_checkbox label {
    margin: 0;
}

.message_box_checkbox a {
    margin: 0 0 0 6px;
    display: inline-block;
}

.message_box_checkbox a img {
    margin: -4px 0 0 0;
}

.user_msg_profile {
    display: inline-block;
    padding: 0 0 0 26px;
}

.user_msg_profile figure {
    height: 46px;
    width: 46px;
    overflow: hidden;
    border-radius: 50%;
    text-align: center;
    margin: 5px auto 0;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #eaebed;
}

.message_box_checkbox {
    display: inline-block;
    vertical-align: middle;
}

.message_content {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 12px;
}

.message_content strong {
    display: block;
    color: #42495c;
    font-size: 16px;
    font-weight: 600;
}

.message_content span {
    display: block;
    color: #42495c;
    font-size: 14px;
    padding: 2px 0;
}

.message_box_right {
    width: 55%;
}

.message_box_left {
    width: 45%;
}

.message_box_right p {
    margin: 0 0 12px;
    color: #7d818c;
    font-size: 14px;
}

.message_box_right span {
    padding-right: 22px;
    color: #7d818c;
    display: inline-block;
    font-size: 13px;
}

.message_box_right span img {
    opacity: 0.6;
}

.message_send_rcv ul li {
    padding: 7px 0;
}

.unread_message .message_box {
    background-color: #e1eef7;
    border-color: #e1eef7;
}

.btn-secondary {
    background-color: #de483c;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #de483c;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 15px;
    font-weight: 600;
    min-width: 137px;
    height: 43px;
    line-height: 43px;
}

.btn-secondary::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-secondary:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.btn-secondary:hover {
    color: #de483c;
    border: 1px solid #de483c;
    background-color: #de483c;
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #de483c !important;
    border-color: #de483c !important;
    box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #de483c;
    border-color: #de483c;
}

/* .dashboard_menu > li.active > a span {background-color: #de483c;color: #fff;font-size: 12px;width: 22px;height: 22px;display: inline-block;text-align: center;border-radius: 50%;line-height: 20px;margin: 0 0 0 2px;} */

/*student-message-page-css-end*/

/*webinar-listing-page-css*/
.webinar_listing_section ul li {
    width: 33.33%;
    text-align: center;
    padding: 13px 13px;
}

.webinar_listing_section ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}

.webinar_list_box {
    box-shadow: 0px 0px 13px 6px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 0px 13px 6px rgba(0, 0, 0, 0.04);
}

.listing_content figure {
    display: block;
    margin: 6px auto 6px;
    height: 95px;
    width: 95px;
    border-radius: 50%;
    overflow: hidden;
}

.listing_content strong {
    display: block;
    color: #42495c;
    font-size: 16px;
    font-weight: 600;
    padding: 3px 0;
}

.listing_content {
    padding: 17px 15px 20px 15px;
    position: relative;
}

.listing_content p {
    font-size: 13px;
    color: #000;
    line-height: 18px;
    margin-bottom: 10px
}

.listing_content span {
    padding-right: 22px;
    color: #42495c;
    display: inline-block;
    font-size: 15px;
}

.listing_content span img {
    margin: -2px 4px 0 0;
}

.list_box_btn {
    background-color: #0575c1;
    padding: 14px 10px;
    /* border-radius: 7px 47px; */
}

.list_box_btn .btn-primary {
    padding: 10px 21px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #fff;
}

.list_box_btn .btn-cancel {
    padding: 10px 21px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: 8px;
}

.list_box_btn .btn-cancel::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2084c8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.list_box_btn .btn-cancel:active::before,
.list_box_btn .btn-cancel:focus::before,
.list_box_btn .btn-cancel:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
}

.list_box_btn .btn-cancel:active,
.list_box_btn .btn-cancel:focus,
.list_box_btn .btn-cancel:hover {
    color: #fff;
    border-color: #2084c8;
}

.plan_tag {
    position: absolute;
    right: -5px;
    top: -5px;
}

/*webinar-listing-page-css-end*/

/*student-dashboard-page-css*/
.dashboard_form .new_session select.form-control {
    padding-left: 11px;
    -webkit-appearance: none;
    background-image: url(../images/dropdown_icon.svg);
    background-position: center right 185px;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    padding-right: 205px;
}

.select_search {
    position: relative;
}

.select_search .btn.btn-primary {
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 0 0;
    height: 46px;
    line-height: 46px;
    width: 166px;
}

.new_session {
    background-color: #fafafa;
    padding: 30px 30px 38px;
    text-align: center;
}

.new_session h3 {
    color: #161d29;
    font-size: 23px;
    margin: 0 0 20px;
}

.my_current_plans a.view_all_link {
    font-weight: 500;
    float: right;
    text-decoration: none;
    font-size: 15px;
    color: #0573c0;
    margin-top: 3px;
}

.my_current_plans h4 {
    font-size: 23px;
    color: #161d29;
    margin: 0;
    float: left;
}

.my_current_plans .view_all_link img {
    margin: -4px 0 0 4px;
}

.my_current_plans {
    padding: 32px 0 20px;
}

.main_table table tr th span {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 12px;
}



.main_table table tr td {
    padding: 10px 22px;
    border-bottom: 1px solid #f1f1f1;
}

.main_table table tr td span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
}

.main_table table tr td .btn.btn-primary {
    padding: 5px 14px;
    font-size: 12px;
}

.upcoming_sessions ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px;
}

.upcoming_sessions ul li {
    width: 33.33% !important;
    padding: 0 11px;
}

.tutor_box {
    border: 1px solid #ddd;
    padding: 15px 20px 72px;
    position: relative;
    /* box-shadow: 0px 0px 17px 8px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 0px 17px 8px rgba(0, 0, 0, 0.04); */
    box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 7%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
    -webkit-box-shadow: rgb(0 0 0 / 7%) 0px 1px 2px, rgb(0 0 0 / 7%) 0px 2px 4px, rgb(0 0 0 / 7%) 0px 4px 8px, rgb(0 0 0 / 7%) 0px 8px 16px, rgb(0 0 0 / 7%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 32px 64px;
    height: 100%;
}

.tutor_box h3 {
    color: #161d29;
    font-size: 17px;
    display: block;
    margin: 0 0 15px;
    text-align: center;
}

.tutor_box figure {
    height: 95px;
    width: 95px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    margin: auto;
}



.tutor_content strong {
    min-width: 65px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #111521;
}

.tutor_content span {
    color: #767778;
    display: inline-block;
}

.tutor_content span img {
    max-width: 12px;
}

.tutor_content {
    padding: 2px 0;
}

.join_now_btn {
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.joinnow_btn {
    position: absolute;
    bottom: 0;
    margin: 10px 0;
}

.strt_time span {
    color: #169e58;
    text-align: center;
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.strt_time {
    padding: 0 0 3px;
}

.upcoming_sessions {
    padding: 0 0 20px;
}

.progress_Summary {
    padding: 13px 0 38px;
    border-bottom: 1px solid #d9dbde;
}

.heading3 {
    font-size: 23px;
    color: #161d29;
    margin: 0;
}

.progress_Summary figure {
    padding: 38px 0 0;
}

.my_tutor {
    padding: 35px 0 20px;
}

.my_tutor .my_tutor_carousel {
    padding: 26px 0 0;
}

.my_tutor_txt figure {
    border-radius: 50%;
    overflow: hidden;
    height: 88px;
    width: 88px;
    margin: 0 auto 20px;
    text-align: center;
}

.my_tutor_txt {
    text-align: center;
    background-color: #cde3f2;
    padding: 20px 10px;
}

.my_tutor_txt h4 {
    font-size: 15px;
    margin: 0;
    color: #42495c;
    font-weight: 500;
}

.my_tutor .owl-nav span {
    font-size: 0;
}

.my_tutor .owl-nav .owl-prev,
.my_tutor .owl-nav .owl-next {
    width: 34px;
    height: 32px;
    position: absolute;
    top: 0;
    margin-top: -30px;
    border: 1px solid #d1d1d1 !important;
    background-position: center !important;
}

.my_tutor .owl-carousel .owl-nav button.owl-next {
    background: url(../images/right-arrow1.png) no-repeat;
    right: 0;
}

.my_tutor .owl-carousel .owl-nav button.owl-prev {
    background: url(../images/arrow-left.png) no-repeat;
    left: auto;
    right: 33px;
}

.btn-info {
    background-color: #f26822;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #f26822;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 42px;
    line-height: 42px;
    width: 107px;
}

.btn-info::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-info:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.btn-info:hover {
    color: #f26822;
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #f26822;
    border-color: #f26822;
    box-shadow: none !important;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #f26822;
    border-color: #f26822;
}

.btn-info:hover {
    color: #f26822;
    background-color: #f26822;
    border-color: #f26822;
}


/*student-dashboard-page-css-end*/

@media (min-width:992px) {
    .user_account.mobile_visiable {
        display: none;
    }
}

@media (min-width:768px) {

    .dashboard_menubtn,
    .close_menu_btn {
        display: none !important;
    }

}

@media (min-width:992px) and (max-width:1199px) {
    /* body {
        padding-top: 110px;
    } */

    .blogleft {
        width: 67%;
    }

    .blogright {
        width: 33%;
        padding: 0 0 0 15px
    }

    .blogcontent {
        padding: 12px 15px 15px;
    }

    .blogcontent span {
        padding-bottom: 5px;
    }

    .blogcontent p {
        margin-bottom: 10px;
    }

    .postimg {
        width: 36%;
    }

    .postcontent {
        width: 64%;
        padding: 0 0 0 8px;
    }

    .postcontent strong {
        padding-bottom: 3px;
    }


    /*-- Contact Page Css Start --*/
    .contactleft {
        padding: 30px;
    }

    .contactright {
        padding: 30px;
    }

    /*-- Contact Page Css End --*/

    /*-- Subjects Pages Css Start --*/
    .main_subjects .subject_listing>li {
        width: 33.33%;
    }

    /*-- Subjects Pages Css End --*/


    /*-- Tutor Searching Pages Css Start --*/

    .image_left {
        width: 100%;
    }

    .info_right {
        width: 100%;
    }

    .bottom_button {
        text-align: center;
    }

    /*-- Tutor Searching Pages Css End --*/


    /*-- Tutor Profile Edit Pages Css Start --*/
    .user_account .dropdown-menu {
        margin-top: 10px;
    }

    .account_left {
        padding: 0 15px 20px;
    }

    /*-- Tutor Profile Edit Pages Css End --*/

    /*-- Subscription Plan Pages Css Start --*/
    .plantxt p {
        max-width: 100%;
    }

    .diamond_plan .plantxt {
        padding: 90px 20px;
    }

    .plantxt {
        padding: 50px 20px;
    }

    /*-- Subscription Plan Pages Css End --*/

    /*progress-reports-page-css*/
    .baneer_form ul li .form-control {
        width: 125px;
        font-size: 13px;
        padding: 6px 22px 6px 4px;
    }

    .baneer_form ul li label {
        margin: 0 4px 0 0;
        font-size: 14px;
    }

    .baneer_form ul li .btn {
        min-width: 92px;
        height: 37px;
        line-height: 36px;
        font-size: 14px;
        width: auto;
    }

    .baneer_form ul li.search_reset {
        padding: 0 10px 0 0;
    }

    /*progress-reports-page-css-end*/

    /*session-listing-page-css*/
    .session_listing_page .four_boxes .profile_image {
        width: 41%;
    }

    .worksheet_satus_box {
        width: 20%;
    }

    .progress_report_awaited {
        width: 21%;
    }

    .session_listing_page .four_boxes .progress_report_right {
        width: 18%;
    }

    /*session-listing-page-css-end*/

    /*student-message-page-css*/
    .total_message {
        width: 55%;
    }

    .selecte_all {
        width: 45%;
    }

    .user_msg_profile {
        padding: 0 0 0 15px;
    }

    /*student-message-page-css-end*/

    /*student-dashboard-page-css*/
    .upcoming_sessions ul li {
        padding: 0 11px 22px;
        width: 50%;
    }

    .upcoming_sessions ul {
        justify-content: center;
    }

    .tutor_detail_box {
        padding: 12px 0 12px;
    }

    .new_session {
        padding: 20px 30px 20px;
    }

    .main_table table tr th {
        white-space: nowrap;
    }

    .main_table table tr td {
        white-space: nowrap;
    }

    /*student-dashboard-page-css-end*/


}

@media (min-width:768px) and (max-width:991px) {
    /* body {
        padding-top: 54px;
    } */

    /* .inner_banner {
        min-height: 200px;
    } */

    .inner_banner h1 {
        font-size: 28px;
    }

    .blogleft {
        width: 100%;
    }

    .blogright {
        width: 100%;
        padding: 30px 0 0
    }

    .blogcontent {
        padding: 20px 20px;
    }

    .blogcontent span {
        padding-bottom: 10px;
    }

    .blogcontent p {
        margin-bottom: 10px;
    }

    .pagination {
        margin-top: 20px;
    }

    .recentpost {
        max-width: 315px;
        margin: auto
    }

    .blog_detail_banner {
        min-height: 235px;
    }

    /*-- Contact Page Css Start --*/
    .contactlist {
        margin: 0;
    }

    .contactleft {
        padding: 30px;
        width: 100%;
    }

    .contactright {
        padding: 30px;
        width: 100%;
    }

    /*-- Contact Page Css End --*/

    /*-- Subjects Pages Css Start --*/
    .main_subjects .subject_listing>li {
        width: 50%;
        padding-bottom: 18px;
    }

    /*-- Subjects Pages Css End --*/

    /*-- Tutor Pages Css Start --*/

    .left_profile_textbox {
        display: inline-block;
        padding: 20px 0 0 160px
    }

    .profile_txtbox .profile_img_box {
        width: 140px;
        height: 140px;
    }

    .profile_txtbox h3 {
        font-size: 24px;
        margin: 0
    }

    .profile_txtbox p {
        font-size: 14px;
    }

    .right_profile_textbox {
        text-align: center;
    }

    .profile_txtbox .bottom_button .btn {
        min-width: 130px;
    }

    .tutorprofile_section {
        padding: 60px 0 40px
    }

    .about_txtbox {
        padding: 15px;
    }

    .subject_teach {
        padding: 15px;
    }

    .tutorprofile_content .box h3 {
        font-size: 18px;
        padding: 10px 15px;
    }

    .user_info_box {
        padding: 18px 15px 1px 125px
    }

    .user_info_box figure {
        left: 15px;
    }

    .subject_teach ul li {
        font-size: 14px;
    }

    .introduction_txtbox {
        padding: 15px;
    }

    .introduction_txtbox p {
        line-height: 23px;
    }

    /*-- Tutor Pages Css End --*/

    /*-- Tutor Searching Pages Css Start --*/
    .tutor_list li {
        width: 100%;
    }

    .view_profile {
        margin-top: 20px;
    }

    /*-- Tutor Searching Pages Css End --*/

    /*-- Tutor Profile Edit Pages Css Start --*/
    .user_account .dropdown-menu {
        margin-top: 13px;
    }

    .account_left {
        width: 100%;
        padding: 0 15px 20px;
    }

    .account_right {
        width: 100%;
        /* padding-left: 20px; */
        margin-top: 20px;
    }

    /*-- Tutor Profile Edit Pages Css End --*/

    /*-- Subscription Plan Pages Css Start --*/
    .plantxt p {
        max-width: 100%;
    }

    .diamond_plan .plantxt {
        padding: 90px 15px;
    }

    .plantxt {
        padding: 50px 15px;
    }

    .plan_listing {
        padding: 0;
    }

    .buynow_btn {
        font-size: 16px;
        min-width: 160px;
    }

    .plantxt h3 {
        font-size: 24px;
    }

    .plantxt p {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 20px;
    }

    .hrs_label {
        font-size: 26px;
        line-height: 36px;
    }

    .day_label {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    .price_label {
        font-size: 20px;
        margin-bottom: 26px;
    }

    .apply_txt {
        font-size: 13px
    }

    .apply_txt a {
        font-size: 13px
    }

    /*-- Subscription Plan Pages Css End --*/

    .view_profile_btn {
        width: 100%;
        text-align: center;
        padding: 10px 0 0;
    }

    .user_left {
        width: 100%;
    }

    .dashboard_form textarea.form-control {
        height: 100px;
    }


    /*student-worksheet-page-css*/

    .small_listing_box .worksheet_review .worksheet_review_right {
        width: 25%;
    }

    .small_listing_box .worksheet_review .worksheet_review_left {
        width: 75%;
    }

    .small_listing_box .worksheet_review.submitted_worksheet .worksheet_review_right {
        width: 30%;
    }

    .small_listing_box .worksheet_review.submitted_worksheet .worksheet_review_left {
        width: 70%;
    }

    /*student-worksheet-page-css-end*/

    /*progress-reports-page-css*/
    .baneer_form ul li {
        padding: 9px 10px 8px 0;
        width: 25%;
    }

    .baneer_form ul li label {
        color: #42495c;
        margin: 0 8px 0 0;
        display: block;
    }

    .baneer_form {
        margin: 13px 0 15px 0;
    }

    .baneer_form ul li .form-control {
        width: 100%;
    }

    .baneer_form ul li.search_reset {
        padding: 0 10px 0 0;
        width: auto;
    }

    .baneer_form ul {
        justify-content: center;
    }

    .my_progress_report {
        padding: 20px 0 28px;
    }

    /*progress-reports-page-css-end*/


    /*session-listing-page-css*/
    .session_listing_page .progress_report_right {
        width: 20%;
    }

    .session_listing_page .profile_image {
        width: 80%;
    }

    .progress_report_awaited::after {
        right: -1px;
        height: 86px;
    }

    .progress_report_awaited {
        width: 75%;
    }

    .session_listing_page .four_boxes .progress_report_right {
        width: 25%;
    }

    .session_listing_page .four_boxes .profile_image {
        width: 75%;
    }

    .progress_report_awaited::before {
        display: none;
    }

    /*session-listing-page-css-end*/

    /*student-message-page-css*/
    .message_box_right {
        width: 100%;
        padding-top: 15px;
    }

    .message_box_left {
        position: relative;
        width: 100%;
    }

    .message_box_checkbox {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .user_msg_profile {
        padding: 0;
    }

    .message_box {
        padding: 15px 14px 15px 15px;
    }

    .selecte_all {
        width: 100%;
    }

    .total_message {
        width: 100%;
        text-align: left;
        padding-top: 15px;
    }

    .btn-secondary {
        height: 40px;
        line-height: 40px;
    }

    /*student-message-page-css-end*/

    /*webinar-listing-page-css*/
    .webinar_listing_section ul li {
        width: 50%;
    }

    /*webinar-listing-page-css-end*/

    /*student-dashboard-page-css*/
    .new_session {
        padding: 25px 15px 25px;
    }

    .new_session h3 {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .main_table table tr th {
        white-space: nowrap;
    }

    .upcoming_sessions ul li {
        width: 100%;
        padding: 0 0 12px;
    }

    .upcoming_sessions ul {
        margin: 0;
    }

    .tutor_detail_box {
        padding: 12px 0 12px;
    }

    /*student-dashboard-page-css-end*/

}

@media (max-width:991px) {
    .after_login .user_account {
        display: none;
    }

    .after_login .user_account.mobile_visiable {
        display: block;
        margin-right: 45px;
        padding-left: 0
    }

    .after_login .user_account.mobile_visiable:before {
        display: none;
    }

    .after_login .navigation-panel {
        padding-top: 2px;
    }
}

@media (max-width:767px) {
    /* body {
        padding-top: 54px;
    } */

    /* .inner_banner {
        min-height: 150px;
    } */

    .blog_detail_banner {
        min-height: 150px;
    }

    .inner_banner h1 {
        font-size: 24px;
    }

    .blog-section {
        padding: 20px 0 20px;
    }

    .blogleft {
        width: 100%;
    }

    .blogright {
        width: 100%;
        padding: 30px 0 0
    }

    .blogcontent {
        padding: 15px;
        width: 100%;
    }

    .bloglistimg figure {
        border: none;
    }

    .bloglistimg figure img {
        width: 100%;
    }

    .blogcontent h4 {
        font-size: 16px;
    }

    .blogcontent span {
        padding-bottom: 7px;
    }

    .blogcontent p {
        margin-bottom: 18px;
    }

    .bloglistimg {
        width: 100%;
    }

    .pagination {
        margin-top: 20px;
        padding: 15px 10px;
        align-items: center;
    }

    .recentpost {
        max-width: 310px;
        margin: auto;
        padding: 15px;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    }

    .recentpost h4 {
        margin-bottom: 15px;
    }

    .postcontent {
        padding-left: 10px;
    }

    .postcontent strong {
        font-size: 13px;
        padding-bottom: 7px;
    }

    .pagination .page-link.prev_page,
    .pagination .page-link.next_page {
        font-size: 0;
    }

    .pagination .page-link {
        margin: 0 8px;
    }

    .pagination .page-link figure {
        margin: 0;
    }

    .pagination .disabled .page-link figure img {
        margin-top: -12px;
    }

    .page-item:last-child .page-link {
        margin-right: 0;
    }

    .blog_detail {
        padding: 30px 0;
    }

    .blogdetail_panel h2 {
        font-size: 22px;
    }

    .blogdetail_panel span {
        padding-bottom: 10px;
        font-size: 12px;
    }

    .blogdetail_panel p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 15px;
    }

    .blogdetail_panel figure {
        margin-bottom: 15px;
    }

    .comment_box {
        padding: 30px 0 15px
    }

    .comment_box ul {
        padding: 0;
    }

    .comment_form .btn {
        min-width: 130px;
        padding: 12px 15px;
    }

    .blogdetail_panel h3 {
        margin-bottom: 20px
    }

    /*-- Contact Page Css Start --*/
    .contact-section {
        padding: 30px 0;
    }

    .contactlist {
        margin: 0;
    }

    .contactleft {
        padding: 20px;
        width: 100% !important;
    }

    .contactleft h3 {
        font-size: 24px;
    }

    .contactleft p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 20px;
    }

    .contactleft ul li {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 23px;
        padding-left: 45px;
    }

    .contactright {
        padding: 15px;
        width: 100% !important;
    }

    .contact_form .form-group {
        margin-bottom: 15px;
    }

    .contact_form .form-control {
        height: 45px;
        padding-left: 15px;
        font-size: 14px;
    }

    .contact_form textarea.form-control {
        padding: 10px 15px 15px;
        height: 80px;
    }

    .contact_form .btn {
        min-width: 130px;
        padding: 12px 15px;
    }

    .contactleft ul li figure {
        max-width: 28px;
    }

    /*-- Contact Page Css End --*/

    /*-- Registration Css Start --*/
    .signup_option {
        padding: 12px 0 10px;
    }

    .signup_form .lead_form .form-group.submit_btn {
        padding: 0 0 9px;
        margin: 0;
    }

    .signup_option a {
        font-size: 14px;
        padding: 0 5px 0 75px;
        height: 45px;
        line-height: 45px;
    }

    .sepration b {
        padding: 8px 15px;
    }

    .submit_btn .btn {
        font-size: 14px;
        height: 40px;
    }

    /*-- Registration Css End --*/

    /*-- Subjects Pages Css Start --*/
    .main_subjects {
        padding: 30px 0;
    }

    .main_subjects .subject_listing {
        padding: 0 0 25px;
    }

    .main_subjects .subject_listing>li {
        width: 50%;
        padding-bottom: 8px;
    }

    .subjecttop {
        padding: 15px;
        text-align: left;
    }

    .subject_name {
        text-align: left;
        padding: 13px;
    }

    .subject_name ul>li {
        font-size: 14px;
        padding-left: 20px;
    }

    .main_subjects .bottom_text {
        padding-top: 20px;
    }

    .main_subjects .bottom_text p {
        font-size: 14px;
    }

    .main_subjects .bottom_text p span {
        font-size: 16px;
    }

    .main_subjects .bottom_text .btn {
        font-size: 15px;
    }

    .main_subjects .subject_txtbox figure {
        margin: auto;
    }

    .main_subjects .subject_txtbox strong {
        width: calc(100% - 62px);
        padding: 0 0 0 10px;
    }

    /*-- Subjects Pages Css End --*/

    /*-- Tutor Pages Css Start --*/

    .left_profile_textbox {
        display: block;
        padding: 15px;
        text-align: center;
        width: 100%;
    }

    .profile_txtbox .profile_img_box {
        width: 140px;
        height: 140px;
        position: relative;
        margin: auto
    }

    .profile_txtbox h3 {
        font-size: 24px;
        margin: 0
    }

    .profile_txtbox p {
        font-size: 14px;
    }

    .right_profile_textbox {
        text-align: center;
        width: 100%;
        display: block
    }

    .profile_txtbox .bottom_button .btn {
        min-width: 130px;
    }

    .tutorprofile_section {
        padding: 30px 0 15px
    }

    .tutor_left {
        width: 100%;
        padding: 0px
    }

    .about_box p {
        line-height: 23px;
    }

  
    .about_txtbox {
        padding: 15px;
    }

    .subject_teach {
        padding: 15px;
    }

    .tutorprofile_content .box h3 {
        font-size: 16px;
        padding: 10px 15px;
    }

    .tutorprofile_content .box h3 span {
        font-size: 16px;
    }

    .user_info_box {
        padding: 15px;
        text-align: center;
    }

    .user_info_box figure {
        left: 0;
        top: 0;
        position: relative;
        margin: auto auto 10px
    }

    .subject_teach ul li {
        font-size: 14px;
    }

    .introduction_txtbox {
        padding: 15px;
    }

    .video_iframe img {
        width: 100%;
    }

    /*-- Tutor Pages Css End --*/

    /*-- Tutor Searching Pages Css Start --*/
    .tutor_searching {
        padding: 30px 0 30px !important;
    }

    .tutor_list {
        margin: 0 -15px 0
    }

    .find_input .form-control {
        height: 49px;
        padding: 0 100px 0 9px;
        font-size: 13px;
    }

    .find_input .btn {
        position: absolute;
        top: 7px;
        right: 7px;
        padding: 8px 9px;
        font-size: 13px;
    }

    .tutor_list li {
        width: 100%;
    }

    .image_left {
        width: 100%;
    }

    .view_profile {
        margin-top: 20px;
        font-size: 14px;
    }

    .info_right {
        width: 100%;
    }

    .info_right p {
        margin-bottom: 0;
        margin-top: 10px
    }

    .info_right .bottom_button .btn {
        font-size: 14px;
        margin-right: 2px;
    }

    /*-- Tutor Searching Pages Css End --*/

    /*-- Tutor Profile Edit Pages Css Start --*/
    .after_login .user_account.mobile_visiable {
        margin-right: 39px;
    }

    .profile_toggle {
        padding-left: 36px;
        max-width: 153px;
        padding-right: 15px;
    }

   

    .profile_box {
        margin: 0;
    }

    .user_account .dropdown-menu {
        margin-top: 13px;
    }

    .account_left {
        width: 100%;
        padding: 15px;
        /* position: fixed; */
        top: 0;
        left: -100%;
        z-index: 9999;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        margin: 0;
        height: 100%;
        overflow: hidden;
        overflow-y: auto
    }

    .account_left.show {
        left: 0;
    }

    .profile-upload_box {
        width: 140px;
        height: 140px;
    }

    .img-upload_box {
        right: -3px;
    }

    .profile_box .profile_pic {
        width: 140px;
        height: 140px;
        border-width: 5px;
        margin-bottom: 15px;
    }

    .account_right {
        width: 100%;
        padding: 20px 0 0;
    }

    /* .title_row {
        padding-bottom: 20px;
    } */

    .title_row h2 {

        margin: 0;
        color: #fff;
    }

    .change_password h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .dashboard_form .form-group {
        margin-bottom: 10px;
    }

    .dashboard_form label {
        font-size: 14px;
    }

    .dashboard_form .form-control {
        height: 42px;
    }

    .change_password {
        padding-top: 15px;
    }

    .save-btn {
        padding: 0;
    }

    .save-btn .btn {
        min-width: 139px;
        height: 40px;
        padding: 0px 10px;
        margin-right: 7px;
    }

    .dashboard_menubtn {
        background: #f5f5f5;
        padding: 13px 15px;
        margin: 0;
        position: relative;
    }

    .dashboard_menubtn h3 {
        font-weight: 600;
        font-size: 16px;
        color: #42495c;
        margin: 0;
    }

    .dashboard_toggle {
        display: inline-block;
        width: 25px;
        height: 15px;
        padding: 0;
        position: absolute;
        top: 15px;
        right: 15px;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        outline: none;
        border: none;
    }

    .dashboard_toggle:focus {
        outline: none;
    }

    .dashboard_toggle span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #000;
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .dashboard_toggle span:nth-child(1) {
        top: 0px;
    }

    .dashboard_toggle span:nth-child(2),
    .dashboard_toggle span:nth-child(3) {
        top: 6px;
        left: -3px;
    }

    .dashboard_toggle span:nth-child(4) {
        top: 12px;
    }

    .dashboard_toggle.open span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%;
    }

    .dashboard_toggle.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .dashboard_toggle.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .dashboard_toggle.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }

    .close_menu_btn {
        background: none;
        border: none;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 10px;
        display: none;
    }

    .close_menu_btn:focus {
        outline: none;
    }

    /*-- Tutor Profile Edit Pages Css End --*/

    /*-- Subscription Plan Pages Css Start --*/
    .choose_plan {
        padding: 30px 0 0;
        min-height: 350px;
    }

    .choose_plan_content h1 {
        font-size: 28px;
        margin: 0;
    }

    .choose_plan_content p {
        font-size: 16px;
    }

    .choose_plantxt {
        padding: 20px 15px;
        margin-bottom: 30px;
    }

    .choose_plantxt h2 {
        font-size: 24px;
    }

    .choose_plantxt p {
        font-size: 14px;
    }

    .plan_price {
        font-size: 30px;
    }

    .signup_btn {
        font-size: 14px;
        height: 40px;
        min-width: 140px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .choose_plantxt .any_questions {
        font-size: 14px;
    }

    .choose_plantxt .any_questions strong {
        font-size: 16px;
    }

    .plan_list {
        padding-bottom: 40px;
    }

    .plantxt p {
        max-width: 100%;
    }

    .diamond_plan .plantxt {
        padding: 50px 15px;
    }

    .plantxt {
        padding: 30px 15px;
    }

    .plan_listing {
        padding: 0;
        margin: 30px 0 0;
    }

    .buynow_btn {
        font-size: 16px;
        min-width: 160px;
    }

    .plantxt h3 {
        font-size: 24px;
    }

    .plantxt p {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 20px;
    }

    .hrs_label {
        font-size: 26px;
        line-height: 36px;
    }

    .day_label {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    .price_label {
        font-size: 20px;
        margin-bottom: 26px;
    }

    .plan_listing>li {
        width: 100%;
        margin-bottom: 15px;
    }

    .plan_listing>li:last-child {
        margin: 0;
    }

    /*-- Subscription Plan Pages Css End --*/


    /**/
    .right_user_profile {
        display: block;
        text-align: center;
    }

    .user_left {
        width: 100%;
    }

    .view_profile_btn {
        width: 100%;
        text-align: center;
    }

    .user_name_rating {
        display: block;
        padding: 12px 0 18px;
    }

    .user_left figure {
        display: block;
        margin: auto;
    }


    .worksheet_review_right {
        width: 100%;
        text-align: center;
        padding: 10px 0 0;
    }

    .worksheet_review_left {
        width: 100%;
        text-align: center;
    }

    .worksheet_review_content {
        padding: 10px 0 0;
    }

    .worksheet_review_content strong {
        padding: 0px 0 5px;
    }

    .worksheet_review {
        padding: 15px 15px;
        display: block;
    }

    .small_listing_box .worksheet_review .worksheet_review_left {
        width: 100%;
    }

    .small_listing_box .worksheet_review .worksheet_review_right {
        width: 100%;
    }

    .worksheet_review_content span {
        padding-right: 18px;
        font-size: 14px;
    }

    .small_listing_box .worksheet_review {
        margin: 0 auto 58px;
    }

    .small_listing_box .worksheet_review::after {
        bottom: -50px;
        height: 37px;
    }

    .small_listing_box .worksheet_review.submitted_worksheet .worksheet_review_left {
        width: 100%;
    }

    .small_listing_box .worksheet_review.submitted_worksheet .worksheet_review_right {
        width: 100%;
    }

    .progress_section {
        width: auto;
    }

    .progress_section .progress {
        width: auto;
    }

    .upload_new_sheet span {
        display: block;
        padding: 0 0 10px;
    }

    .worksheet_review.progress_report {
        margin-bottom: 30px;
    }

    .upload_sheets_submit p {
        margin: 20px 0 0;
    }

    .worksheet_review_left figure {
        display: block;
        margin: auto;
    }

    .view_worksheet {
        padding: 30px 0 30px;
    }

    /*progress-reports-page-css*/
    .baneer_form ul li label {
        margin: 0 0 5px;
        color: #42495c;
        display: block;
    }

    .baneer_form {
        margin: 10px 0 20px 0;
    }

    .baneer_form ul li {
        padding: 10px 15px 10px 0;
        width: 50%;
    }

    .baneer_form ul li .form-control {
        width: 100%;
    }

    .baneer_form ul li.search_reset {
        padding: 10px 13px 0 0;
        width: auto;
    }

    .baneer_form ul li.reste_btn {
        width: auto;
        padding-bottom: 0;
    }

    .baneer_form ul {
        justify-content: center;
    }


    .profile_image {
        width: 100%;
        padding: 15px 15px;
        text-align: center;
    }

    .profile_image figure {
        margin: auto;
    }

    .profile_content {
        padding: 15px 0 0;
        display: block;
        text-align: center;
        width: 100%;
    }

    .progress_report_right {
        width: 100%;
        padding: 20px 15px;
    }

    .my_progress_report {
        padding: 20px 0 28px;
    }


    /*progress-reports-page-css-end*/

    .image_left {
        padding-bottom: 20px;
    }

    .view_profile {
        position: relative;
        left: inherit;
        right: inherit;
        bottom: inherit;
    }

    /*session-listing-page-css*/
    .session_listing_page .progress_report_right {
        width: 100%;
    }

    .session_listing_page .profile_image {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #acb0b8;
    }

    .session_listing_page .four_boxes .profile_image {
        width: 100%;
        border-right: none;
    }

    .worksheet_satus_box {
        width: 100%;
        padding: 14px 0 14px;
    }

    .progress_report_awaited {
        width: 100%;
        padding: 14px 0;
    }

    .progress_report_awaited::before {
        bottom: auto;
        height: 1px;
        width: 100%;
    }

    .progress_report_awaited::after {
        left: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
    }

    /*session-listing-page-css-end*/


    /*student-message-page-css*/

    .selecte_all {
        width: 100%;
    }

    .total_message {
        width: 100%;
        text-align: left;
        padding-top: 15px;
    }

    .btn-secondary {
        height: 40px;
        line-height: 40px;
    }

    .message_box_left {
        width: 100%;
        position: relative;
    }

    .message_box_right {
        width: 100%;
        padding: 14px 0 0;
    }

    .user_msg_profile {
        padding: 0;
    }

    .message_box_checkbox {
        position: absolute;
        right: 0;
    }

    /*student-message-page-css-end*/

    /*webinar-listing-page-css*/
    .webinar_listing_section ul li {
        width: 100%;
        padding: 13px 0px;
    }

    .webinar_listing_section ul {
        margin: 0;
    }

    /*webinar-listing-page-css-end*/

    /*student-dashboard-page-css*/
    .main_table table tr th {
        white-space: nowrap;
    }

    .main_table table tr td {
        white-space: nowrap;
    }

    .upcoming_sessions ul li {
        padding: 0 0 14px;
        width: 100%;
    }

    .upcoming_sessions ul {
        margin: 0;
    }

 

    .new_session {
        padding: 22px 15px 25px;
    }

    .new_session h3 {
        font-size: 18px;
    }

    .select_search .btn.btn-primary {
        height: 38px;
        line-height: 38px;
        width: 105px;
    }

    .dashboard_form .new_session select.form-control {
        background-position: center right 118px;
        padding-right: 134px;
    }



    /*student-dashboard-page-css-end*/


}

@media (max-width:479px) {
    .comment_userimg {
        width: 100%;
    }

    .comment_usertext {
        width: 100%;
        padding: 0
    }

    .comment_box ul li {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }

    .main_subjects .subject_listing>li {
        width: 100%;
    }

    .profile_toggle {
        padding-right: 15px;
        /* font-size: 0; */
    }

    /*progress-reports-page-css*/
    .baneer_form ul li {
        padding: 10px 0px 10px 0;
        width: 100%;
    }

    .graph_section ul li {
        padding: 0 5px 0px 0;
        width: 50%;
    }

    .graph_section ul li label {
        margin: 0 0 5px;
        text-align: left;
        display: block;
    }

    .graph_section {
        padding: 25px 0 10px;
    }

    .session_listing_page .nav-tabs .nav-item .nav-link {
        padding: 8px 24px;
        font-size: 15px;
    }

    .session_listing_page .nav-tabs {
        min-width: auto;
    }

    /*progress-reports-page-css-end*/
}

.text-color-red {
    color: #FF0000 !important;
}

.tutor-list-not-found {
    border: 1px solid rgba(0, 0, 0, 0.6);
    margin: 30px 0;
}

/* custom css start */
.container_Main {
    max-width: 1300px;
    margin: auto;
}

.brdr {
    border-radius: 20px !important;
}

button.btn.btn-primary.subscribe_btn {
    background-color: #0575c1 !important;
}

/* custom css end */

.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
}

#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
    padding: 8px 0;
}

.testimonial-name {
    margin: -15px auto 0;
    display: table;
    width: auto;
    background: #0575c1;
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#customers-testimonials .item {
    text-align: center;
    padding: 80px;
    margin-bottom: 80px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 100px;
    margin: 0 auto 5px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    /* background: #3190E7;
    display: inline-block; */
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}

.checked {
    color: orange;
}

.review-para {
    margin-top: 15px;
}

#review {
    position: relative;
    /* margin-top: -129px; */
    /* height: 760px; */
    /* background: #edfafd; */
    background: #fff !important;
    padding: 85px;
}

/* #review-img {
    margin-top: 57px;
} */

/* #border-right {
    border-right: 1px solid grey;
    height: 104px;
    margin-top: 16px;
} */
#border-right {
    /* border-right: 1px solid grey; */
    /* height: 130px; */
    text-align: center;
}

.img-circle {
    border-radius: 100%;
    width: 100px;
    margin: auto;
    height: 100px;
    object-fit: cover;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    /* margin-left: -31%; */
    height: 20px;
}

.rating>input {
    display: none;
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 2vw;
    color: #f14f5d;
    cursor: pointer;
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important;
}

.rating>input:checked~label:before {
    opacity: 1;
}

.rating:hover>input:checked~label:before {
    opacity: 0.4;
}

.email {
    font-size: 15px;
    color: #0575c1;
    font-weight: 600;
}

.pass {
    font-size: 15px;
    color: #0cc6f7;
}

.modal-title {
    color: #add25a !important;
}

.sub-btn {
    width: 20%;
    margin: auto;
}

/* new css */
.featuring_img {
    width: 97%;
    height: 100px;
    margin: auto;
    text-align: center;
}

.textbox_under {
    /* width: 55%; */
    padding: 15px;
    text-align: left;
}

#review {
    padding: 25px 70px !important;
}

#myModal,
#myModal1 {
    cursor: pointer;
}

div#review-img {
    /* margin-top: 40px;
    background: #fff;
    border-radius: 15px 50px 30px;
    padding: 25px 20px;
    margin-left: 4.5%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    margin-bottom: 25px; */
    background: #fff;
    padding: 25px 20px;
    /* max-width: 600px; */
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    margin: 25px auto;
}

/* .styled-selectors {
    position: relative;
    display: inline-block;
}
.lead_form .styled-selectors input[type=checkbox]:not(old) {
    margin: 0;
    padding: 0;
    opacity: 0;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0px;
    cursor: pointer;
}
.lead_form .styled-selectors input[type="checkbox"]:not(old)+label {
    position: relative;
}
.lead_form .styled-selectors input[type=checkbox]:not(old)+label {
    display: inline-block;
    margin-left: 0;
    padding-left: 30px;
    line-height: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.lead_form .styled-selectors input[type="checkbox"]+label:before {
    position: absolute;
    top: 6px;
    left: 5px;
    margin: auto;
    content: '';
    height: 9px;
    width: 9px;
    background: #0575c1;
    -ms-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
a {
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
} 
*/
.styled-selectors2>input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin-top: 3px;
    margin-left: 4px;
}

p.bottom_txt {
    text-align: center;
}

.modal-content .close {
    position: absolute;
    right: 5px;
    top: -4px;
    font-weight: normal;
    font-size: 32px;
    z-index: 1
}

/* new sect pareent */

.card_img {
    height: 180px;
    width: 100%;
}

.item {
    padding-left: 5px;
    padding-right: 5px;

}

.item-card {
    transition: 0.5s;
    cursor: pointer;
}

.item-card-title {
    font-size: 15px;
    transition: 1s;
    cursor: pointer;
    padding: 0px 15px;
}

.item-card-title i {
    font-size: 15px;
    transition: 1s;
    cursor: pointer;
    color: #ffa710
}

.card-title i:hover {
    transform: scale(1.25) rotate(90deg);
    color: #18d4ca;
    transition: all 0.5s ease 0s;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}

.card-text {
    /* height: 80px; */
    padding: 0px 10px 10px 10px;
}

.card::before,
.card::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform .3s ease-out 0s;
    background: rgba(255, 255, 255, 0.1);
    content: '';
    pointer-events: none;
}

.card::before {
    transform-origin: left top;
}

.card::after {
    transform-origin: right bottom;
}

.card:hover::before,
.card:hover::after,
.card:focus::before,
.card:focus::after {
    transform: scale3d(1, 1, 1);
}

.card-title {
    padding-left: 10px;
}

.featuring_txtbox2 {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(9 18 35 / 8%);
    height: 100%;
    padding: 28px 28px 27px 23px;
}



.login_content {
    padding: 0 !important;
}

/* .one>select {
    height: 51px;
    font-size: 14px !important;
    border-radius: 4px;
    width: 220px !important;
    padding: 0 35px 0 15px !important;
    margin: 0;
    border: 1px solid #cccdd0 !important;
    margin-left: 30px;
} */
.select2-container .select2-selection--single {
    height: 44px !important;
    font-size: 14px !important;
    border-radius: 4px;
    width: 170px !important;
    padding: 10px 35px 0 15px !important;
    margin: 0;

}


.one,
.one1 {
    border: 1px solid #cccdd0 !important;
    border-radius: 4px;
    width: 223px;
}

.select2-container--default .select2-selection--single {
    /* border: 1px solid #ccc !important; */
    border-radius: 5px !important;
}

.one {
    margin-left: 30px;
}

/* span.edu {
    width: 70px;
} */
.select2-container--default .select2-selection--single {
    border: unset !important;
}

.one1 {
    margin-left: 10px;
}

/* Internal pages css start */

.tutor_list {
    margin: 69px -16px 90px;
}

.learn_more {
    margin-bottom: 20px;
    margin-top: -36px;
}

.sample_class2 {
    margin-bottom: 20px;
}

.find_input2 {
    justify-content: center;
    margin-top: 30px;
}

.find_input3 {
    align-items: center;
}

.tutor_list li {
    padding: 20px 16px 2px;
}

.one {
    width: 225px;
}

.find_input {
    justify-content: center;
    align-items: center;
}

/* Internal  pages css end*/

.newsletter_content {
    padding: 0 !important;
}

/* new css 7.7.2022 */



/* new sect pareent */

.card_img {
    height: 180px;
    width: 100%;
}

.item {
    padding-left: 5px;
    padding-right: 5px;

}

.item-card {
    transition: 0.5s;
    cursor: pointer;
}

.item-card-title {
    font-size: 15px;
    transition: 1s;
    cursor: pointer;
    padding: 0px 15px;
}

.item-card-title i {
    font-size: 15px;
    transition: 1s;
    cursor: pointer;
    color: #ffa710
}



.card:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}

.card-text {
    /* height: 80px; */
    padding: 0px 10px 10px 10px;
}

.card::before,
.card::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform .3s ease-out 0s;
    background: rgba(255, 255, 255, 0.1);
    content: '';
    pointer-events: none;
}

.card::before {
    transform-origin: left top;
}

.card::after {
    transform-origin: right bottom;
}

.card:hover::before,
.card:hover::after,
.card:focus::before,
.card:focus::after {
    transform: scale3d(1, 1, 1);
}

.card-title {
    padding-left: 10px;
}

.featuring_txtbox2 {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(9 18 35 / 8%);
    height: 100%;
    padding: 28px 28px 27px 23px;
}

.tutor1 {
    width: 50%;
    overflow-y: scroll;
    padding: 40px;
    /* height: 450px; */
    height: 525px;
    min-height: 500px;
    box-shadow: 0 4px 8px 0 rgb(133 166 189), 0 6px 20px 0 rgb(142 184 213);
}

.login_content {
    padding: 0 !important;
}

/* .one>select {
    height: 51px;
    font-size: 14px !important;
    border-radius: 4px;
    width: 220px !important;
    padding: 0 35px 0 15px !important;
    margin: 0;
    border: 1px solid #cccdd0 !important;
    margin-left: 30px;
} */
.select2-container .select2-selection--single {
    height: 45px !important;
    font-size: 14px !important;
    border-radius: 4px;
    width: 220px !important;
    padding: 10px 35px 0 15px !important;
    margin: 0;

}

.one,
.one1 {
    border: 1px solid #cccdd0 !important;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single {
    /* border: 1px solid #ccc !important; */
    border-radius: 5px !important;
}

.one {
    margin-left: 30px;
}

/* span.edu {
    width: 70px;
} */
.select2-container--default .select2-selection--single {
    border: unset !important;
}

.one1 {
    margin-left: 10px;
}

#detailSpinner {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
}


#detailSpinner_tutor {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
}

#detailSpinner_student {
    margin-top: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15%;
}

/* why choose us */
.pareent2 {
    background-color: unset !important;
    margin: 0px 0 !important;
    padding-bottom: 50px !important;
}

.section-title2 {
    padding-bottom: 60px;
}

.choose_container {
    display: flex;
    justify-content: space-between;
}

.choose_one {
    border: 2px solid #087ca5;
    border-radius: 50%;
    margin-left: 20px;
    border-style: dashed;
}

.choose_one_under {
    width: 170px;
    height: 170px;
    border: 3px solid #087ca5;
    border-radius: 50%;
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    text-align: center;
    color: #087ca5;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    position: relative;
}

.choose_one2 {
    border: 3px solid #f48a00;
    border-style: dashed;
}

.choose_one3 {
    border: 3px solid #088089;
    border-style: dashed;
}

.choose_one4 {
    border: 3px solid #ff0e0e;
    border-style: dashed;
}

.choose_one5 {
    border: 3px solid #087ca5;
    border-style: dashed;
}

.under2 {
    color: #f48a00;
    border: 3px solid #f48a00;
}

.under3 {
    color: #088089;
    border: 3px solid #088089;
    padding-top: 10px;
}

.under4 {
    border: 3px solid #ff0e0e;
    color: #ff0e0e;
}

.under5 {
    color: #087ca5;
    border: 3px solid #087ca5;
}

.choose_one_under {
    text-align: center;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #000; */
    /* border: 1px solid; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgb(6 15 32 / 30%);
    -webkit-box-shadow: 0 0 10px rgb(6 15 32 / 30%);
    height: 100%;
    /* padding: 28px 28px 27px 23px; */
    margin: 12px !important;
    height: 345px !important;
    min-height: 300px !important;
    width: 272px !important;
    /* width: 370.5px !important; */
    /* height: 260px !important; */
}

.icons {
    border: 1px solid;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -20px;
    top: -21px;
    background: #087ca5;
}

.icons2 {
    background: #f48a00;
}

.icons3 {
    background: #088089;
}

.icons4 {
    background: #ff0e0e;
}

.icons5 {
    background: #087ca5;
}

.fa-home,
.fa-user,
.fa-map-marker,
.fa-commenting-o,
.fa-globe {
    transform: scale(1.5);
    color: #fff;
}

.with-gap [type="radio"]:checked+label:after {
    background-color: #0575c1;
    border: 2px solid #0575c1;

}

.rd {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    justify-content: center;
    border-bottom: 2px solid #aba8a8;
}

.space {
    margin-left: 15px;
    height: 100%;
}

label {
    font-family: 'Inter', sans-serif;
}

#stu_login_email {
    background-color: unset !important;
}

.btn-white {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    width: 100px;
    border-radius: 20px;
    color: #0575c1;
    margin-left: 10px !important;
}

/* Faqs css start */
.faq-section {
    /* min-height: 100vh; */
    padding: 10px 0 0;
}

.faq-title h2 {
    position: relative;
    /* margin-bottom: 30px; */
    display: inline-block;
    font-weight: 600;
    /* line-height: 1; */
    padding: 10px 0;
    margin: 0;
}

.faq-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 60px;
    height: 2px;
    background: #0575c1;
    bottom: -25px;
    margin-left: -30px;
}

.faq-title p {
    padding: 0 190px;
    margin-bottom: 10px;
}

.faq {
    background: #FFFFFF;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.faq .card {
    border: none;
    background: none;
    border-bottom: 1px solid #CEE1F8;
    border-radius: 0;
}

.faq .card .card-header {
    padding: 0px;
    border: none;
    background: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
    background: #0575c1;
    padding-left: 10px;
}


.faq .card .card-header .faq-title {
    width: 100%;
    text-align: left;
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    color: #3B566E;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0;
}

.faq .card .card-header .faq-title .badge {
    display: inline-block;
    align-self: center;
    width: 25px;
    height: 25px;
    line-height: 18px;
    float: left;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #0575c1;
    color: #fff;
    font-size: 12px;
    margin-right: 20px;
}

.faq .card .card-body {
    padding: 15px;
    padding-left: 35px;
    padding-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: #6F8BA4;
    line-height: 28px;
    letter-spacing: 1px;
    border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
    margin-bottom: 0px;
}

.card:hover {
    transform: unset !important;
}

.faq-title:hover {
    color: #ffffff !important;
}

@media (max-width: 991px) {
    .faq {
        margin-bottom: 30px;
    }

    .faq .card .card-header .faq-title {
        line-height: 26px;
        margin-top: 10px;
    }
}

/* faqs css end  */
.tutor_title {
    text-align: center;
    font-size: 24px;
    border-bottom: 3px solid;
    /* width: 80px; */
    margin: auto;
}

.tutor_title {
    text-align: center;
    font-size: 28px;
    border-bottom: 3px solid;
    /*  width: 110px; */
    margin: auto;
}

.read_moree,
.name {
    font-size: 14px !important;
}

.student1 {
    width: 100%;
    overflow-y: scroll;
    /* height: 450px; */
    height: 525px;
    min-height: 500px;
    box-shadow: 0 4px 8px 0 rgb(133 166 189), 0 6px 20px 0 rgb(142 184 213);
}

.newsletter_content {
    padding: 0 !important;
}

.modal-dialog {
    margin: 4rem auto !important;
}

.form-control {
    padding-left: 10px;
    font-size: 14px;
    border: unset;
    border-bottom: 1px solid;
    border-radius: 0;
    height: 51px;
}

/* new */

.rewiew_scrol {
    margin-top: 50px;
    margin-bottom: 40px;
    /* height: 400px;
    overflow-y: scroll; */
}

.tutor_title2 {
    display: none;
}

/* .border_right {
    border-right: 1px solid #c7bebe;
} */
.wrapp {
    display: flex;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #0575c1;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.faq-title>h2:hover {
    color: #ffff !important;
}

.backcolor {
    background: #0575c1;
}

.backcolor>h2 {
    color: #fff;
}

/* new css 7.7.2022 */

/* dashbord design css
 */
div#sidebarMenu {
    background: #0575c1;
}

.menu li>a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    display: block;
}

.section1 {
    margin: 30px 20px;
}

.menu li {
    padding: 4px 20px;
}

.fa-home,
.fa-sort-desc {
    color: #fff;
    font-size: 30px;
}

.fa-sort-desc {
    font-size: 20px;
}

.Campaigns h1 {
    font-size: 20px;
    margin-top: 8px;
    color: #fff;
    font-weight: 700;
}

.activate select {
    margin-top: 15px;
    border: none;
    outline: none;
    padding: 5px 10px;
    width: 130px;
    font-family: Segoe_UI_semibold;
    box-shadow: 0px -6px 0px -1px rgb(0 0 0 / 3%);
    height: 29px;
    color: #00b440;
}

.Campaigns {
    /* background-color: #0575c1; */
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    padding: 5px 20px;
    border: unset;
}

.border1 {
    border: 1px solid #ececec;
}

.country_campaign {
    padding: 30px;
}

.cont_backgroud {
    padding: 23px 8px 20px 20px;
    background: #4a9bd3;
}

.country {
    border-right: 1px solid #c9c9c9;
    height: 40px;
}

.country,
.campaign {
    width: 41%;
    padding: 10px 15px 0 15px;
    border: 1px solid #e7e7e7;
    background: #ffff;
}

.country p,
.campaign p {
    font-size: 16px;
    color: #333333;
}

.camp_sbmt_btn {
    font-size: 18px;
    border-radius: 5px;
    background: #0575c1;
    color: #fff;
    margin-left: 15px;
    padding: 5px 30px 5px 30px;
    border: unset;
}

.country i {
    background-image: url(../images/down_arrow_image.png);
    background-position: center center;
    width: 14px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 75% 75%;
}

.List_campagins {
    font-size: 22px;
    color: #2e4a9e;
    padding: 0 0 15px 10px;
    font-weight: 600;
}

.List_campagins::before {
    content: "";
    width: 165px;
    height: 5px;
    position: absolute;
    background: #0575c1;
    border-radius: 4px;
    bottom: 11px;
}
.table{
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}
.table,
.camp_table {
    width: 99.5%;
    border-collapse: collapse;
    margin: auto;
}

td:first-child {
    width: 20px !important;
    text-align: center !important;
}

.table td {
    font-size: 15px;
}

.table td,
.table th {
    line-height: 27px;
    vertical-align: middle !important;
 
    max-width: 100px;
    /* padding-left: 20px !important; */
    /* word-break: break-all; */
}
.table tbody tr td{
    border-right: 1px solid #bab7b7  !important;
    border-bottom: 1px solid #bab7b7 !important;
}

.table thead tr th {
    vertical-align: bottom;
    border-right: 1px solid #ffffff !important;
}
.table thead th {
    border-bottom: 1px solid #bab7b7;
}
.table th {
    color: #ffffff;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -moz-linear-gradient(0deg,#3381b0,#87cefa);
}

.table th {
    font-size: 15px;
}


td[data-label="Summary"]>a {
    text-align: left !important;
    /* padding-left: 24px; */
    color: #0575c1;
    font-size: 17px;
    display: flex;
    /* justify-content: center; */
}

td[data-label="Action"] {
    text-align: left !important;
    padding-left: 28px;
}

td[data-label="Action"]>a>span {
    color: #0575c1;
    font-size: 20px;
}

.vew_details_border {
    border: 2px solid #f3f3f3;
}

.camp_tittle1>p {
    font-size: 17px !important;
}

.view_texts {
    font-size: 18px;
    width: 50%;
    line-height: 27px;
}

.product_heading {
    font-weight: bold;
    font-size: 26px;
    color: #324ea0;
}

.btn_fsignup {
    background: #264793;
    color: white;
    padding: 7px 50px 7px 50px;
    margin-top: 10px !important;
    font-size: 19px;
}

.vew_details h2 {
    font-size: 24px;
    background-color: #056ebe;
    padding: 20px;
    color: #fff;
}

.mrt,
.mrtt {
    margin-bottom: 30px;
    min-height: 54px;
}

.budget_btn {
    width: 50%;
}

.btn_ad_budget {
    padding: 5px 30px 5px 30px;
    color: #4dbc3f;
    border: 1px solid #4dbc3f;
    background-color: #fff;
}

.label_comn_clas {
    font-size: 18px;
    width: 42.5%;
    line-height: 27px;
}

.form-control[readonly] {
    background-color: unset !important;
}

.Malcha_placeholder:placeholder-shown {
    padding-left: 35px;
}

input:placeholder-shown {
    font-size: 14px;
}

.Edit_input_width {
    width: 70%;
    padding: 10px;
}

.voice_over {
    width: 32%;
    font-size: 18px;
}

.sub_no {
    margin-left: 100px;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn_cancel {
    color: #264793;
    background-color: #fff;
    padding: 5px 50px 5px 50px;
    border: 1px solid #264793;
    margin-right: 65px;
    height: 40px;
    min-height: 40px;
}

/* .btn {
    border-radius: 20px;
} */

.btn_save_continue {
    background: #264793;
    color: white;
    padding: 5px 20px 5px 20px;
    height: 40px;
    min-height: 40px;
}

.main_head {
    margin: 20px 20px;
}

.faq-title:hover {
    color: #fff !important;
}

.section-title2 {
    padding-bottom: 0 !important;
}

.subject_border {
    border: 2px solid #d5d0d0
}

.one_parent {
    height: 48px;
    line-height: 35px;
}


/* /////////19/07/2022/////////// */
.one_parent {
    height: 49px;
    line-height: 45px;
}

.cancle_btn,
.save_btn {
    width: 166px;
}

.save_btn {
    margin-left: 25px;
}

.btn_cancel,
.btn_save_continue {
    width: 100%;
}

.cncl_save_btns {
    justify-content: center;
}

.btn_fsignup:hover {
    color: #fff;
}

.my_account_bgimg_phon {
    /* background: url("../images/blog-detail-banner.jpg") no-repeat; */
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 25px;
}

.my_account_bgimg_phon h2 {
    font-size: 30px;
    color: white;
    padding: 100px 120px;
    font-weight: 800;
}

.border_session {
    border: unset !important;
    margin-left: 20px !important;
    width: 170px !important;
    margin-right: 15px !important;

}

.baneer_form label {
    /* margin: 0 8px 0 0; */
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.border_session>input[type="text"] {
    height: 40px !important;
    font-size: 14px !important;
    border-radius: 5px;
    width: 170px !important;
    padding: 0px 15px 0 15px !important;
    margin: 0;
    border: unset !important;
}

.border_session>input[type="date"]:focus {
    border: unset !important;
}

/* .search-session1{
    background-color:#f04f5d
} */

.btn-warning2 {
    background-color: #f04f5d;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #f04f5d;
    position: relative;
    overflow: hidden;
    z-index: 1;
    height: 38px;
    line-height: 38px;
    width: 107px;
    margin-left: 3px;
}

.btn-warning2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-warning2:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.btn-warning2:hover {
    color: #f04f5d;
}

.baneer_form {
    margin: 0px 0 30px 0;
    position: relative;
    z-index: 1;
    bottom: -25px;
}

.delete_session {
    cursor: pointer
}

.modal-title2 {
    color: #0575c1;
    margin: auto;
}

.select_boxx ul li {
    display: inline-block;
    margin: 6px;
}

.select_boxx ul li span {
    margin-left: 8px;
}

.select_boxx ul li input {
    vertical-align: middle;
}

.session_btn {
    background-color: #0575c1;
    color: #fff;
    height: 40px;
    position: absolute;
    right: 30px;
    bottom: 20px;
    font-weight: 700;

}



.payment_parent {
    margin: 40px 0;
    text-align: center;
}

.payment_img {
    margin: 15px 0;
}

.view_more:last-child {
    /* margin: 20px 0; */
}

h4:nth-child(4) {
    margin: 15px 0px 20px 12px;
}

.payment_parent2 {
    background: #ffffff;
    padding: 25px 0;
}

.payment_parent2>h2 {
    text-align: center;
    position: relative;
    color: #fff;
    padding: 7px 0;
    background: #0575c1;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
    margin: 0;
    font-size: 24px;
}


.sesssion_booking>h5 {
    padding-top: 10px;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
    position: relative;
    color: #264793;
}

.sesssion_booking>h5::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #264793;
    border-radius: 5px;
    bottom: 0px;
    left: 0;

}

.sesssion_booking {
    border-radius: 5px;
    margin: auto;
    padding: 20px 15px;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    background-color: #e0e8ff;
}

.session_box .d-flex p {

    font-size: 16px;
    margin: 0;
    padding-top: 20px;
}

.session_box .d-flex p:last-child {
    text-align: right;
}

.session_box .d-flex p:first-child {
    font-weight: 600;
    padding-right: 5px;
    border-bottom: 0px;
}

.apply_coupon_box {
    width: 100%;
    display: flex !important;
    justify-content: center;
}

.apply_coupon_box {
    width: 100%;
}

.apply_coupon {
    margin: 0px 0px;
    text-align: center;
    width: 100%;
}

.apply_coupon>h6 {
    /* padding-top: 10px; */
    font-weight: 600;
    text-align: center;
    /* padding-bottom: 20px; */
    position: relative;
    /* color: #264793; */
    margin-bottom: 10px;
    background: #0575c1;
    color: #fff;
    padding: 8px 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background: linear-gradient(0deg,#3381b0,#87cefa);
    background: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
}



.apply_box2 .d-flex p:first-child {
    text-align: left;
    padding-top: 5px;
    border-bottom: 0px;
}

.apply_box2>.d-flex p:last-child {
    text-align: right;
    padding-top: 5px;
}

.session_box.apply_box2 {
    margin-top: 15px;
}

.border_coupon {
    width: 100%;
    height: 2px;
    background: #264793;
    margin: 5px 0;
}

/* .contents {
    margin: 20px 0;
} */

.reviews_margn {
    margin: 20px 70px;
}

.Manage_campaign {
    margin: 20px 0px;
}

/* rating */

.rating_box>p {
    font-size: 16px;
    margin: 0;
    margin-bottom: 23px;
    text-align: center;
    margin-top: 20px;
}

.rating_box {
    /* margin: 20px 0 0 0; */
}

.rating2 {
    justify-content: unset;
    flex-direction: unset;
    margin-bottom: 0;
    margin-top: 5px;
}

.border_session5 {
    border: 1px solid !important;
    /* margin-left: 20px !important; */
    width: 180px !important;
    margin-right: 15px !important;
    border-radius: 5px;
}

.rating-given {
    font-weight: 600;
    font-size: 16px;
    margin-top: 30px;
    width: 200px;
}

.flex4 {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.btn_save_continue:hover {
    color: #fff !important;
}

.rating_box>h2 {
    background: #0575c1;
    color: #fff;
    padding: 5px 0px 5px 10px;
}

.textareaa {
    height: 120px;
    resize: none;
    padding: 14px 15px 15px 10px;
    white-space: normal;
    text-overflow: inherit;
    width: 100%;
}

.baneer_form2 {
    justify-content: center !important;
}


.caption-md {
    background: #0573c0;
    padding: 10px 14px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

/* 21.07.2022
 */
.session_box {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 20px 25px;
    background-color: #ffffff;
    position: relative;
    border-radius: 15px;
}

.apply_coupon_input {
    margin: 10px 0;
}

.apply_coupon_input input[type="text"] {
    border: 1px solid #e6e6e6;
    height: 41px;
    width: calc(100% - 138px);
    padding-left: 6px;
    border-radius: 4px;
}

.apply_coupon_input button {
    background: #0575c1;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    margin-left: -2px;
    border: none;
    padding: 0 10px;
    transition: ease all 0.2s;
    width: 130px;
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
}

.apply_box2 {
    padding: 10px;
}

.apply_box2 .d-flex {
    border-bottom: 2px solid #d7d1d1;
    padding-bottom: 5px;
}

.pareent {
    padding: 2px 0 !important;
    padding: 35px 0 0 0 !important;
    /* margin: 25px 0 !important; */
}

.swiper {
    padding: 15px 0 !important;
}

.testimonials {
    padding: 35px;
    margin-bottom: 0px;
    background-color: #fff !important;
}

.testimonials>h2 {
    padding-bottom: 0;
}

#customers-testimonials .item {
    padding: 35px !important;
    margin-bottom: 0px !important;
}

.containerc h2 {
    padding-bottom: 2px !important;
}

.pareent2 {
    padding: 25px 0 !important;
}

/* 22.07.2022 */
.my-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.my-tabs input[type="radio"] {
    display: none;
}

.my-tabs label {
    padding: 25px;
    background: #e2e2e2;
    order: 0;
    font-weight: 600;
    font-size: 16px;
    border-top-right-radius: 5px;
}

.my-tabs .tabs {
    order: 1;
    display: none;
}

.my-tabs input[type="radio"]:checked+label+.tabs {
    display: block;
}

.my-tabs input[type="radio"]:checked+label {
    background: #0575c1;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-top-left-radius: 5px;
}

.plans_container {
    padding: 22px 0;
}

.plan_listing.custm_plan_listing>li {
    margin-right: 10px;
    margin-bottom: 20px;
}

p.dollor {
    background: #0575c1;
    color: #fff;
    padding: 6px 8px;
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    right: 0px;
    top: 45px;
    max-width: 150px !important;
    z-index: 23;
}

.dollor span {
    font-size: 14px;
}

/* .gold_color{
    border: 1px solid #FFD700 !important;
    border-width: 25px !important;
}
.platinum_color{
    border: 1px solid #000 !important;
        border-width: 25px !important;
} */
.my-tabs {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    margin-bottom: 20px;
}

.subjects-section-title>h2 {
    padding-bottom: 0 !important;
}

.faq-title>h2:hover {
    color: #ffff !important;
}

.backcolor {
    background: #0575c1;
}

.backcolor>h2 {
    color: #fff;
}

/* faqs css end  */
.faq-title:hover {
    color: #fff !important;
}

/* -------------------26/07/20222------------------- */

.some-title h2 {
    padding-bottom: 0px;
}

.upload-doc-div {
    text-align: center;

    border-radius: 8px;
}

.upload-doc-div input {
    display: block;
}



.up-doc .file_input {
    position: absolute;
    top: 21px;
    right: 295px;
    opacity: 0;
    width: 210px;
    height: 44px;
    z-index: 1;
    cursor: pointer;
}

.lead_form .form-control {
    width: 100%;
    height: 51px;
    border-radius: 7px;
    border: 1px solid #babbbb;
    padding: 0 19px;
}

.upload-doc-div button {
    padding: 10px 30px;
    font-size: 17px !important;
    margin: 20px 0;
}

.btn-primary { 
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 14px !important;
}

.btn-primary:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2084c8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}



.upload-sidebar-div {
    text-align: center;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    -webkit-box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 8px;
    padding: 10px;
}

.upload-sidebar-div h4 {
    margin: 12px 0;
    background-image: linear-gradient(0deg,#3381b0,#87cefa) !important;
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa) !important;
    padding: 8px 2px;
    font-size: 19px;
    color: #ffffff;
}

.upload-sidebar-div .upload-sidebar-text-div {
    text-align: justify;
    padding: 0 10px;
}

.border-box2 {
    border: 1px solid #babbbb;
    border-radius: 8px;
    /* margin-bottom: 30px; */
    padding: 10px 30px;
    text-align: center;
}

.word-count-div {
    text-align: center;
    margin-bottom: 5px;
    display: flex;
}

.word-count-div .word-count-div2 {
    padding: 22px 0;
    margin: auto;
}

.word-count-input {
    margin: 20px 0;
}

.form-control2 {
    height: 40px !important;
}

#priceQuoteDiv {
    margin: 5px 0;
}

#turnaroundPricingTable {
    width: 100%;
    border: 1px solid #e8e8e8;
}

.table-th {
    padding: 15px;
    text-align: center;
    background: #0575c1;
    font-size: 18px !important;
    font-weight: normal;
    color: #fff !important;
}

#priceQuoteDiv table tr td {
    text-align: center;
    padding: 17px 43px;
    font-size: 15px !important;
    border-top: 1px solid #e8e8e8;
    cursor: pointer;
}

td:first-child {
    width: 20px !important;
    text-align: center !important;
}

.subscribe_btn {
    font-size: 16px;
    position: absolute;
    right: 4px;
    top: 3px;
    padding: 10px 18px;
}

.word-count-div2 {
    padding: 22px 0;
    margin: auto;
}

.some-title h2 {
    background-image: linear-gradient(0deg,#3381b0,#87cefa) !important;
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
    color: #fff !important;
}

/* -------------------26/07/20222------------------- */

.some-title h2 {
    padding-bottom: 7px;
    padding-top: 7px;
}

.upload-doc-div {
    text-align: center;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    -webkit-box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border-radius: 8px;
}

.upload-doc-div input {
    display: block;
}



.up-doc .file_input {
    position: absolute;
    top: 21px;
    right: 295px;
    opacity: 0;
    width: 210px;
    height: 44px;
    z-index: 1;
    cursor: pointer;
}

.lead_form .form-control {
    width: 100%;
    height: 51px;
    border-radius: 7px;
    border: 1px solid #babbbb;
    padding: 0 19px;
}

.upload-doc-div button {
    padding: 10px 30px;
    font-size: 17px !important;
    margin: 20px 0;
}

.btn-primary {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    font-size: 16px;
}

.btn-primary:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2084c8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}




.upload-sidebar-div h4 {
    margin: 12px 0;
}

.upload-sidebar-div .upload-sidebar-text-div {
    text-align: justify;
    padding: 0 10px;
}

.border-box2 {
    border: 1px solid #babbbb;
    border-radius: 8px;
    /* margin-bottom: 30px; */
    padding: 10px 30px;
    text-align: center;
}

.word-count-div {
    text-align: center;
    margin-bottom: 5px;
    display: flex;
}

.word-count-div .word-count-div2 {
    padding: 22px 0;
    margin: auto;
}

.word-count-input {
    margin: 20px 0;
}

.form-control2 {
    height: 40px !important;
}

#priceQuoteDiv {
    margin: 35px 0;
}

#turnaroundPricingTable {
    width: 100%;
    border: 1px solid #e8e8e8;
    margin-top: 24px;
    margin-bottom: 40px;
}

.table-th {
    padding: 15px;
    text-align: center;
    background: #0575c1;
    font-size: 18px !important;
    font-weight: normal;
    color: #fff !important;
}

/*#priceQuoteDiv table tr td {
    text-align: center;
    padding: 0px 20px;
    font-size: 16px !important;
    border-top: 1px solid #e8e8e8;
    cursor: pointer;
}*/

td:first-child {
    width: 20px !important;
    text-align: center !important;
}

.subscribe_btn {
    font-size: 16px;
    position: absolute;
    right: 4px;
    top: 3px;
    padding: 10px 18px;
}

.word-count-div2 {
    padding: 22px 0;
    margin: auto;
}


.hover3 {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.read_more {
    font-size: 12px;
    color: #0575c1;
    font-weight: 600;
}

/* 28.07.2022 */
.sliver_plan::after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    background: #0575c1;
    clip-path: polygon(93% 0, 93% 57%, 51% 100%, 50% 0);
    top: 45px;
    right: -24px;
}

.custm_plan_listing .plantxt .dollor {
    text-align: revert;
}

.sliver_plan::before {
    content: "";
    width: 40px;
    height: 65px;
    position: absolute;
    background: #0575c1;
    clip-path: polygon(0 40%, 44% 6%, 44% 100%, 0 100%);
    bottom: 0px;
    left: -17px;
}

.about_us_head {
    padding: 10px 0px;
}

.about_us_head .head {
    text-align: center;
    position: relative;
}

.about_us_head .iod_img_container {
    /* min-height: 300px; */
    height: 100%;
    display: flex;
    align-items: center;
    background: rgb(94 219 144 / 38%);
}

.about_us_head .iod_img_container>h3 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: auto;
    background-image: url("../images/blog-banner.jpg");
    background-size: contain;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

.about_us_head .about_text {
    max-height: 315px;
    overflow: hidden;
    overflow-y: auto;
}

.about_us_head .about_text p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: justify;
    padding: 0 20px;
}

.about_us_head .about_text::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.about_us_head .about_text::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.about_us_head .about_text::-webkit-scrollbar-thumb {
    background: #0575c1;
}

/* Handle on hover */
.about_us_head .about_text::-webkit-scrollbar-thumb:hover {
    background: #000;
}

.head h3 {
    padding: 20px 0;
    position: relative;
    background: #0575c1;
    color: #fff;
    font-weight: 600;
}

.head h3::after {
    content: "";
    width: 220px;
    height: 5px;
    background: #fff;
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translateX(-109px);
}

.box1 {
    /* width: 400px; */
    margin: auto;
    text-align: center;
    padding: 30px;
    background-color: #dce4da;
    height: 330px;
    overflow: hidden;
    overflow-y: scroll;
}

.box1 h4 {
    font-weight: 600;
    font-size: 30px;
}

.box1::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.box1::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.box1::-webkit-scrollbar-thumb {
    background: #000;
}

/* Handle on hover */
.box1::-webkit-scrollbar-thumb:hover {
    background: #555;
}

i.left_icons {
    font-size: 22px;
    vertical-align: top;
}

.submenu>li.dropdown_active>a:active {
    color: #0564b9;
}


.submenu>li.dropdown_active>a {
    color: #0564b9;
    color: #ffffff;
}

.submenu>li>a {
    text-transform: capitalize;
}

.submenu>li>a {
    padding: 10px 0 10px 25px;
    display: block;
    text-decoration: none;
    color: #000;
    position: relative;
}

.dropdown-item:hover {
    background-color: unset !important;
}

.submenu>li>a:hover {
    color: #0564b9;
}

element.style {}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.pull-right {
    float: right;
}

.pull-right {
    float: right;
}

.btn-success {
    height: 42px !important;
}

/* 29/07/2022 */
.gift-cantainer {
    margin: 30px 75px;
}

.gift-cantainer p {
    margin: 0;
    line-height: 1.5;
}

.girft-cards h3 {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}

.card-img-backcolor {
    width: 40%;
    /* height: 160px; */
}

.card_img-padd {
    width: 60%;
}

.cardss {
    display: flex;
    width: 100%;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    justify-content: center;
    align-items: center;
}

.card-1 {
    width: 23%;
    display: flex;
    margin: 30px 10px;
    border: 1px solid #ddd2d2;
    flex-wrap: wrap;
    border-radius: 8px;
}

.card_imgg i.fa.fa-gift {
    display: flex;
    font-size: 60px;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;
}

.card-img-backcolor {
    background-color: #f8881c;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.card_img-padd {
    padding: 25px 5px;
}

.girft-cards {
    margin: 35px 0;
}

.container_custom {
    max-width: 1365px !important;
}

.card_imgg ul li span {
    text-align: center;
}

.info_flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.gift-names {
    width: 97px;
    font-weight: 600;
}

.gift-names+div {
    margin-left: 5px;
}

.contactleft2 {
    text-align: center;
    background-image: none;
    background-color: #FFF;
    border-right: 1px solid #e5e5e5;
    padding: 48px 52px;
    width: 39.50%;
    height: 415px;
    min-height: 400px;
    overflow: hidden;
    overflow-y: scroll;
}

.usermgmt_image {
    text-align: center;
}

.learn_more2 {
    margin-top: 10px;
}

.contact_form {
    padding: 30px;
    text-align: center;
}


/* 05.08.2022 */

.wrapper2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-container {
    width: 100%;
    height: 550px;
    display: flex;
}

.bg-1 {
    flex: 1;
    background-color: rgb(180, 243, 175);
}

.bg-2 {
    flex: 1;
    background-color: rgb(163, 236, 240);
}

.about-container {
    width: 85%;
    /* height: 400px; */
    position: absolute;
    background-color: white;
    box-shadow: 24px 24px 30px #6d8dad;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 5px;
}

.image-container {
    /* flex: 1;
    display: flex;
    justify-content: center;
    align-items: center; */
    width: 40%;
}

.image-container img {
    /* width: 500px;
    height: 500px; */
    margin: 20px;
    border-radius: 10px;
}

.text-container {
    /* flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    font-size: 22px; */
    width: 60%;
    height: 100%;
    padding: 5px 10px;
}

.text-container h1 {
    font-size: 35px;
    padding: 20px 0px 5px 0;
}

.text-container p {
    margin: 0px 1px 35px;
}

.text-container a {
    text-decoration: none;
    padding: 12px;
    margin: 50px 0px;
    background-color: rebeccapurple;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 5px;
    transition: .3s all ease;
}

.text-container a:hover {
    background-color: transparent;
    color: #000;
    border: 2px solid rebeccapurple;
}

.aboutt {
    margin: 20px 0;
}

.box1 {
    background-color: rgb(180, 243, 175);
}

.box2 {
    background-color: rgb(163, 236, 240) !important;
}

/* gift cards 16.08.2022 */

.inner_banner_gift {
    position: relative;
    z-index: 1;
    background-position: center !important;
    background-size: cover !important;
    min-height: 250px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.inner_banner_gift .container h1 {
    font-size: 35px;
    color: #05285e;
    font-weight: 700;
}

.inner_banner_gift2 .container h1 {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
}

.inner_banner_gift3 .container h1 {
    font-size: 55px;
    color: #fff;
    font-weight: 700;
}

.cards_11 {
    /* height: 250px; */
    /* width: 250px; */
    /* text-align: center; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 2px 7px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 10%);
    border-radius: 15px;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    background-color: #fcfcfc;
    margin-left: 8px;
    max-width: 320px !important;
    margin-top: 50px;

}

.card_11_under .top-img {}

.gift-circle {
    position: relative;
    top: -30px;
    left: 39%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    width: 60px;
    height: 30px;
    z-index: 10;
    box-shadow: 0 -5px 17px rgb(0 0 0 / 9%);
    -webkit-box-shadow: 0 -5px 17px rgb(0 0 0 / 9%);
    z-index: 10;
    background-color: rgba(252, 252, 252, 0.66);
}

.girft-cards {
    margin: 75px 0;
    position: relative;
    /* display: flex;
    justify-content: space-between; */
}

.card_11_under {
    padding: 0 10px 15px 10px;
}

.gift-img {
    text-align: center;
    padding-top: 5px;
    font-size: 18px;
    font-weight: 600;
}

.gift_names p {
    font-size: 16px;
    color: #05285e;
    font-weight: 600;
    /* padding: 7px 0; */
    margin: 0;
}

.gift_names .gft_nm {
    width: 105px;
}

.gift_names {
    display: flex;
    align-items: center;
}

.container_custom2 {
    padding: 15px 24px;
    background: whitesmoke;
    margin-top: 25px;
    margin-bottom: 25px;
}

.contact_form {
    padding: 30px;
    text-align: center;
}

.buuy {
    text-decoration: none;
    padding: 12px;
    margin: 10px 0px;
    background-color: rebeccapurple;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 5px;
    transition: .3s all ease;
    display: block;
    text-align: center;
    text-decoration: none;
}

.buuy:hover {
    color: #fff;
    text-decoration: none;
}

.arroww {
    width: 30px;
    height: 30px;
    border: 2px solid rebeccapurple;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    position: relative;
}

.arroww:hover {
    cursor: pointer;
    transform: scale(1.2);
    transition: 0.5s;
}

blockquote {
    padding: 0;
    margin: 0;
}

section.t-bq-section {
    padding: 30px;
    /* margin-bottom: 60px; */
}

.t-bq-wrapper.t-bq-wrapper-boxed {
    max-width: 576px;
    margin: 0 auto;
}

.t-bq-wrapper.t-bq-wrapper-fullwidth {
    max-width: 100%;
}








/* ========== 05. Paul ========== */

.t-bq-quote-paul {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: 250px;
    box-shadow: 2px 2px 25px #cecece;
    border-radius: 10px;
}

.t-bq-quote-paul .t-bq-quote-paul-pattern {
    flex-basis: 80px;
    background: url("https://raw.githubusercontent.com/taviskaron/t-div-blockquotes/main/img/hexabump.png") repeat;
    border-radius: 10px 0 0 10px;
}

.t-bq-quote-paul .t-bq-quote-paul-base {
    flex-basis: calc(100% - 80px);
    background: #ffffff;
    padding: 40px 23px 32px 65px;
    font-size: 15px;
    line-height: 1.62em;
    border-radius: 0 10px 10px 0;
    height: 360px;
    overflow: hidden;
    overflow-y: auto;
}

.t-bq-quote-paul .t-bq-quote-paul-qmark {
    position: absolute;
    top: 50px;
    left: 105px;
    font-family: Garamond, Georgia, "Times New Roman", serif;
    font-size: 42px;
    color: #999999;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.t-bq-quote-paul .t-bq-quote-paul-meta {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 2px dotted #777777;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-author,
.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-source {
    color: #777777;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-author {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 10pt;
    font-weight: bold;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-author cite {
    font-style: normal;
}

.t-bq-quote-paul .t-bq-quote-paul-meta .t-bq-quote-paul-source {
    font-size: 9pt;
}

/* end */

/* keyframes */
/* animation of gift card */
.pyro>.before,
.pyro>.after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    to {
        box-shadow: -299px -269.6666666667px darkorange, -248px -39.6666666667px #1a00ff, 229px -191.6666666667px #4000ff, 149px -212.6666666667px #00a2ff, 199px -10.6666666667px #d000ff, 47px 46.3333333333px #00ffd5, -44px -108.6666666667px #ff0059, 230px -228.6666666667px #00ff7b, 49px 64.3333333333px #ff00fb, 43px -6.6666666667px #00ff2b, -136px -325.6666666667px #9900ff, 167px -16.6666666667px #001eff, -101px -158.6666666667px #00fff2, -27px -183.6666666667px #0080ff, 88px -51.6666666667px #ff009d, -168px -120.6666666667px #cc00ff, 165px -329.6666666667px #7b00ff, -226px -287.6666666667px #0004ff, 72px -249.6666666667px #8000ff, 220px -6.6666666667px #8c00ff, 182px -150.6666666667px #0084ff, -136px 48.3333333333px #00ff15, -179px -130.6666666667px #ffb700, 10px -62.6666666667px #fbff00, -224px -151.6666666667px #b7ff00, -135px 31.3333333333px #0015ff, -81px 41.3333333333px #eaff00, 114px -124.6666666667px #00ff77, 188px -359.6666666667px #ff8000, 79px 13.3333333333px #ff4800, 174px 82.3333333333px #bfff00, -204px -289.6666666667px #002bff, -157px -185.6666666667px #00ff55, 160px -171.6666666667px #00ffea, -220px -15.6666666667px #bfff00, 233px -371.6666666667px #ffcc00, 198px 56.3333333333px #00a6ff, 46px -22.6666666667px #6fff00, 19px -194.6666666667px #ff00ae, 58px -183.6666666667px #6a00ff, -77px -332.6666666667px #ffd900, 23px -149.6666666667px #ff00aa, -187px -260.6666666667px #bb00ff, -42px 9.3333333333px #d900ff, -189px 43.3333333333px #4800ff, -166px 42.3333333333px #00bbff, -1px -339.6666666667px #7b00ff, 43px -333.6666666667px #ffe600, -237px -175.6666666667px #a6ff00, 232px -29.6666666667px #ff00b3, -234px -60.6666666667px yellow;
    }
}

@-moz-keyframes bang {
    to {
        box-shadow: -299px -269.6666666667px darkorange, -248px -39.6666666667px #1a00ff, 229px -191.6666666667px #4000ff, 149px -212.6666666667px #00a2ff, 199px -10.6666666667px #d000ff, 47px 46.3333333333px #00ffd5, -44px -108.6666666667px #ff0059, 230px -228.6666666667px #00ff7b, 49px 64.3333333333px #ff00fb, 43px -6.6666666667px #00ff2b, -136px -325.6666666667px #9900ff, 167px -16.6666666667px #001eff, -101px -158.6666666667px #00fff2, -27px -183.6666666667px #0080ff, 88px -51.6666666667px #ff009d, -168px -120.6666666667px #cc00ff, 165px -329.6666666667px #7b00ff, -226px -287.6666666667px #0004ff, 72px -249.6666666667px #8000ff, 220px -6.6666666667px #8c00ff, 182px -150.6666666667px #0084ff, -136px 48.3333333333px #00ff15, -179px -130.6666666667px #ffb700, 10px -62.6666666667px #fbff00, -224px -151.6666666667px #b7ff00, -135px 31.3333333333px #0015ff, -81px 41.3333333333px #eaff00, 114px -124.6666666667px #00ff77, 188px -359.6666666667px #ff8000, 79px 13.3333333333px #ff4800, 174px 82.3333333333px #bfff00, -204px -289.6666666667px #002bff, -157px -185.6666666667px #00ff55, 160px -171.6666666667px #00ffea, -220px -15.6666666667px #bfff00, 233px -371.6666666667px #ffcc00, 198px 56.3333333333px #00a6ff, 46px -22.6666666667px #6fff00, 19px -194.6666666667px #ff00ae, 58px -183.6666666667px #6a00ff, -77px -332.6666666667px #ffd900, 23px -149.6666666667px #ff00aa, -187px -260.6666666667px #bb00ff, -42px 9.3333333333px #d900ff, -189px 43.3333333333px #4800ff, -166px 42.3333333333px #00bbff, -1px -339.6666666667px #7b00ff, 43px -333.6666666667px #ffe600, -237px -175.6666666667px #a6ff00, 232px -29.6666666667px #ff00b3, -234px -60.6666666667px yellow;
    }
}

@-o-keyframes bang {
    to {
        box-shadow: -299px -269.6666666667px darkorange, -248px -39.6666666667px #1a00ff, 229px -191.6666666667px #4000ff, 149px -212.6666666667px #00a2ff, 199px -10.6666666667px #d000ff, 47px 46.3333333333px #00ffd5, -44px -108.6666666667px #ff0059, 230px -228.6666666667px #00ff7b, 49px 64.3333333333px #ff00fb, 43px -6.6666666667px #00ff2b, -136px -325.6666666667px #9900ff, 167px -16.6666666667px #001eff, -101px -158.6666666667px #00fff2, -27px -183.6666666667px #0080ff, 88px -51.6666666667px #ff009d, -168px -120.6666666667px #cc00ff, 165px -329.6666666667px #7b00ff, -226px -287.6666666667px #0004ff, 72px -249.6666666667px #8000ff, 220px -6.6666666667px #8c00ff, 182px -150.6666666667px #0084ff, -136px 48.3333333333px #00ff15, -179px -130.6666666667px #ffb700, 10px -62.6666666667px #fbff00, -224px -151.6666666667px #b7ff00, -135px 31.3333333333px #0015ff, -81px 41.3333333333px #eaff00, 114px -124.6666666667px #00ff77, 188px -359.6666666667px #ff8000, 79px 13.3333333333px #ff4800, 174px 82.3333333333px #bfff00, -204px -289.6666666667px #002bff, -157px -185.6666666667px #00ff55, 160px -171.6666666667px #00ffea, -220px -15.6666666667px #bfff00, 233px -371.6666666667px #ffcc00, 198px 56.3333333333px #00a6ff, 46px -22.6666666667px #6fff00, 19px -194.6666666667px #ff00ae, 58px -183.6666666667px #6a00ff, -77px -332.6666666667px #ffd900, 23px -149.6666666667px #ff00aa, -187px -260.6666666667px #bb00ff, -42px 9.3333333333px #d900ff, -189px 43.3333333333px #4800ff, -166px 42.3333333333px #00bbff, -1px -339.6666666667px #7b00ff, 43px -333.6666666667px #ffe600, -237px -175.6666666667px #a6ff00, 232px -29.6666666667px #ff00b3, -234px -60.6666666667px yellow;
    }
}

@-ms-keyframes bang {
    to {
        box-shadow: -299px -26 9.6666666667px darkorange, -248px -39.6666666667px #1a00ff, 229px -191.6666666667px #4000ff, 149px -212.6666666667px #00a2ff, 199px -10.6666666667px #d000ff, 47px 46.3333333333px #00ffd5, -44px -108.6666666667px #ff0059, 230px -228.6666666667px #00ff7b, 49px 64.3333333333px #ff00fb, 43px -6.6666666667px #00ff2b, -136px -325.6666666667px #9900ff, 167px -16.6666666667px #001eff, -101px -158.6666666667px #00fff2, -27px -183.6666666667px #0080ff, 88px -51.6666666667px #ff009d, -168px -120.6666666667px #cc00ff, 165px -329.6666666667px #7b00ff, -226px -287.6666666667px #0004ff, 72px -249.6666666667px #8000ff, 220px -6.6666666667px #8c00ff, 182px -150.6666666667px #0084ff, -136px 48.3333333333px #00ff15, -179px -130.6666666667px #ffb700, 10px -62.6666666667px #fbff00, -224px -151.6666666667px #b7ff00, -135px 31.3333333333px #0015ff, -81px 41.3333333333px #eaff00, 114px -124.6666666667px #00ff77, 188px -359.6666666667px #ff8000, 79px 13.3333333333px #ff4800, 174px 82.3333333333px #bfff00, -204px -289.6666666667px #002bff, -157px -185.6666666667px #00ff55, 160px -171.6666666667px #00ffea, -220px -15.6666666667px #bfff00, 233px -371.6666666667px #ffcc00, 198px 56.3333333333px #00a6ff, 46px -22.6666666667px #6fff00, 19px -194.6666666667px #ff00ae, 58px -183.6666666667px #6a00ff, -77px -332.6666666667px #ffd900, 23px -149.6666666667px #ff00aa, -187px -260.6666666667px #bb00ff, -42px 9.3333333333px #d900ff, -189px 43.3333333333px #4800ff, -166px 42.3333333333px #00bbff, -1px -339.6666666667px #7b00ff, 43px -333.6666666667px #ffe600, -237px -175.6666666667px #a6ff00, 232px -29.6666666667px #ff00b3, -234px -60.6666666667px yellow;
    }
}

@keyframes bang {
    to {
        box-shadow: -299px -269.6666666667px darkorange, -248px -39.6666666667px #1a00ff, 229px -191.6666666667px #4000ff, 149px -212.6666666667px #00a2ff, 199px -10.6666666667px #d000ff, 47px 46.3333333333px #00ffd5, -44px -108.6666666667px #ff0059, 230px -228.6666666667px #00ff7b, 49px 64.3333333333px #ff00fb, 43px -6.6666666667px #00ff2b, -136px -325.6666666667px #9900ff, 167px -16.6666666667px #001eff, -101px -158.6666666667px #00fff2, -27px -183.6666666667px #0080ff, 88px -51.6666666667px #ff009d, -168px -120.6666666667px #cc00ff, 165px -329.6666666667px #7b00ff, -226px -287.6666666667px #0004ff, 72px -249.6666666667px #8000ff, 220px -6.6666666667px #8c00ff, 182px -150.6666666667px #0084ff, -136px 48.3333333333px #00ff15, -179px -130.6666666667px #ffb700, 10px -62.6666666667px #fbff00, -224px -151.6666666667px #b7ff00, -135px 31.3333333333px #0015ff, -81px 41.3333333333px #eaff00, 114px -124.6666666667px #00ff77, 188px -359.6666666667px #ff8000, 79px 13.3333333333px #ff4800, 174px 82.3333333333px #bfff00, -204px -289.6666666667px #002bff, -157px -185.6666666667px #00ff55, 160px -171.6666666667px #00ffea, -220px -15.6666666667px #bfff00, 233px -371.6666666667px #ffcc00, 198px 56.3333333333px #00a6ff, 46px -22.6666666667px #6fff00, 19px -194.6666666667px #ff00ae, 58px -183.6666666667px #6a00ff, -77px -332.6666666667px #ffd900, 23px -149.6666666667px #ff00aa, -187px -260.6666666667px #bb00ff, -42px 9.3333333333px #d900ff, -189px 43.3333333333px #4800ff, -166px 42.3333333333px #00bbff, -1px -339.6666666667px #7b00ff, 43px -333.6666666667px #ffe600, -237px -175.6666666667px #a6ff00, 232px -29.6666666667px #ff00b3, -234px -60.6666666667px yellow;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {

    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }

    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }

    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }

    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }

    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}


/* about page ccss */
/* .about {
    margin: 50px 0;
} */

.about .heading h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 0;

}

.about .heading h2 span {
    color: #F24259;
}

.about .heading p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #999999;
    margin: 20px 0 60px;
    padding: 0;
}

.about h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.about p {
    font-weight: 400;
    line-height: 1.7;
    color: #000000;
    margin: 10px 0 15px;
    padding: 0;
    font-size: 15px;
}

.about h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 8px 0;
}

.about h4 i {
    color: #F24259;
    margin-right: 10px;
}

.animate-charcter {
    text-transform: uppercase;
    /* background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #0575c1 67%, #0575c1 100%); */
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: 30px;
    background-color: #0575c1;
    font-weight: 600;
    margin: 0;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

/* blog details */

.cs-blog {
    margin-bottom: 30px;
}

.cs-blog h2 {
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 29px;
    margin: 0 0 11px;
    position: relative;
    text-transform: uppercase;
}

.cs-blog::after {
    clear: both;
    content: "";
    display: block;
}

ul.blog-list {
    list-style: outside none none;
    margin: -30px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.blog-list.blog-slide {
    margin: 0;
}

.blog-list.blog-slider {
    margin: 0;
}

ul.blog-list li {
    float: left;
    list-style: outside none none;
    margin: 30px 0 0;
}

.blog-slide .slick-list {
    margin: 0 -15px;
}

ul.blog-list.blog-slide li {
    margin-bottom: 10px;
    margin-top: 0;
}

ul.blog-list li:first-child {
    border: 0 none;
}

ul.blog-list li figure {
    overflow: hidden;
    position: relative;
}

ul.blog-list li figure img {
    width: 100%;
}

ul.blog-list li .cs-text {
    border: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 15px 20px;
}


.cs-blog-detail .cs-text .post-option {
    border-top: 1px solid #f0f0f0;
    float: left;
    padding-top: 10px;
    width: 100%;
}

.cs-blog-detail .cs-text .post-option span a {
    color: #777;
}

.widget ul.blog-list li .cs-text {
    height: auto;
    margin: 0;
    min-height: inherit;
    padding: 9px 0 13px;
}

ul.blog-list li .cs-text span {
    color: #8b919e;
    display: inline-block;
    font-size: 12px;
    line-height: 19px;
}

ul.blog-list li .cs-text p {
    margin-bottom: 12px;
}

ul.blog-list li .cs-text h5 {
    border-bottom: 1px solid #fff;
    font-size: 15px;
    margin: 0;
    min-height: 56px;
    padding: 0 0 5px;
}

ul.blog-list li .cs-text h5 a {
    color: #292c33;
}

ul.blog-list li .cs-text .readmore {
    float: right;
    font-size: 11px;
    line-height: 20px;
    padding-top: 6px;
    position: relative;
    text-transform: uppercase;
}

ul.blog-list .slick-list.draggable {
    overflow: hidden;
}

.cs-auther-name a {
    color: #999;
}

.blog-list .slick-arrow {
    background-color: #f9f9f9;
    float: left;
    height: 29px;
    margin: 5px 0 0 5px;
    text-align: center;
    width: 29px;
}

.blog-list .slick-arrow a {
    color: #999;
    font-size: 18px;
    line-height: 32px;
}

.cs-blog.classic {
    margin: 0 0 30px;
}

.cs-blog.classic ul {
    margin: 0;
}

.cs-blog.classic li {
    border-top: 2px solid #eceef0;
    float: left;
    list-style: outside none none;
    padding: 16px 0;
    width: 100%;
}

.cs-blog.classic p {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 100%;
}

.cs-blog.classic p i {
    color: #c4c6c8;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.cs-blog.classic span {
    display: inline-block;
    float: right;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
}

.cs-blog.classic span i {
    color: #e2e5e8;
    float: right;
    font-size: 24px;
    margin: 2px 0 0 10px;
}

.cs-pagination-blog {
    margin-bottom: 30px;
}

.cs-blog.blog-medium {
    border-bottom: 0 none;
    margin: 0;
    padding-bottom: 30px;
}

.cs-blog.blog-medium::after {
    clear: both;
    content: "";
    display: block;
}

.cs-blog.blog-medium .blog-text .cs-post-title {
    clear: both;
}

.cs-blog .cs-media figure {
    position: relative;
}

.cs-blog .cs-media figure figcaption {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}

.cs-blog .cs-media:hover figure figcaption {
    opacity: 1;
    visibility: visible;
}

.cs-blog.blog-medium .post-title h3 {
    margin-bottom: 0;
}

.cs-blog .post-title {
    margin-bottom: 10px;
}

.cs-blog.blog-medium .cs-media figure figcaption .cs-readmore a {
    color: #fff;
    font-size: 24px;
    left: 50%;
    margin: -10px 0 0 -65px;
    position: absolute;
    top: 50%;
    transform: scale(0.7);
}

.cs-blog.blog-medium .cs-media:hover figure figcaption .cs-readmore a {
    transform: scale(1);
}

.cs-blog.blog-medium:last-child {
    border-bottom: medium none;
    padding-bottom: 40px;
}

.blog-medium .cs-media {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    width: 37%;
}

.blog-modern .cs-media {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    width: 48.6%;
}

.blog-medium .cs-media figure img,
.blog-modern .cs-media img {
    width: 100%;
}

.blog-medium .cs-media~.blog-text {
    display: inline-block;
    float: none;
    margin-right: 0;
    vertical-align: middle;
    width: 58%;
}

.blog-modern .blog-text {
    display: inline-block;
    margin-right: -4px;
    padding-left: 30px;
    vertical-align: middle;
    width: 51.4%;
}

.blog-modern .blog-text .cs-post-title {
    margin-bottom: 5px;
    padding-bottom: 1px;
    position: relative;
}

.blog-modern .blog-text .cs-post-title::after {
    bottom: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 27px;
}

.blog-modern .blog-text .blog-separator {
    margin: 0 0 10px;
}

.blog-modern .blog-text .blog-separator::before {
    display: none;
}

.blog-medium .blog-text {
    width: 99.1%;
}

.blog-medium .blog-text p {
    display: inline;
    margin: 0 0 15px;
}

.blog-medium .blog-separator {
    margin: 0 0 10px;
}

.cs-blog .cs-categories,
.cs-blog-detail .cs-categories {
    display: block;
    margin: 0 0 12px;
}

.cs-blog .cs-categories a,
.cs-blog-detail .cs-categories a {
    border-bottom: 2px solid #ededed;
    color: #55a747;
    display: inline-block;
    font-size: 10px;
    margin-right: 5px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.cs-blog-detail .post-option {
    float: right;
}

.cs-blog .post-option span a,
.cs-blog-detail .post-option span a {
    color: #999 !important;
    display: inline-block;
    font-size: 12px;
    margin-right: 18px;
    vertical-align: middle;
}

.cs-blog .post-option span i,
.cs-blog-detail .post-option span i {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}

.cs-blog-detail .post-option span.post-category i {
    margin: 0;
}

.cs-blog-detail .post-option .post-category a {
    margin-left: 10px;
    margin-right: 0;
}

.cs-blog-detail .post-option .post-date {
    margin-left: 18px;
}

.cs-blog-detail .cs-text .post-option span i {
    float: left;
    margin: 3px 8px 0 0;
}

.cs-blog.blog-grid figure img {
    width: 100%;
}

.cs-blog.blog-grid .cs-media~.blog-text {
    margin: -30px 0 0;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.cs-blog.blog-grid .cs-inner-bolg {
    background-color: #fff;
    display: inline-block;
    padding: 20px 25px;
    width: 100%;
}

.cs-blog.blog-grid .blog-text p {
    margin: 0 0 5px;
}

.cs-blog.blog-grid .post-option {
    line-height: normal;
    margin: 0 0 10px;
}

.cs-blog.blog-grid .post-option span {
    color: #8b919e;
    font-size: 10px;
    margin: 0 15px 0 0;
    position: relative;
    text-transform: uppercase;
}

.cs-blog.blog-grid .post-option span::before {
    background-color: #8b919e;
    border-radius: 100%;
    content: "";
    height: 3px;
    left: -10px;
    position: absolute;
    top: 5px;
    width: 3px;
}

.cs-blog.blog-grid .post-option span:last-child {
    margin: 0;
}

.cs-blog.blog-grid .post-option span:first-child::before {
    display: none;
}

.cs-blog.blog-grid .read-more {
    display: inline-block;
    font-size: 12px;
    position: relative;
}

.cs-blog.blog-grid .read-more::before {
    content: "";
    font-family: "icomoon";
    font-size: 14px;
    position: absolute;
    right: -15px;
    top: 0;
}

.blog-large .cs-media img {
    width: 100%;
}

.blog-large .cs-text {
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}

.blog-large .cs-media~.cs-text {
    background-color: #fff;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 100%;
}

.cs-blog .cs-author,
.cs-blog-detail .cs-author {
    float: left;
    margin: 0 0 10px;
}

.cs-blog .cs-author figure,
.cs-blog-detail .cs-author figure {
    display: inline-block;
    height: 32px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 32px;
}

.cs-blog .cs-author figure img,
.cs-blog-detail .cs-author figure img {
    border-radius: 100%;
}

.cs-blog .cs-author .cs-text,
.cs-blog-detail .cs-author .cs-text {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.cs-blog .cs-author .cs-text a,
.cs-blog-detail .cs-author .cs-text a {
    color: #555;
    font-size: 13px;
}

.blog-large .post-option,
.cs-blog.blog-medium .post-option {
    float: right;
}

.cs-blog.blog-large .post-option span i,
.cs-blog.blog-medium .post-option span i {
    color: #cfcfcf;
}

.post-option span i {
    margin-right: 5px;
    transition: all 0.3s ease-in-out 0s;
}

.blog-separator {
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    margin: 20px 0 25px;
    position: relative;
    width: 100%;
}

.blog-large .cs-text p {
    margin: 0 0 25px;
}

.blog-large .read-more {
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    padding: 4px 20px;
    text-transform: uppercase;
}

.blog-large .cs-post-title {
    margin: 0 0 15px;
}

.blog-large .cs-post-title h3 {
    margin: 0;
}

.cs-blog-detail .cs-post-title h1 {
    margin: 0 0 10px;
}

.cs-blog-detail .cs-post-title::after {
    clear: both;
    content: "";
    display: block;
}

.cs-blog-detail .cs-main-post img {
    width: 100%;
}

.cs-blog-detail .cs-main-post {
    margin-bottom: 25px;
}

.cs-blog-detail .cs-admin-post .cs-media figure,
.cs-blog-detail .cs-admin-post .cs-media figure img {
    border-radius: 100%;
}

.cs-blog-detail .cs-admin-post .cs-text {
    overflow: hidden;
}

.cs-blog-detail .cs-admin-post {
    float: left;
    width: 40%;
}

.cs-blog-detail .cs-admin-post .cs-media {
    float: left;
    height: 46px;
    margin-right: 14px;
    width: 46px;
}

.cs-blog-detail .cs-author-name {
    color: #ccc;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    padding-top: 6px;
    vertical-align: middle;
}

.cs-blog-detail .cs-author-name strong {
    color: #55a747;
    display: block;
    line-height: 26px;
}

.cs-blog-detail .cs-more-post {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: 11px;
    padding: 6px 8px;
}

.cs-blog-detail .cs-social-share {
    float: right;
}

.cs-blog-detail .cs-social-media {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.cs-blog-detail .cs-social-media li {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    vertical-align: top;
}

.cs-blog-detail .cs-social-media li a {
    background-color: #fc6d4c;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 28px;
    line-height: 30px;
    margin: 0 5px 5px 0;
    text-align: center;
    width: 28px;
}

.cs-blog-detail .cs-social-media li a.cs-more {
    line-height: 33px;
    padding: 0;
}

.cs-blog-detail .cs-social-media li a::before {
    display: none;
}

.cs-blog-detail .cs-social-media li a[data-original-title="facebook"] {
    background-color: #2b4a8b;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Facebook"] {
    background-color: #2b4a8b;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Tumblr"] {
    background-color: #32506d;
}

.cs-blog-detail .cs-social-media li a[data-original-title="tumblr"] {
    background-color: #32506d;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Dribbble"] {
    background-color: #ea4c89;
}

.cs-blog-detail .cs-social-media li a[data-original-title="dribbble"] {
    background-color: #ea4c89;
}

.cs-blog-detail .cs-social-media li a[data-original-title="stumbleupon"] {
    background-color: #eb4823;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Stumbleupon"] {
    background-color: #eb4823;
}

.cs-blog-detail .cs-social-media li a[data-original-title="rss"] {
    background-color: #f06c19;
}

.cs-blog-detail .cs-social-media li a[data-original-title="twitter"] {
    background-color: #1f94d9;
}

.cs-blog-detail .cs-social-media li a[data-original-title="linkedin"] {
    background-color: #10598c;
}

.cs-blog-detail .cs-social-media li a[data-original-title="google"] {
    background-color: #d83936;
}

.cs-blog-detail .cs-social-media li a[data-original-title="youtube"] {
    background-color: #b00;
}

.cs-blog-detail .cs-social-media li a[data-original-title="Youtube"] {
    background-color: #b00;
}

.cs-blog-detail .cs-social-media li a.cs-more .at4-icon {
    border-radius: 10px;
    margin: 5px 0 0 -2px;
}

.cs-blog-detail .cs-share {
    float: none;
    left: 0;
    margin: 0 15px 0 0;
    position: absolute;
    top: 0;
}

.cs-blog-detail .cs-share a {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.cs-blog-detail .cs-share-detail::after {
    clear: both;
    content: "";
    display: block;
}

.cs-blog-detail .cs-share-detail {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    vertical-align: middle;
    width: 49%;
}

.cs-blog-detail .cs-post-option-panel {
    float: left;
    padding-top: 20px;
    width: 100%;
}

.cs-blog-detail .rich-editor-text p {
    margin-bottom: 30px;
}

blockquote,
.rich-text-editor blockquote {
    border-left: 4px solid;
    margin: 0 0 40px;
    padding: 20px 0 0;
    position: relative;
    width: 95%;
}

blockquote {
    background-color: #fcfcfc;
    font-style: italic;
    padding: 15px 40px 20px 50px !important;
}

blockquote,
blockquote span,
blockquote p {
    color: #777;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

blockquote .author-name a {
    color: #999;
    font-size: 11px;
}

blockquote.text-left-align {
    text-align: left;
}

blockquote.text-right-align {
    text-align: right;
}

blockquote.text-center-align {
    text-align: center;
}

blockquote::before,
.rich-text-editor blockquote::before {
    color: #eaeaea;
    content: "";
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    left: 24px;
    position: absolute;
    top: 15px;
    transform: scale(-1);
}

.rich-text-editor blockquote {
    background-color: #fcfcfc;
    font-style: italic;
    padding: 15px 40px 20px 50px;
}

.rich-text-editor blockquote p {
    margin: 0;
}

blockquote>span {
    margin: 0;
    position: relative;
}

blockquote>span.author-name::after {
    display: none;
}

blockquote>span::after {
    color: #eaeaea;
    content: "";
    display: inline-block;
    font-family: "icomoon";
    font-size: 22px;
    font-style: normal;
    margin: 0 0 0 8px;
    position: relative;
    top: 3px;
}

.cs-blog-detail .tags {
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 50%;
}

.cs-blog-detail .cs-tags {
    display: block;
    margin: 0 0 40px;
}

.cs-blog-detail .cs-tags .tags span {
    color: #333;
    display: inline-block;
    font-size: 18px;
    margin: 0 10px 5px 0;
}

.cs-blog-detail .cs-tags .tags ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.cs-tags ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 6px;
}

.cs-tags ul li a {
    display: block;
    font-size: 12px;
    margin: 0 8px 0 0;
}

.cs-tags .tags ul li a {
    background-color: #f5f5f5;
    border-radius: 20px;
    color: #777;
    padding: 2px 18px 3px;
}

.comment-respond {
    margin-bottom: 30px;
}

.comment-form ul {
    list-style: outside none none;
}

.comment-form ul li {
    margin-bottom: 30px;
}

.comment-form .cs-element-title h3 {
    margin: 0;
}

.comment-form form .input-holder {
    position: relative;
}

.comment-form form .input-holder i {
    color: #cecece;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 15px;
}

.comment-form form .input-holder input[type="text"],
.comment-form form .input-holder textarea {
    border: 1px solid #e4e4e4;
    color: #999;
    font-size: 14px;
    height: 50px;
    margin-bottom: -1px;
    padding: 10px 20px;
    width: 100%;
}

.comment-form form .input-holder textarea {
    height: 214px;
    margin: 0 0 20px;
}

.comment-form form input[type="submit"] {
    background-color: #55a747;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
}

.blog-detail {
    box-shadow: none;
}

.blog-detail .blog-list {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.blog-slider-next {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 10px;
}

.blog-slider-prev {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 10px;
}

.blog-detail::after,
.author-detail::after,
#comment ul li::after,
.blog-detail .blog-list::after,
.cs-packeges::after {
    clear: both;
    content: "";
    display: block;
}

.blog-title {
    margin-bottom: 25px;
}

.blog-title h3 {
    color: #282828;
    letter-spacing: -1px;
    line-height: 34px;
    margin: 0 0 10px;
}

.blog-detail .main-post {
    margin: 0 0 25px;
}

.blog-detail .main-post img {
    width: 100%;
}

.author-detail {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
    padding-bottom: 22px;
}

.cs-admin figure {
    float: left;
    margin-right: 15px;
}

.cs-admin .cs-text {
    display: inline-block;
    overflow: hidden;
    padding-top: 8px;
}

.cs-admin .cs-text span {
    color: #ccc;
    display: block;
    font-size: 13px;
    line-height: 16px;
}

.cs-admin .cs-text strong {
    color: #282828;
    font-size: 14px;
    line-height: 18px;
}

.blog-detail h2 {
    line-height: 29px;
    margin: 0 0 11px;
    position: relative;
    width: 91%;
}

.rich-editor-text p {
    clear: both;
    line-height: 24px;
    margin-bottom: 20px;
}

.blog-read-btn {
    float: none !important;
    font-size: 14px;
    color: #d5272f;
    background-color: transparent;
    border: none;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    font-weight: 600;
}

.recipe-detail-heading-block .next-pr-div .seperator {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #bebebe;
    width: 1px;
    height: 100%;
}

/* 22.08.2022 */
/* .blog-left-main {
    float: left;
    width: 845px;
    height: auto;
}
.blog-right {
    float: right;
    width: 275px;
    height: auto;
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 20px 15px;
}
.blog-left {
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 20px;
    margin: 0px 0px 20px 0px;
} */
.blog-details {
    background: #edf1f2;
    padding: 25px 0;
}

.blod_details_flex {
    display: flex;
}

.blog-left-main {
    max-width: 800px;
    height: auto;
}

.blog-right {
    width: 320px;
    height: 100%;
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 20px 15px;
    margin-left: 15px;
}

.blog-right h1 {
    font-size: 15px;
    color: #626262;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
}

.blog-right-grid {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px 10px !important;
    margin-bottom: 10px;
    border-radius: 4px;
}

.blog-right-grid .left {
    float: left;
    width: 85px;
    height: auto;
    margin-right: 10px;
}

.blog-right-grid .right {
    float: right;
    width: 155px;
}

.blog-right-grid .right h2 {
    font-size: 14px;
    color: #626262;
    padding: 0px 0px 0px 0px;
    margin: -2px 0px 5px 0px;
    font-weight: bold;
    line-height: 16px;
}

.blog-right-grid .right p {
    font-size: 13px;
    color: #868686;
    padding: 0px;
    margin: 0px;
    line-height: 14px;
    text-align: justify;
}

a {
    text-decoration: none !important;
}

.blog-right-grid .date {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
}

.date>i {
    padding-right: 5px;
}

.recipe-detail-heading-block {
    position: relative;
    display: flex;
}

.blog-left h1 {
    font-size: 20px;
    line-height: 24px;
    color: #373737;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    max-width: calc(100% - 90px);
}

/* .recipe-detail-heading-block .next-pr-div {
    position: absolute;
    right: 0;
} */

.recipe-detail-heading-block .next-pr-div>a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0575c1;
    color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    font-size: 18px;
}

.blog-left {
    width: 100%;
    height: auto;
    background: #fff;
    /* border: 1px solid #e3dddd !important; */
    padding: 20px;
    margin: 0px 0px 20px 0px;
}

.blog-left-strip {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0px 0 0;
}

.blog-left-strip ul {
    margin: 10px 0px;
    float: left;
}

.blog-left-strip ul li {
    float: left;
    border-right: 1px solid #eeeeee;
    padding: 0px 6px 0px 6px;
}

.blog-left-strip ul li p {
    font-size: 12px;
    color: #0575c1;
    padding: 1px 10px 1px 10px;
    float: left !important;
    margin-bottom: 0;
}

.blog-left p {
    display: inline-block;
}

.blog-follow-btn {
    float: right;
    background: #0575c1;
    box-shadow: 2px 2px 2px 2px #eee;
    padding: 8px 25px;
    border: 1px solid #e2e2e2;
    color: #ffffff;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 10px;
}

i.fa.fa-user-circle-o {
    color: #898e91;
}

i.fa.fa-clock-o {
    color: #302525;
}

#by_default_450words {
    display: inline-block;
    /* padding-top: 15px; */
    margin-bottom: 10px;
}

.blog-left p {
    display: inline-block;
}

.blog-left p {
    font-size: 14px;
    color: #7f7f7f;
    padding: 5px 0px;
    float: none !important;
    line-height: 22px;
    text-align: justify;
    display: inline-block;
}

.blog-read-btn {
    float: none !important;
    font-size: 14px;
    color: #0575c1;
    background-color: transparent;
    border: none;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    font-weight: 600;
}

.recipe-detail-heading-block .next-pr-div .seperator {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #bebebe;
    width: 1px;
    height: 100%;
}

/* 22.08.2022 */

.blog-details {
    background: #edf1f2;
    padding: 25px 0;
}

.blod_details_flex {
    display: flex;
    /* box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; */
    /* padding: 24px; */
}

.blog-left-main {
    width: 845px;
    height: auto;
}

.blog-right {
    width: 325px;
    max-width: 320px;
    border: 1px solid #cbbdbd;
    background: #fff;
    padding: 20px 15px;
    margin-left: 15px;
}

.blog-right h1 {
    font-size: 15px;
    color: #626262;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
}

.blog-right-grid {
    float: right;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
}

.blog-right-grid .left {
    float: left;
    width: 60px;
    height: auto;
    margin-right: 10px;
}

.blog-right-grid .right {
    float: right;
    width: 155px;
}

.blog-right-grid .right h2 {
    font-size: 14px;
    color: #626262;
    padding: 0px 0px 0px 0px;
    margin: -2px 0px 5px 0px;
    font-weight: bold;
    line-height: 16px;
}

.blog-right-grid .right p {
    font-size: 13px;
    color: #868686;
    padding: 0px;
    margin: 0px;
    line-height: 14px;
    text-align: justify;
}

a {
    text-decoration: none !important;
}

.blog-right-grid .date {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
}

.date>i {
    padding-right: 5px;
}

/* gift card css 23.08.2022 */

.gift_card_main {
    padding: 20px 0;
    background: #fff !important;
}

.card-img {
    background: url(../images/bcard_img.png) no-repeat center center / cover;
    max-height: 336px;
    max-width: 502px;
}

.gift-card-content .form_box {
    border: 1px solid #eee;
    margin-top: 28px;
    padding: 5px 0;
}

.gift-card-content .form_box div.input-amount {
    margin-bottom: 8px;
}

.gift-card-content .form_box div.input-amount label {
    color: #202020;
    margin-top: 7px;
    padding-right: 10px;
    text-align: right;
    width: 140px;
}

.gift_left {
    width: 50%;
    border-right: 1px solid #ccc;
    padding-right: 40px;
}

.gift-card-content .form_box div.input-amount input {
    border: 1px solid #ccc;
    margin-bottom: 7px;
    padding: 5px 5px;
    width: 400px;
    border-radius: 5px;
}

.gift-card-content .form_box div.input-amount textarea {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 3px 5px;
    resize: none;
    width: 400px;
    border-radius: 5px;
}

.info {
    margin-left: 145px;
    width: 412px;
}

.grft_right {
    width: 50%;
    padding-left: 25px;
}

.discption_box {
    max-width: 100%;
    background-color: #ededed;
    padding: 5px;
    border-radius: 5px;
    color: #505050;
    box-shadow: rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 56px, rgb(17 17 26 / 10%) 0px 24px 80px;
}

.gift-card-flex {
    display: flex;
}

.gift-card-flex h4 {
    text-align: center;
    color: #0575c1;
    border-bottom: 1px solid #000;
}

.submit {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.common_button.red {
    background-color: #0575c1;
    color: #ffffff !important;
}

.common_button {
    display: inline-block;
    line-height: normal;
    font-weight: normal;
    text-align: center;
    border: 0;
    margin: 0;
    position: relative;
    color: #ffffff;
    text-shadow: 0 0 1px rgb(255 255 255 / 50%);
    text-transform: uppercase;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
}


.common_button.p_5 {
    padding: 8px 0;
}

.common_button.w_159 {
    width: 159px;
    border-radius: 6px;
}

.discption_box2 {
    margin-top: 15px;
}

div.input-amount label {
    color: #202020;
    margin-top: 7px;
}

.input-amount select {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
}

.share_icons li {
    background: #0575c1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.share_icons li a i {
    color: #fff;
}

.recipe-detail-heading-block .next-pr-div {
    position: absolute;
    right: 0;
}

.info_right {
    line-height: 18px;
}

.select2-selection__rendered {
    color: #a1a1a2 !important;
    font-weight: 400 !important;
}

i.fa.fa-heart {
    color: #fff;
}

.buy_now {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #ef4f5d;
    background: #ef4f5d;
    height: 38px;
    line-height: 36px;
    min-width: 175px;
    text-align: center;
    border-radius: 100px;
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 8px;
    padding: 0 15px;

}

/* 26.08.2022 */
.contact_container h1 {
    display: flex;
    justify-content: center;
    font-weight: 600;
}

.contact_field {
    padding: 20px 20px 15px;
    border: 2px solid #eee;
    background: #ddd;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    margin-top: 10px;
}

.contact_field form input {
    margin-bottom: 10px;
}



.contact_field .form-control {
    border-radius: 5px;
    border: none;
    border-bottom: 1px solid #ccc;
}

.contact_field .form-control:focus {
    box-shadow: none;
    outline: none;
    border-bottom: 2px solid #0575c1;
}

.chb {
    visibility: hidden;
}

.chb+label {
    position: relative;
    padding-left: 5px;
    color: #6c7581;
    margin-left: 4px;
}

.chb-3+label::before {
    position: absolute;
    left: -20px;
    top: 4px;
    /*   text-align: center; */

    border: 2px solid #3498db;
    content: " ";
    width: 16px;
    height: 16px;

    transition: all 0.1s ease-in, border-color 0.05s ease-in;
}

.chb-3:checked+label::before {
    transform: rotate(40deg);
    border-top-color: transparent;
    border-left-color: transparent;

    top: 2px;
    left: -15px;
    width: 7px;
    height: 14px;
}

button.contact_form_submit {
    /* background-color: #0575c1; */
    background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
    border: none;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
    margin-top: 15px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 2px;
}

div#response_msg {
    /* margin: 8px 0; */
    text-align: center;
    font-size: 16px;
}

.modal {
    background-color: rgba(0, 0, 0, 0.5) !important;

}

div#response_msg {
    /* margin: 8px 0; */
    text-align: center;
    font-size: 16px;

}

.para {
    margin-top: 15px !important;
    font-size: 15px !important;
    margin-bottom: 5px !important;
}

.heading p {
    font-size: 16px;
}

.text-secondary {
    font-size: 15px;
}

.form-line {
    text-align: left;
}

.text-danger {
    margin-top: 3px;
    margin-left: 5px;
}

.buy_now:hover {
    color: #fff;
}



.testimonial-icon {
    width: 45px;
    height: 45px;
    background: #0575c1;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 16px;
    left: -19px;
}

#review-img::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    border-top: 15px solid #0575c1;
    border-left: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

#review-img:after {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    border-top: 15px solid #0575c1;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.testimonial-icon:before {
    content: "";
    border-bottom: 16px solid #0575c1;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}

.main-content {
    background-color: #ffffff;
    margin-top: 66px
}

.main_card {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 20px;
    background: #fff;
}

.container_form {
    margin-top: 50px;
    background-color: #eee;
    box-shadow: 0 0 10px 1px rgb(201 199 199);
    padding: 25px 20px;
    /* background: #e9e7e7; */
    background-color: #e0e8ff;
}

.work_txt figure {
    max-width: 150px;
    margin: 20px auto;
}


/* news css start here */


/* news css */

.styles_wrapper__mKM4a {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.styles_container__s_lsi.styles_CLSElement1__fvLEk {
    padding: 20px 0;
}



.styles_subline__nuZnS {
    color: #737678;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
    text-align: center;
}


.styles_campaigns__yrsdP {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
}

.styles_campaign__AA476 {
    border-radius: 20px;
    box-shadow: 0 8px 16px rgb(0 0 0 / 8%);
    overflow: hidden;
    text-decoration: none !important;
    width: 320px;
    border: 1px solid #ccc;
}

.styles_campaignImage__ny77I {
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.styles_campaignInfo__m33CT {
    padding: 24px 24px 32px;
}

.styles_campaignTitle__owr6i {
    color: #3c4447;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: center;
}

.styles_campaignSubTitle__wJBze {
    color: #6f757b;
    font-size: 13px;
    line-height: 21px;
}

.styles_subline__nuZnS a:not([role]) {
    color: #006987;

    font-weight: 500;
}

.styles_heading__RePFD {
    color: #3c4447;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    text-align: center;
}


/* news details  css start here */
.nes_details_conatiner {
    margin: 0px 75px 10px;
}

.gray_patch {
    background-color: #3bb3bd;
    padding: 24px;
    border-radius: 24px;
    display: none;
}

.gray_patch h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    margin: 1.42857143rem 0;
}

.gray_patch h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
    margin: 2.85714286rem 0;
}

.rect-page-main {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
}

.react-page-left {
    width: 68%;
    padding-right: 60px;
}

.react-page-right {
    width: 30%;
}

.react-page-left p {
    color: #52667d;
    font-size: 16px;
    margin-bottom: 10px;
    padding-right: 25px;
}

.react-page-cell {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.react-page-right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    margin: 1.42857143rem 0;
}

.react-page-right p {
    color: #52667d;
    font-size: 17px;
    margin-bottom: 10px;
}

.react-page-plugins-content-image {
    width: 100%;
}

.react-page-left_under {
    min-height: 550px;
    overflow: hidden;
    overflow-y: scroll;
    height: 600px;
}

/* ::-webkit-scrollbar {
    display: none;
}
.scrollbar {
    display: none;
} */

#tutor_gender {
    padding-left: 10px;
    font-size: 14px;
    border-radius: 7px;
    border: 0;
    padding: 0 !important;
    width: 100%;
    height: 45px;
    color: #000000 !important;
    border-bottom: 2px solid #bbb3b3;
    border-radius: 0;

}


#customers-testimonials .owl-item .item {
    /* height: 350px;
    min-height: 300px; */
}

.inner_banner_under {
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-family: 'Inter Semi Bold';
    position: relative;
    z-index: 2;
}

.btn_Buy input {
    border: none;
}

.language_panel p,
.language_panel_in p {
    text-align: justify;
    font-size: 18px;
    margin-bottom: 25px;
}

.para1 {
    margin-bottom: 4px !important;
    font-size: 15px !important;
}

/* .sec_about {
    margin: 75px 0;
} */
section.about {
    margin-top: 30px;
}

.full_video,
.sec_about,
.main,
.subject_group,
.language_location,
.contact-section,
.faq-section,
.faq-page,
.news-parent,
.accoutn_section,
.tutor_searching,.detail_page {
    background-color: #ffffff !important;
}

section.about {
    margin-top: 15px;
    margin-bottom: 20px;
}

.para,
.contactleft2 p {
    color: #4e4d4d  !important;
}

.para1 {
    color: #4e4d4d  !important;
}

.tutor_detail span b {
    color: #000000;
}


/* profile */
.tutor-left-side {
    position: relative;
    top: -75px;
}

.left_profile_textbox h2 {
    font-weight: 800;
    left: 20px;
    margin: 0;
}

.left_profile_textbox p {
    font-weight: 700;
    font-size: 15px;
}

.share_iocns ul {
    display: flex;
}

.share_iocns ul li {
    margin-left: 20px;
    display: inline-block;
}

.share_iocns li:first-child {
    margin-left: 0px;
}

.share_iocns ul li i {
    margin-left: 5px;
}

.form-control{
    height: 44px !important;
}
/* .accoutn_section{
    background: linear-gradient(-45deg, #ee7752, #df8fae, #edceda, #c0efe4) !important;
} */
.user_info_box .star2{
    position: absolute;
    right: 18px;
    top: 20px;
}

/* .usermgmt_image .img-circle{
    width: 85px !important;
    height: 85px !important;
} */
.review_txtbox h3{
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    text-decoration: underline;
}
.submit_btn {
    width: 50%;
    margin: auto !important;
}
.discption_box p{
    padding: 0 8px;
}
.left img{
    object-fit: scale-down;
}
.recipe-detail-heading-block img{
    object-fit: cover !important;
}
.faq-section {
    padding: 20px 0 15px;
    margin: 0 !important;
}
#stats .col:last-child{
    border-bottom: 1px solid #857a7a;
}
.btn_sess{
    font-size: 12px !important;
}
.styles_h2__HXYv9{
    margin-top:0!important;
}
.first_name{
    margin: 0;
}
.prof_img {
    max-width: 120px;
    max-height: 120px;
}
.prof_img img{
    max-height: 100px;
    object-fit: cover;
}
.para_heading{
    color: #000000 !important;
    font-size: 16px !important;
}
.head{
    font-size: 28px !important;
}

.SumoSelect > .CaptionCont{
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
}


 p{
    margin: 0 !important;
}
.profile_image{
    width: 50%  !important;
}
.profil_image:hover{
    transform: scale(1.1);
    transition: all 0.3s ease;
}
.upcoming_sessions ul li{
    margin-bottom: 15px;
}
.tutor_content span:last-child{
    text-align: right;
}
figure.essay-unique-id {
    font-size: 15px !important;
} 


.Manage_campaign{
    background: #ffffff !important;
}
#login_frm h4{
    font-weight: 700;
    border-bottom: 2px solid #000000;
}
.close_btn .btn{
    height: 40px !important;
    width: 115px !important;
}
.sec_about .container  .heading{
    margin-bottom: 20px
}
figure.essay-unique-id {
    margin: 2px auto 20px !important;
}

#login_frm .form-group .fa-envelope{
    position: absolute;
    top: 12px;
    left: 5px;
    color: #0575c1;
    font-size: 20px;
}

#login_frm .form-group .password_input .fa-unlock-alt{
    position: absolute;
    top: 12px;
    left: 5px;
    color: #0575c1;
    font-size: 23px;
}
.forgot_password{
    margin: 0 !important;
}

.I_am{
    position: relative;
}
.I_am::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #bebebe;
    z-index: -1;
}
.lead_form .form-control::placeholder{
     color: #000000 !important;
}
a[target = "_blank"]{
    font-weight: 600;
}
.alr_reg{
    font-weight: 600;
    font-size: 20px;
    padding-left: 10px;
}
.sbjct_div{
    padding: 0 !important;
}
.SumoSelect > .CaptionCont > span.placeholder{
    font-style:normal !important;
    padding: 0 !important;
}
.remove_field {
    font-size: 24px !important;
}

#login_frm h1 {
    font-weight: 700;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
}

#upload_form{
    padding: 25px 0;
}
#upload_form h3{
    font-weight: 700;
    font-size: 20px;
    background-image: linear-gradient(0deg,#3381b0,#87cefa) !important;
    padding: 5px 0;
    color: #ffffff;
}
.sesssion_booking .row .col-md-6 figure{
    text-align: center;
}
.session_box h5{
    text-align: center;
    font-weight: 600;
    position: relative;
    line-height: 1.2;
}
.session_box .d-flex {
    border-bottom: 1px solid #666161;
}
.session_box h5::before{
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    background-color: #212529;
    transform: translate(-45px, 12px);
    border-radius: 52px;
}
.session_box h5::after{
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    background-color: #212529;
    transform: translate(6px, 12px);
    border-radius: 52px;
}
.Coupon_box {
    width: 49%;
    margin: 20px 0px;
    float: right;
    background-color: #ffffff;
}
/* .usermgmt_image img{
    height: 100% !important;
} */
.right_user_profile{
    margin: 0 0 24px 0px !important;
}
.close_btn .btn{
    background-image: linear-gradient(0deg,#3381b0,#87cefa);
    background-image: -webkit-linear-gradient(0deg,#3381b0,#87cefa);
}
.modal{
    transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.image_left figure .items-image {
    height: 100%;
    display: block;
}
.webnai {
    background: #ffffff !important;
    padding: 20px 0;
}
.inner_banner h3{
    border: unset !important;
}
.card-text .brief, .card_rating p{
    text-align: justify;
    color: #ffffff;
    line-height: 24px;
}
.terms_condition {
    padding: 30px 0;
}
.testimonial-container h4{
    margin-top: 15px;
}

.sepration span{
    color: #0575c1;
    font-size: 24px;;
    font-family: cursive;
    font-weight: 700;
}
.SumoSelect > .CaptionCont{
    border: 1px solid #A4A4A4 !important;
    border-radius: 5px !important;
}
.counselor_div{
    padding: 0 !important;
}
.termsncond+label{
    padding-left: 30px;
    position: relative;
}
.student_subjects2+p {
    width: 100% !important;
    left: 0 !important;
}