/*@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');
@import url('css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css');
@import url('css/responsive.css');
@import url('css/owl.carousel.min.css');
@import url('css/owl.theme.default.css');*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');





/*@font-face {
    font-family: 'Calibri';
    src: url('fonts/calibri.woff2') format('woff2'),
        url('fonts/calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/


/* ============= crashed or removed ================ */

/*@font-face {
    font-family: 'revsglobal-pr-mod' !important;
    src        : url('https://d1azc1qln24ryf.cloudfront.net/40686/revsuk-global/revsuk-global.eot?b1xc30');
    src        : url('https://d1azc1qln24ryf.cloudfront.net/40686/revsuk-global/revsuk-global.eot?b1xc30#iefix') format('embedded-opentype'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsuk-global/revsuk-global.woff2?b1xc30') format('woff2'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsuk-global/revsuk-global.ttf?b1xc30') format('truetype'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsuk-global/revsuk-global.woff?b1xc30') format('woff'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsuk-global/revsuk-global.svg?b1xc30#revsuk-global') format('svg');
    font-weight   : normal;
    font-style    : normal;
    font-display  : swap;
}*/

/* ============= end crashed or removed ================ */

@font-face {
    font-family: 'revsglobal-pr-mod';
    src:  url('https://cdn.icomoon.io/40686/revsglobal-pr-mod/revsglobal-pr-mod.eot?nqookz');
    src:  url('https://cdn.icomoon.io/40686/revsglobal-pr-mod/revsglobal-pr-mod.eot?nqookz#iefix') format('embedded-opentype'),
        url('https://cdn.icomoon.io/40686/revsglobal-pr-mod/revsglobal-pr-mod.woff2?nqookz') format('woff2'),
        url('https://cdn.icomoon.io/40686/revsglobal-pr-mod/revsglobal-pr-mod.ttf?nqookz') format('truetype'),
        url('https://cdn.icomoon.io/40686/revsglobal-pr-mod/revsglobal-pr-mod.woff?nqookz') format('woff'),
        url('https://cdn.icomoon.io/40686/revsglobal-pr-mod/revsglobal-pr-mod.svg?nqookz#revsglobal-pr-mod') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family   : 'revsglobal-pr-mod' !important;
    speak         : none;
    font-style    : normal;
    font-weight   : normal;
    font-variant  : normal;
    text-transform: none;
    line-height   : 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.covid {
    background: #3169B9;
    color     : #fff;
    padding   : 2px 0;
    text-align: center;
}

.icon-full-star-01:before {
    content: "\e601";
}

.icon-empty-star-01:before {
    content: "\e602";
}

.icon-empty-star-3-01:before {
    content: "\e620";
}

.icon-full-start-2-01:before {
    content: "\e621";
}

.icon-empty-star-3-012:before {
    content: "\e622";
}

.icon-percentage-star-25-01:before {
    content: "\e917";
}

.icon-percentage-star-50-01:before {
    content: "\e918";
}

.icon-percentage-star-75-01:before {
    content: "\e628";
    font-size: 26px;
    transform: translateY(-5px);
    display: inline-block;
}

@font-face {
    font-family: 'revsglobal-pr-mod';
    src        : url('https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/revsglobal-pr-mod.eot?p25epd');
    src        : url('https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/revsglobal-pr-mod.eot?p25epd#iefix') format('embedded-opentype'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/revsglobal-pr-mod.woff2?p25epd') format('woff2'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/revsglobal-pr-mod.ttf?p25epd') format('truetype'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/revsglobal-pr-mod.woff?p25epd') format('woff'),
        url('https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/revsglobal-pr-mod.svg?p25epd#revsglobal-pr-mod') format('svg');
    font-weight   : normal;
    font-style    : normal;
    font-display  : swap;
}

[class^="ruk-icon-"],
[class*=" ruk-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family   : 'revsglobal-pr-mod' !important;
    speak         : none;
    font-style    : normal;
    font-weight   : normal;
    font-variant  : normal;
    text-transform: none;
    line-height   : 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ruk-icon-rev-star-xsmall-01:before {
    content: "\e631";
}

.ruk-icon-rev-logo-xsmall-01:before {
    content: "\e632";
}

* {
    margin : 0px;
    outline: none;
    padding: 0px;
}

body {
    color      : #515151;
    /*font-family: 'Calibri', sans-serif;*/
    font-family: 'Nunito', sans-serif;
    font-size  : 16px;
    line-height: 22px;
    overflow-X : hidden;
}

.tg-banner h1 {
    font-size  : 30px;
    line-height: 36px;
    color      : #282828;
    font-weight: 600;
}

.tg-banner h1 span {
    color: yellow;
}

h1 {
    font-size  : 38px;
    line-height: 44px;
    color      : #282828;
    font-weight: 600;
}

h2 {
    font-size  : 32px;
    line-height: 38px;
    color      : #2d2d2d;

}

h3 {
    font-size  : 22px;
    line-height: 28px;
}

h4 {
    font-size  : 18px;
    line-height: 24px;
    color      : #2d2d2d;
    font-weight: 600;
}

h5 {
    font-size  : 16px;
    line-height: 22px;
    color      : #2d2d2d;
    font-weight: 600;
}

h6 {
}

a {
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
    text-decoration   : none;
    color             : #5e5e5e;
}

a:hover,
a:focus,
a:active {
    color          : #022961;
    outline        : none;
    text-decoration: none;
}

p {
    margin    : 0 0 10px 0;
    text-align: left;
}

ul {
    margin: 0px;
}

figure {
    margin-bottom: 0;
    position     : relative;
}

blockquote {
    quotes: none;
}

select,
textarea,
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=text],
input[type=submit] {
}

input[type=search] {
    width    : 370px;
    font-size: 14px;
    padding  : 10px 20px;
}

input[type=text] {
}

textarea {
    height: 150px;
}

input:focus {
    outline: 0;
}

::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color  : #fff;
    opacity: 1;
}

::-moz-placeholder {
    opacity: 1;
}

:-ms-input-placeholder {
    color: #000 !important;
}

::-webkit-input-placeholder {
    color: #000 !important;
}

:-moz-placeholder {
    color: #000 !important;
}

::-moz-placeholder {
    color: #000 !important;
}

:-ms-input-placeholder {
    color: #000 !important;
}

input[type="checkbox"]:focus {
    outline: 0 !important;
}

.box-shadow {
    box-shadow: 0 0 18px 0 rgba(50, 50, 50, .18);
}

.box-shadow-white {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.text-blue {
    color: #06c !important;
}

.text-black {
    color: #000 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-signup-red {
    background: #fe1313;
}

.fixed-top {
    z-index   : 999999;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
    padding   : 5px 0;
}

.login .col-xl-6.text-right a {
    color: #007bff;
}

.login strong,
.tg-banner-signup strong,
.tg-signup form strong,
.ecat_courses .card form strong {
    font-size  : 20px;
    line-height: 26px;
}

.t-login,
.t-buy,
.t-account {
    display: none;
}

.login .btn {
    font-size  : 20px;
    line-height: 26px;
}

.login-signup a {
    color      : #06c;
    font-weight: 600;
}

.h-100vh {
    min-height: 100vh;
}

header .list-inline .list-inline-item .btn-link,
.call-to-action .cta {
    font-size  : 18px;
    line-height: 24px;
    background : #fe1313;
}


header .mytoggle .list-inline-item .btn.btn-dark,
header .mytoggle .list-inline-item .btn.btn-success {
    width            : 120px;
    font-size        : 18px;
    line-height      : 24px;
    padding          : 10px;
    background       : linear-gradient(-45deg, #19528c, #0066cc, #3086a5, #05407b) !important;
    background-size  : 400% 400% !important;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation   : Gradient 15s ease infinite;
    animation        : Gradient 5s ease infinite;
}

.sticky_header .call-txt {
    color      : #424242;
    font-size  : 22px;
    line-height: 28px;
}

.sticky_header .list-inline .list-inline-item {
    font-size  : 16px;
    line-height: 20px;
}

.sticky_header .list-inline .list-inline-item a {
    color: #424242;
}

.sticky_header .list-inline .list-inline-item img {
    vertical-align: top;
}

cta with gradient #_s_btn {
    background       : linear-gradient(-45deg, #19528c, #0066cc, #3086a5, #05407b) !important;
    background-size  : 400% 400% !important;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation   : Gradient 15s ease infinite;
    animation        : Gradient 5s ease infinite;
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

header .dropdown-item {
    border-bottom: 1px solid #b5b3b3;
    color        : #000;
    padding      : .45rem 1.5rem;
}

header .dropdown-item:focus,
.dropdown-item:hover {
    color           : #ffffff;
    text-decoration : none;
    background-color: #06c;
}

header .dropdown-menu {
    top    : 36px;
    padding: 0;
}

header .dropdown button,
header .navbar-light .navbar-nav .nav-link {
    color: #000;
}

header .dropdown button:hover {
    background-color: #06c !important;
    color           : #fff;
}

header .dropdown button:focus {
    outline   : none;
    box-shadow: none;
}

header .list-inline .list-inline-item:nth-child(3) {
    cursor   : pointer;
    font-size: 18px;
}

header .btn-secondary {
    color : #3d444d;
    cursor: pointer;
    border: 2px solid #06c;
}

header .btn.btn-success,
.tg-contact-form .btn-secondary {
    background: #06c !important;
}

header .btn-secondary:hover {
    color       : #fff;
    border-color: #06c;
    background  : #06c !important;
}

header .btn-secondary:focus,
.btn-secondary:focus,
.et_courses .demo .form-group .btn-secondary,
header .btn.btn-success:focus {
    box-shadow  : none !important;
    border-color: transparent !important;
}

header .btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    background      : black !important;
    background-image: none;
    border-color    : black;
    color           : #fff;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left : .7rem;
}

header .navbar-light .navbar-nav .nav-link:hover {
    background   : #06c;
    color        : #fff !important;
    border-radius: 5px;
}

header .navbar-light .navbar-nav .nav-link:hover .dropdown-toggle::after {
    color: #fff;
}

header .navbar-light .navbar-nav .nav-link.home {
    font-size: 20px;
}

header .navbar-light .navbar-nav .nav-link.home:hover {
    background: none;
}

/* ======================= multi dropdown ====================== */

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}
.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

li .dropdown-toggle:after {
    /*transition: all 0.5s;*/
}
li.show > .dropdown-toggle:after {
    transform: rotate(180deg);
}
li li.show > .dropdown-toggle:after {
    transform: rotate(90deg);
}

/* ======================== end multi dropdown ===================== */

.bg_overlay {
    padding     : 20px;
    margin-top  : 20px;
    padding-left: 30px;
}

.bg_overlay ul li {
    font-size  : 18px;
    line-height: 24px;
}

.full-wth {
    min-height: 100vh;
}

.tg-banner form .form-group .form-control,
.tg-banner .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size  : 13px !important;
    line-height: 19px !important;
    color      : #000 !important;
}

.tg-banner form .form-control {
    color             : #838383 !important;
    border            : 1px solid #b0b0b0;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow   : 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    box-shadow        : 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    padding           : .375rem .75rem;
}

.tg-banner .card1 {
    border          : 4px solid #0757d0 !important;
    background-color: rgba(234, 234, 234, 0.9);
}

.tg-banner form h3 {
    font-size  : 27px;
    line-height: 33px;
    color      : #000 !important;
}

.tg-banner .tg-heading {
    position    : absolute;
    top         : 50px;
    width       : 50%;
    left        : 150px;
    padding     : 20px;
    padding-left: 30px;
}

.tg-banner .tg-heading ul li {
    font-size  : 20px;
    line-height: 26px;
}

.tg-banner .tg-heading p {
    font-weight: 600;
    font-size  : 38px;
    line-height: 44px;
}

.tg-banner form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top   : 2px !important;
    height: 0 !important;
}

.tg-banner .card1 form .btn {
    background: #14448c !important;
}

.tg-banner-signup .card1 form .btn,
.ecat_courses .demo .card .card-body .btn-secondary {
    background: #06c !important;
}

.tg-signup {
    position: absolute;
    /*top     : 50px;*/
    top     : 0;
    width   : 100%;
}

.tg-banner .home-login {
    background: #a1a1a1 !important;
}

.tg-banner form h4 {
    color      : #ec0707 !important;
    font-size  : 24px !important;
    line-height: 30px !important;
}

.tg-banner h4:before {
    position: absolute;
    content : '';
    top     : 14px;
    left    : 20px;
    border  : 1px solid #b1b1b1;
    width   : 33%;
}

.tg-banner h4:after {
    position: absolute;
    content : '';
    top     : 14px;
    right   : 20px;
    border  : 1px solid #b1b1b1;
    width   : 33%;
}

.tg-banner form .select2-container--default .select2-selection--single {
    border            : 1px solid #b0b0b0;
    border-radius     : .25rem !important;
    height            : 33px !important;
    background        : #fff !important;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow   : 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    box-shadow        : 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    padding           : .375rem .75rem !important;
}

/*================================ select 2 ==========================================*/

.select2-container--default .select2-selection--single {
    background: #f5f5f5 !important;
    padding   : .55rem .75rem !important;
    height    : calc(2.85rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color       : #838383 !important;
    padding-left: 22px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 12px !important;
}

.tg-banner-signup .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 8px !important;
}

.select2-container {
    width: 100% !important;
}

.select2-search--dropdown {
    padding         : 10px !important;
    background-color: #eaf0ff;
    border-bottom   : 1px solid #e1e4ef;
}

.select2-results {
    margin-top: 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background         : url("images/search.png") #fff;
    background-repeat  : no-repeat;
    border             : 2px solid #ccdbff !important;
    background-position: center right 10px;
}




/* =============================end select 2  ===========================*/

table.table th,
table.table td,
table.table th p,
table.table td p {
    text-align: center;
}

.jumbotron ul li,
.jumbotron ol li {
    margin-left: 20px;
}

/* =============================Home page Reviews================================= */
.reviews .home-demo .item .card {
    min-height: 260px;
}

.reviews .home-demo .owl-dots {
    text-align: center;
}

.reviews .home-demo .owl-dot {
    border       : 1px solid #ffce00;
    border-radius: 50%;
    padding      : 4px !important;
    background   : #ffce00;
    margin       : 0 5px !important;
}

.reviews .home-demo .owl-dot.active {
    width        : 35px !important;
    border-radius: 4px;
}

.reviews .home-demo .owl-dots button:focus {
    outline: none !important;
}

/* =============================End Home page Reviews================================= */




.ecat_courses .demo .card {
    background-color: rgba(43, 43, 43, 0.9);
    border          : 3px solid #fff !important;
}

.card1 form .spe:before {
    position  : absolute;
    top       : 45px;
    left      : 0;
    display   : inline-block;
    content   : "";
    border-top: 1px solid white;
    width     : 9rem;
    margin    : 0 1rem;
    transform : translateY(-1rem);
}

.card1 form .spe:after {
    position  : absolute;
    top       : 45px;
    display   : inline-block;
    content   : "";
    border-top: 1px solid white;
    width     : 9rem;
    margin    : 0 1rem;
    transform : translateY(-1rem);
    right     : 0;
}

.full-name-icon,
.phone-icon,
.email-icon,
.icon-city,
.learning-icon,
.login-password ,
.influence-icon,
.province-icon{
    position: relative;
}

.full-name-icon input,
.phone-icon input,
.email-icon input,
.influence-icon select,
.province-icon select{
    padding-left: 34px !important;
}

.full-name-icon:before,
.phone-icon:before,
.email-icon:before,
.icon-city:before,
.influence-icon:before,
.learning-icon:before,
.login-password:before,
.province-icon:before{
    font-size     : inherit;
    text-rendering: auto;
    font          : normal normal normal 14px/1 FontAwesome;
    font-family   : 'FontAwesome';
    position      : absolute;
    top           : 9px;
    left          : 10px;
    z-index       : 999;
    color         : #5f5f5f;
    width         : 1.28571429em;

}

.full-name-icon input,
.phone-icon input,
.email-icon input,
.login-password input,
.province-icon select{
    padding-left: 34px !important;
}

.login-password:before {
    content: "\f13e";
}

.full-name-icon:before {
    content: "\f007";
}

.phone-icon:before {
    content: "\f095";
}

.email-icon:before {
    content: "\f0e0";
}

.icon-city:before {
    content: "\f041";
}
.influence-icon:before {
    content: "\f1ea";
}

.learning-icon:before {
    content: "\f19d";
}
.province-icon:before{
    content: "\f0ac";
}

form .form-control,
.ecat_courses .demo .card1 .card1-body form .form-control {
    border-bottom: 3px solid #cccccc;
    padding      : .75rem .75rem;
}



.ecat_courses .demo .card1 .card1-body form .form-control {
    color     : #838383 !important;
    background: #f5f5f5;
}

.form-group select.form-control:not([size]):not([multiple]),
.ecat_courses .demo .card1 .card1-body form .form-group .form-control {
    height: calc(2.85rem + 2px);
}



.card1 .abcRioButton {
    border-radius: .25rem !important;
    box-shadow   : none;
    width        : 100% !important;
}



.card1 .abcRioButton:hover {
    box-shadow: none;
}

.card1 abcRioButtonContents {
    font-size: 16px;
}



.ecat_courses .demo .card1 .card1-body .btn-secondary {
    color           : #fff;
    background-color: #155bc0;
    border-color    : transparent;
    font-size       : 16px;
}


.main {
    overflow     : hidden;
    border-radius: 4em;
    margin       : 0 0 1.5em;
    box-shadow   : inset 0 0 0 2px #c4c6c9;
}

#one,
#two {
    padding: 20px;
    cursor : pointer;
}

.box2 {
    display: none;
}

#one {
    background-color: #06c;
    border-radius   : 4em;
}

#one h5 {
    color: #fff;
}

.fa-chevron-left {
    display: none;
}

#engineering {
    display: none;
}

.animatedLeft {
    -webkit-animation-duration : 2s;
    animation-duration         : 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity          : 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity          : 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity  : 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity  : 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name        : bounceInLeft;
}

.animatedRight {
    -webkit-animation-duration : 2s;
    animation-duration         : 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity          : 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity          : 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity  : 0;
        transform: translateX(2000px);
    }

    60% {
        opacity  : 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name        : bounceInRight;
}

.tg-choose .zoo-feature-box-inner .media .media-body p {
    color: #333;
}

.tg-choose .zoo-feature-box-inner span {
    width      : 70px;
    height     : 70px;
    line-height: 70px;
}

.tg-choose .btn {
    border-radius: 4em;
    background   : #ba68c8;
}

.tg-category .read-btn {
    border-radius: 4em;
    box-shadow   : inset 0 0 0 2px #c4c6c9;
    color        : #2d2d2d;
    display      : block;
    width        : 40%;
}

.tg-category .read-btn:hover {
    background: #06c !important;
    box-shadow: inset 0 0 0 2px #4676be;
    color     : #fff;
}



.shrink:hover {
    -webkit-transform: scale(0.8);
    -ms-transform    : scale(0.8);
    transform        : scale(0.8);
    transition       : 1s;
}

.ecat_courses table,
tr,
td {
    border: 1px solid #e9ecef;
}

.ecat_courses .table.pre-scrollable td,
.table.pre-scrollable th {
    width: 100%;
}

.tg-top-subjects .card:hover {
    -webkit-transform: translate(0, -20px);
    transform        : translate(0, -20px);
    transition       : 1s;
}

.tg-top-subjects .card {
    background-color: rgb(72, 167, 212);
    color           : rgb(255, 255, 255);
}

.tg-top-subjects>div>div>div:nth-child(3)>div {
    background-color: rgb(16, 196, 92);
    color           : rgb(255, 255, 255);
}

.tg-top-subjects>div>div>div:nth-child(4)>div {
    background-color: rgb(48, 122, 213);
    color           : rgb(255, 255, 255);
}

.tg-top-subjects>div>div>div:nth-child(5)>div {
    background-color: rgb(217, 77, 166);
    color           : rgb(255, 255, 255);
}

.tg-top-subjects>div>div>div:nth-child(6)>div {
    background-color: rgb(234, 184, 48);
    color           : rgb(255, 255, 255);
}

.tg-top-subjects h2 {
    font-weight: 600;
}

.tg-top-subjects .card .card-body h5 {
    font-weight: 600;
    font-size  : 18px;
    line-height: 24px;
}

.tg-services {
    background         : #F2F2F2;
    background-position: center;
    background-repeat  : no-repeat;
}

.tg-services .bg-light {
    background: #f5f5f5 !important;
}

.tg-services .card-box:hover .card-img-top {
    -webkit-transform: scale(1);
    transform        : scale(1);
}

.tg-services .card-box {
    overflow: hidden;
    width   : 100%;
    height  : 100%;
}

.tg-services .card-img-top {
    -webkit-transform : scale(1.3);
    transform         : scale(1.3);
    -webkit-transition: all 0.7s ease;
    transition        : all 0.7s ease;
}

.tg-services .card {
    min-height: 544px;
}

.tg-services .card .card-body a {
    cursor: pointer;
}

.tg-services a:hover {
    color: #515151;
}

.tg-services .bg-primary {
    background: #06c !important;
}

.tg-services .card .card-box .btn.w-25 {
    width: 35% !important;
}

.tg-services h2.text-white {
}

.tg-services .card .card-title {
    font-weight: 600;
    color      : #e10015;
}



.tg-courses {
    position: relative;
}

.tg-courses .jumb_one {
    position: relative;
    left    : 0;
    right   : 0;
    top     : 0;
    bottom  : 0;
    height  : 582px;
}

.tg-courses .jumb_one .jumbotron {
    position: absolute;
    z-index : 99999;
    width   : 100%;
}

.tg-courses .jumb_one:before {
    background       : url(images/shape-img-1.png);
    top              : -1px;
    bottom           : -1px;
    background-repeat: no-repeat;
}

.tg-courses .jumb_one:before {
    position       : absolute;
    content        : "";
    left           : 0;
    right          : 0;
    z-index        : 9999;
    background-size: 100% 100% !important;
}

.tg-courses .jumb_two {
    position: relative;
    left    : 0;
    right   : 0;
    top     : 0;
    bottom  : 0;
    height  : 582px;
}

.tg-courses .jumb_two .jumbotron {
    position: absolute;
    z-index : 99999;
    width   : 100%;
}

.tg-courses .jumb_two:before {
    background       : url(images/shape-img-2.png);
    top              : -1px;
    bottom           : -1px;
    background-repeat: no-repeat;
}

.tg-courses .jumb_two:before {
    position       : absolute;
    content        : "";
    left           : 0;
    right          : 0;
    z-index        : 9999;
    background-size: 100% 100% !important;
}

.tg-courses .jumbotron .list-inline .list-inline-item {
    background-image : url(images/tick.png);
    background-repeat: no-repeat;
}

.tg-courses .jumbotron .thescreenshot .list-inline .list-inline-item {
    background-image: none;
}

.tg-courses .jumbotron .btn-primary {
    /*font-size: 14px;*/
}

.tg-courses .jumbotron a.bg-danger:focus,
a.bg-danger:hover,
.btn-primary.focus,
.btn-primary:focus {
    color     : #fff !important;
    box-shadow: none !important;
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff !important;
}

.thescreenshot {
    position               : relative;
    background-color       : #dcdee7;
    padding                : 36px 0 0;
    border-top-left-radius : 4px;
    border-top-right-radius: 4px;
    margin-top             : -10px;
}

.tg-4-steps .square figure img {
    border-radius: 5px;
    transition   : transform 1s;
}

.tg-4-steps .square:hover figure img {
    transform: scale(1.1);
}

.tg-4-steps .square:hover h4 {
    color: rgb(0, 102, 204);
}

.tg-4-steps small {
}

.tg-limits .lead {
    font-size: 17px;
}

.tg-limits .list-inline .list-inline-item .btn {
    border    : 2px solid #06c;
    background: #06c;
}

.tg-limits .list-inline .list-inline-item .btn:hover {
    background: #06c !important;
    color     : #fff !important;
}

.tg-materials .materials {
    background       : url(images/e-banner.jpg);
    background-repeat: no-repeat;
    background-size  : cover;
}

.tg-ecat-materials .materials {
    background       : url(images/m-banner.jpg);
    background-repeat: no-repeat;
    background-size  : cover;
}

.tg-materials .materials .btns,
.tg-ecat-materials .btns {
    /*    font-size: 22px;
        line-height: 28px;
        cursor: pointer;*/
}

.tg-materials .row.text-left a {
    position: relative;
}

.tg-materials .row.text-left a:before {
    content    : "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    position   : absolute;
    top        : 14px;
    left       : 0;
}

.tg-testimonials .testimonials__icon {
    font-size: 64px;
    color    : #8ba6c0;
}

.ion-quote:before {
    content: "\f347";
}

.testimonials_item__title {
    font-weight: 700;
    font-size  : 24px;
}

.testimonials_item__title>span {
    color: #fa6e4f;
}

.testimonials_item__text {
    font-size  : 16px;
    line-height: 1.8;
}

.testimonials_item__author>span {
    font-weight   : 700;
    letter-spacing: 0.02em;
    color         : #5a8bac;
}

.tg-testimonials .carousel-indicators {
    top: 100%;
}

.tg-testimonials .carousel-indicators li {
    width : 10px;
    height: 10px;
}

.tg-testimonials .carousel-indicators .rounded-circle {
    border-radius: 100%;
    background   : gray;
}

.tg-testimonials .rounded-circle.active {
    background-color: #4676be;
}

.rounded-pill {
    border-radius: 50rem !important
}

.rating {
    border: none;
    float : left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin     : 5px;
    font-size  : 1.25em;
    font-family: FontAwesome;
    display    : inline-block;
    content    : "\f005";
}

.rating>.half:before {
    content : "\f089";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

.rating .lbl-rev {
    color: #FFD700;
}

.d-block {
    display: block !important
}

.ecat_courses .card-text,
.ecat_courses .accordion .card .card-block p,
.ecat_courses .accordion .card .panel-collapse .card-block {
    font-size  : 18px;
    line-height: 24px;
}

.card1 h2,
.ecat_courses .demo .card form .card-body h2 {
    font-size  : 26px;
    line-height: 32px;
}

.ecat_courses .demo .card h2 {
    font-weight: 600;
}

.ecat_courses .card-body .table-hover .table-dark:hover {
    background-color: #000;
}

.ecat_courses .card-body h3 {
    color      : #2d2d2d;
    font-weight: 600;
}

.ecat-tabs .tab-content {
    border: 1px solid #727b84 !important;
}

.ecat-tabs .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #727b84;
}

.ecat_courses .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item {
    color      : #515151;
    font-weight: 600;
    font-size  : 18px;
    line-height: 24px;
}

.ecat_courses .tab-content .tab-pane .list-inline-item {
    margin-right : 35px;
    border-bottom: 1px solid #b3b3b3;
}

.ecat_courses .tab-content .tab-pane .list-inline-item .fa {
    font-size: 24px;
    color    : #b3b3b3;
}

.ecat-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color           : #fff !important;
    background-color: #06c !important;
    border-color    : transparent !important;
    border-radius   : 5px 5px 0 0;
}

.pricing ul li {
    list-style: none;
    color     : #000;
    padding   : 10px;
}

.section__stats {
    background: #e4e9ec;
}

.section__stats .stat__item .stats_item__icon {
    font-size    : 140px;
    margin-bottom: -123px;
    color        : #c0d3df;
}

.ion-person-stalker:before {
    content: "\f212";
}

.stats_item__nbr {
    font-size: 50px;
    color    : #fa6e4f;
}

.stats_item__nbr,
.stat__item .stats_item__text {
    margin-left: 80px;
    font-weight: 700;
}

.section__stats .stat__item .stats_item__text {
    text-transform: uppercase;
    color         : #565656;
    font-size     : 16px;
    line-height   : 22px;
    margin-top    : 25px;
}

.tg-learn h2 {
    font-size  : 28px;
    line-height: 34px;
}

.section__features .feature__item .feature_item__title {
    letter-spacing: 0.1em;
    font-size     : 18px;
    color         : #2d4052;
    font-weight: 600;
}

.section__features .feature__item h4 {
    color: #2d4052;
}

.section__features .feature__item:hover {
    box-shadow   : 0 10px 25px 10px rgba(199, 199, 199, 0.3);
    border-bottom: 5px solid #fa6e4f;
    background   : #fff;
}

.section__features .feature__item.active {
    box-shadow   : 0 10px 25px 10px rgba(199, 199, 199, 0.3);
    border-bottom: 5px solid #fa6e4f;
    background   : #fff;
}

.section__features .feature__item {
    transition: all .3s;
}

.section__features .feature__item .feature_item__icon:before {
    position        : absolute;
    content         : "";
    top             : 28px;
    left            : 39%;
    height          : 55px;
    width           : 55px;
    border-radius   : 50%;
    background-color: #fa6e4f;
    opacity         : 0.8;
}

.section__features .feature__item .feature_item__icon i {
    font-size: 54px;
    z-index  : 99999;
    position : relative;
}


.tg-region a {
    position  : relative;
    z-index   : 1;
    background: #f5f5f5;
}

.tg-region a:before {
    position     : absolute;
    content      : "";
    left         : 0;
    top          : 0;
    width        : 0%;
    height       : 100%;
    z-index      : -1;
    transition   : all 1s;
    border-bottom: 3px solid #06c;
}

.tg-region a:hover:before {
    width: 100%;
}

.tg-region a:hover {
    color: #06c;
}

.about-subtitle h3 {
    color      : #2d2d2d;
    font-weight: 600;
}

.about-subtitle ol {
    padding-left: 2rem !Important;
}

.tg-contact-form h2 {
    font-weight: 600;
    font-size  : 26px;
    color      : #2d4052;
}

.tg-contact-form h3 {
    font-weight: 600;
}

.contact_cta input {
    font-size  : 20px;
    line-height: 26px;
}

.form-control:focus {
    color           : #495057;
    background-color: #fff;
    border          : none !important;
    border-bottom   : 2px solid #ccc !important;
    outline         : 0;
    box-shadow      : none !important;
}

/**/

.select2-container--default .select2-selection--single:focus .select2-selection__rendered {
    color: #000 !important;
}

/**/
.top_area figure {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}

.section-header p {
    max-width: 600px;
    margin   : 35px auto 0 auto;
    color    : inherit;
}

.blog .blog-posts02 .single-blog {
    /*min-height: 680px;*/
    position: relative;
}

.blog .blog-posts02 .single-blog figure {
    position: relative;
}

.blog .blog-posts02 .single-blog .blog-excerpt,
.blog .blog-posts02 .single-blog-mdcat .blog-excerpt {
    text-align: center;
    width     : 100%;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);
}

.blog .blog-posts02 .single-blog .blog-excerpt span {
    font-size  : 17px;
    font-family: "Roboto Slab", serif;
    color      : #323232;
    transition : 0.3s ease;
}

.blog .blog-posts02 .single-blog .blog-excerpt h3 a {
    color: #4676be;
}

.blog .blog-posts02 .single-blog-mdcat .blog-excerpt h3 a {
    color: #9c27b0;
}



.blog .blog-posts02 .single-blog .blog-excerpt a.rm-btn:hover {
    border-color: #4676be;
    background  : none;
    color       : #4676be !important;
}

.el-btn-regular {
    font-size : 14px;
    background: #4676be;
    border    : 2px solid #4676be;
    transition: 0.3s ease !important;
    cursor    : pointer;
    margin    : 10px;
}

.blog .blog-posts02 .single-blog-mdcat .el-btn-regular {
    font-size     : 14px;
    background    : #9c27b0;
    border        : 2px solid #9c27b0;
    text-transform: uppercase;
    transition    : 0.3s ease !important;
}

.blog .blog-posts02 .single-blog-mdcat .blog-excerpt a.rm-btn:hover {
    border-color: #9c27b0;
    background  : none;
    color       : #9c27b0 !important;
}

#rem-table {
    display: none;
}

.fa.fa-arrow-circle-o-up {
    display: none;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color           : #fff !important;
    background-color: #06c;
    border-color    : transparent !important;
    border-radius   : 5px 5px 0 0;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    color        : #515151;
    font-weight: 600;
    font-size    : 18px;
    line-height  : 24px;
    background   : #eaedf5;
}

.ecat-tabs .nav-tabs .nav-link {
    background: #eaedf5;
}

.ecat-tabs .nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
    background: #000;
    color     : #fff;
}

.ecat-tabs .nav-tabs .nav-item {
    padding: 5px;
}

.ecat-tabs .nav-tabs .nav-link.active {
    color           : #fff !important;
    background-color: #4675bb;
    border-color    : transparent !important;
}

.tg-banner-faqs {
    background         : url(images/faqs.jpg) !important;
    background-position: center !important;
    background-repeat  : no-repeat !important;
    background-size    : cover !important;
    position           : relative;
}

.tg-banner-faqs:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}

.faqs {
    background: #F5F5F5;
}

.faqs #accordion .card .card-header .btn-link:focus,
.btn-link:hover {
    color           : #000;
    text-decoration : none;
    background-color: transparent;
    cursor          : pointer;
}

.faqs {
}

.faqs .accordion .card .card-header .btn-link::after {
    content    : "\f106";
    top        : 15px;
    right      : 10px;
    position   : absolute;
    font-family: "FontAwesome";
    color      : #007bff;
    font-size  : 20px;
    line-height: 26px;
    font-weight: 500;
}

.faqs .accordion .card .card-header .btn-link.collapsed::after {
    content: "\f107";
}

.faqs .accordion>.card:not(:last-of-type) {
    border-bottom             : 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius : 0;
}

.faqs .btn-link.focus,
.faqs .btn-link:focus {
    text-decoration: none;
}

.faqs .btn {
    white-space: normal;
}

.scholorship .btn {
    cursor: pointer;
}

.scolorship-detail .card .card-body .card-title {
    font-size  : 18px;
    line-height: 24px;
}

.scolorship-detail .jumbotron .btn-primary {
    background-color: #155bc0;
    border-color    : transparent;
    font-size       : 16px;
    color           : #fff;
    cursor          : pointer;
}

.top-medical-institute .txt {
    font-size  : 20px;
    line-height: 26px;
    position   : relative;
    padding    : 0 20px;
}

.top-medical-institute .txt:before {
    content    : "\f101";
    font-family: FontAwesome;
    left       : 0px;
    position   : absolute;
    top        : 0;
    color      : #4675bb;
}

.carousel-caption {
    position  : absolute;
    right     : 0%;
    bottom    : 0;
    left      : 0%;
    z-index   : 10;
    background: rgba(68, 117, 184, 0.9);
}

.top-news hr {
    border-bottom: 2px dotted #999c9e;
}

.top-news figure {
    overflow: hidden
}

.top-news figure img {
    transform : scale(1.3);
    transition: all 0.7s ease;
}

.top-news figure img:hover {
    transform: scale(1);
}

.pricing .pricing-widget .pricing-header {
    position: relative;
    z-index : 2
}

.pricing .pricing-widget .pricing-header .price-cost {
    background-color: #eaedf5;
    color           : #242c42;
    display         : table;
    width           : 220px;
    height          : 120px;
    margin          : 0 auto;
    margin-bottom   : -50px;
    border          : 5px solid #fff;
    transition      : all 0.25s linear
}

.pricing .pricing-widget .pricing-header .price-cost .inner .inner-number {
    font-size    : 26px;
    font-weight  : 700;
    text-align   : center;
    display      : inline-block;
    margin       : 0;
    margin-top   : 50px;
    margin-bottom: 20px;
}

.pricing .pricing-widget .pricing-header .price-cost .inner .inner-number:after {
    content    : "PKR";
    font-size  : 16px;
    position   : absolute;
    left       : 50%;
    top        : 10px;
    font-weight: 500;
    transform  : translate(-50%);
}

.pricing .pricing-widget .pricing-content {
    position        : relative;
    background-color: #eaedf5;
    padding-top     : 60px;
    top             : 15px;
    color           : #49575f;
    transition      : all 0.25s linear;
}

.pricing .pricing-widget .pricing-content a {
    cursor: pointer;
}

.pricing .pricing-widget .pricing-content .pricing-title {
    font-size  : 24px;
    line-height: 30px;
}

.pricing .pricing-widget .pricing-content .pricing-list {
    list-style: none;
    color     : #8c9aa5;
}

.pricing .pricing-widget .pricing-content .pricing-list li:last-child {
    margin-bottom: 0
}

.pricing .pricing-widget .pricing-content .pricing-list li p {
    margin-bottom: 0
}

.pricing .pricing-widget .pricing-content .pricing-list strong {
    color: #49575f
}

.pricing .pricing-widget .pricing-content .pricing-button {
    font-weight   : 900;
    width         : 100%;
    text-transform: uppercase;
    display       : inline-block;
    cursor        : pointer;
    font-size     : 18px;
}

.pricing .pricing-widget .pricing-content .pricing-button small {
    font-size: 12px;
}

.pricing .pricing-widget .pricing-content .pricing-button a {
    color: #242c42
}

.pricing .pricing-widget:hover .pricing-header .price-cost,
.pricing .pricing-widget.active .pricing-header .price-cost {
    background-color : #06c;
    color            : #fff;
    box-shadow       : 0 8px 15px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-15px);
    transform        : translateY(-15px)
}

.pricing .pricing-widget:hover .pricing-content,
.pricing .pricing-widget.active .pricing-content {
    background-color : #06c;
    color            : #fff;
    box-shadow       : 0 8px 15px rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.02);
    transform        : scale(1.02);
}

.pricing .pricing-widget:hover .pricing-content a,
.pricing .pricing-widget.active .pricing-content a {
    color: #fff;
}

.pricing .pricing-widget button {
    cursor: pointer;
}

.pricing .pricing-widget:hover button {
    color     : #fff;
    background: none !important;
}

.pricing .pricing-widget:hover .pricing-button a,
.pricing .pricing-widget.active .pricing-button a {
    color: #fff
}

.pricing .group-btn-slider {
    display: none
}

.pricing .group-btn-slider .btn-prev,
.pricing .group-btn-slider .btn-next {
    color: #000
}

.price-cost .inner {
    position: relative;
}

.pricing-list ul li:nth-child(even) {
    background: #eaedf5;
}

.pricing-list ul li:nth-child(odd) {
}

/* ==============================pricing page new design==================================== */
.pricing-boxes .bg-white {
    border: 5px solid #06c;
}

.pricing-boxes .bg-white .row:nth-child(even) {
    background: #f3f3f3
}

.pricing-boxes .bg-white strong {
    font-size  : 20px;
    line-height: 26px;
}

.pricing-boxes .bg-white strike {
    font-size  : 24px;
    line-height: 30px;
}


/*arrow*/

.bounce {
    animation-name           : bounce;
    animation-duration       : 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* Standard syntax */
@keyframes bounce {
    0% {
        transform: translateY(-10px);
    }

    25% {
        transform: translateY(-15px);
    }

    50% {
        transform: translateY(-10px);
    }

    75% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(-10px);
    }
}

/*end arrow*/

.pricing-boxes .arrow {
    position: relative;
    top     : -30px;
}

.pricing-boxes .arrow i {
    font-size    : 30px;
    color        : #fff;
    background   : #06c;
    width        : 40px;
    height       : 40px;
    border-radius: 50%;
    line-height  : 40px;
    margin       : auto;
    cursor       : pointer;
}

/* ==============================end pricing page new design==================================== */

.tg-banner-signup {
    background       : url("images/signup-banner.jpg");
    background-repeat: no-repeat;
    background-size  : cover;
    min-height       : 100vh;
    position         : relative;
}

.tg-banner-signup .card1 {
    background-color: rgba(43, 43, 43, .9);
    border          : 3px solid #fff !important;
}

.tg-banner-signup .full-name-icon:before,
.tg-banner-signup .phone-icon:before,
.tg-banner-signup .email-icon:before,
.tg-banner-signup .icon-city:before,
.tg-banner-signup .influence-icon:before,
.tg-banner-signup .learning-icon:before,
.tg-banner-signup .province-icon:before {
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 17px;
    left       : 10px;
    z-index    : 999;
}

.tg-banner-signup form .form-control {
    color     : #838383 !important;
    background: #f5f5f5;
}

.tg-banner-signup #_s_btn {
    font-size    : 24px;
    line-height  : 30px;
    border-radius: .25rem !important;
}

.signup-cta button {
    background    : #f5cc30;
    color         : #515151;
    font-size     : 32px;
    line-height   : 38px;
    border        : 3px solid #d5b746;
    text-transform: uppercase;
}

.footer-signup {
    position : absolute;
    bottom   : 10px;
    z-index  : 9999;
    width    : 100%;
    max-width: 1140px;
}

.table thead th {
    vertical-align: middle;
    text-align    : center;
}

.pricing-widget.active button {
    color: #fff;
}

.pricing-widget button:focus {
    outline: none;
}

.ecat_courses a {
    /*color: #007bff;*/
}

.ecat_courses ul li a:focus {
    color: #fff;
}

.cd-accordion-menu ul ul li a:hover {
    color: #fff !important;
}

.ecat_courses ul:not(.cd-accordion-menu, .cd-accordion-menu > ul),
.ecat_courses ol:not(.cd-accordion-menu, .cd-accordion-menu > ul) {
    padding-left: 1.5rem !important;
}

.thanks {
    background: #f7f7f7;
}

.thanks h1 {
    color: #000;
}

.error404 {
    background: #f7f7f7;
}

.error404 h1 {
    color: #000;
}

#chartdiv {
    width : 100%;
    height: 500px;
}

.top-medical-institute h3 {
    background: #06c;
}

.ecat_courses .card-body ul {
    /*list-style:inside;*/
    margin-left: 30px;
}

.ecat_courses .card-body ol {
    padding-left: 1rem;
}


/*.scholorship .btn small{color:#3d444d;}*/

.table-nts .table td,
.table th {
    vertical-align: middle;
}

.bg-blue {
    background: #06c !important;
}

.login {
    /*    background: url("images/banner-login.jpg");
        background-repeat: no-repeat;
        background-size: cover;*/
    /*background-color: #f1f3f1;*/
}


/*Sign In*/



.header-signin {
    background    : #06c;
    padding-top   : 50px;
    padding-bottom: 100px;
}

.signin {
}

.signin .signup-box {
    border  : 2px solid #f2f2f2;
    position: relative;
    top     : -50px;
}

.signin .signup-box .field input {
    width: 100%;
}

.mail-txt {
    font-weight: 500;
}

.newto {
    position: relative;
}

.newto span.new-txt:before {
    height  : 1px;
    position: absolute;
    content : "";
    border  : 1px solid #dbdbdb;
    width   : 33%;
    left    : 0;
    top     : 10px;
}

.newto span.new-txt:after {
    background: #dbdbdb;
    height    : 1px;
    position  : absolute;
    content   : "";
    border    : 1px solid #dbdbdb;
    width     : 33%;
    right     : 0;
    top       : 10px;
}

.signin a.creat-btn {
    background : #e0e0e0;
    border     : 2px solid #c5c5c5;
    font-size  : 20px;
    line-height: 26px;
}


/*End of Sign In*/


/*Create Account*/

.header-create {
    background    : #06c;
    padding-top   : 50px;
    padding-bottom: 100px;
}

.create {
}

.create .signup-box {
    border  : 2px solid #f2f2f2;
    position: relative;
    top     : -50px;
}


/*End of Create Account*/


/*payment*/

.header-payment {
    border-top: 2px solid #06c;
}

.payment {
    min-height: calc(100vh - 86px);
}

.payment strong {
    color      : #eb001b;
    font-size  : 38px;
    line-height: 44px;
}

.payment small {
    font-size  : 16px;
    line-height: 22px;
}


/*End of payment*/

.field input {
    width: 100%;
}

.form-group-ajax label {
    color : #fff;
    cursor: pointer;
}

.form-group-ajax>label {
    font-weight: bold;
}

#promo_code_span {
    width: 100%;
}


/*checkout thanks*/

.checkout-thanks {
}

.checkout-thanks .box .col-xl-8 {
    border: 2px dashed #ff0000;
}

.checkout-thanks .box a.code {
    background    : #a21e22;
    font-size     : 34px;
    line-height   : 40px;
    pointer-events: none;
}

.checkout-thanks .box h3 {
    color: #000;
}

.checkout-thanks .box span {
    font-size  : 22px;
    line-height: 28px;
}

.checkout-thanks .box p span {
    font-size  : 24px;
    line-height: 30px;
}

.checkout-thanks p strong {
    font-size  : 22px;
    line-height: 28px;
    color      : #000;
}

.checkout-thanks p strong.green {
    color: #7ec36e;
}

.checkout-thanks .pay {
}

.checkout-thanks .pay h3 {
    color: #000;
}

.checkout-thanks .pay .nav li {
    border: 1px solid #e3e3e3;
    margin: 0 10px;
}

.checkout-thanks .pay .tab-content .tab-pane .col-xl-2 div,
.checkout-thanks .pay .tab-content .tab-pane .col-xl-3 div {
    width     : 130px;
    height    : 130px;
    position  : relative;
    margin    : auto;
    box-shadow: 0 2px 0 #cacaca;
}

.checkout-thanks .pay .tab-content .tab-pane .col-xl-2 div:after,
.checkout-thanks .pay .tab-content .tab-pane .col-xl-3 div:after {
    content        : "\f054";
    font-family    : FontAwesome;
    font-style     : normal;
    font-weight    : normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color          : #f60b10;
    font-size      : 18px;
    padding-right  : 0.5em;
    position       : absolute;
    top            : 50%;
    right          : -36%;
}

.checkout-thanks .pay .tab-content .tab-pane .col-xl-2:last-child div:after,
.checkout-thanks .pay .tab-content .tab-pane .col-xl-3:last-child div:after {
    content: "";
}

.checkout-thanks .pay .tab-content .tab-pane .col-xl-2 div img,
.checkout-thanks .pay .tab-content .tab-pane .col-xl-3 div img {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.checkout-thanks .pay .tab-content .tab-pane .col-xl-2 span,
.checkout-thanks .pay .tab-content .tab-pane .col-xl-3 span {
    font-size  : 16px;
    line-height: 22px;
}

.checkout-cta .cta {
    background : #06c;
    font-size  : 22px;
    line-height: 28px;
}


/**/

.tg-banner-faqs .row {
    /*min-height: 300px;*/
}

.tg-banner-scholarship .row {
    /*min-height: 300px;*/
}


/**/

.g-recaptcha div:first-child {
    margin: auto !important;
}

.trial-video-demo {
}

#player,
.fallback,
iframe {
    background: #000;
}

.trial-video-demo .card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor    : pointer;
}


/*badge*/


/*.pricing .pricing-widget .pricing-header .price-cost{
    position: relative;
    overflow: hidden;
}
.pricing-widget .pricing-header span {
    width: 120px;
    display: block;
    background: linear-gradient(135deg, #008ccb, #6effc1);
    font-size: 13px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -48px;
    top: -3px;
    padding-top: 7px;
}*/


/*end badge*/

.pricing .tab-content>.active {
    /*    display: flex !important;
        flex-wrap:wrap;*/
}

.resellers {
    background: #06c;
}

.resellers form {
    background: #0051a2;
}

.asteric {
    color         : #e10015;
    font-weight   : 500;
    text-transform: capitalize;
    display       : none;
}

.resellers form {
    display: none;
}


#_s_btn {
    font-size    : 18px;
    line-height  : 24px;
    border-radius: 0 0 .25rem .25rem !important;
}

.tg-banner .card1 form .btn:after {
    position       : absolute;
    content        : '';
    top            : 8px;
    right          : -15px;
    background     : url(images/cursor.png) no-repeat;
    width          : 45px;
    height         : 48px;
    background-size: contain;
}


.universities .nav .nav-item {
    border-radius: .25rem;
    color        : #515151;
    font-weight: 600;
    font-size    : 18px;
    line-height  : 24px;
    background   : #fff;
    margin       : 10px 10px;
}

.comparison_table thead th {
    font-size  : 24px;
    line-height: 30px;
}

.pricing-bg {
    background       : url("images/banner.jpg");
    background-repeat: no-repeat;
    background-size  : cover;
    position         : relative;
}

.pricing-bg:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}



.merit .card .form-control:focus {
    background: #f5f5f5 !important;
    border    : 1px solid #ced4da !important;
}

.merit .card .form-control {
    /*border-bottom: 1px solid #ced4da !important;*/
}

.merit .pre-fill {
    background: #f5f5f5 !important;
    border    : 1px solid #ced4da !important;
    padding   : 7px 10px;
    width     : 117px;
}

.merit .calculate {
    font-size  : 24px;
    line-height: 30px;
}

.comparison-bg {
    background       : url("images/banner.jpg");
    background-repeat: no-repeat;
    background-size  : cover;
    position         : relative;
}

.comparison-bg:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}

.tg-banner-scholarship {
    background         : url("images/ecat_preparation_content.jpg");
    background-position: center !important;
    background-repeat  : no-repeat !important;
    background-size    : cover !important;
    position           : relative;
}

.tg-banner-scholarship:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}

.display {
    display: none;
}

.merit-bg {
    background       : url("images/banner.jpg");
    background-repeat: no-repeat;
    background-size  : cover;
    position         : relative;
}

.merit-bg:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}

.error_class {
    border       : solid 1px red !important;
    border-bottom: solid 1px red !important;
}


/**/

.subject_nav li {
    position: relative;
}

.subject_nav li:after {
    content        : "\f0d7";
    font-family    : FontAwesome;
    font-style     : normal;
    font-weight    : normal;
    text-decoration: inherit;
    color          : #0062cc;
    font-size      : 20px;
    padding-right  : 0.5em;
    position       : absolute;
    bottom         : -14px;
    left           : 50%;
    transform      : translate(-50%);
}

.subject_nav li a:hover {
    background: #333 !important;
    border    : 1px solid #333 !important
}

.subject_nav li:hover:after {
    color: #333 !important;
}

.display_show {
    display: block !important;
}

.display_hide {
    display: none !important;
}


/* ==================================how to pay===================================== */
.how-to-pay {
}

.how-to-pay .card {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.how-to-pay .card ul li i {
    color: #338e2e;
}

.how-to-pay video {
    height: 250px !important;
}

/* ==================================end how to pay===================================== */

.payment .signup-box .custom-control-label {
    font-size: 14px;
}

.payment .signup-box h2 {
    color      : #737373;
    font-size  : 24px;
    line-height: 32px;
}

.payment ul li {
    font-size  : 18px;
    line-height: 24px;
    color      : #545454;
    padding    : .45rem 2.25rem !important;
}

.payment ul li:before {
    position   : absolute;
    content    : "\f00c";
    left       : 0px;
    top        : 8px;
    font-family: FontAwesome;
    color      : #06c;
}

.payment .signup-box {
    -webkit-box-shadow: 0px 0px 18px 0px rgba(50, 50, 50, 0.18);
    -moz-box-shadow   : 0px 0px 18px 0px rgba(50, 50, 50, 0.18);
    box-shadow        : 0px 0px 18px 0px rgba(50, 50, 50, 0.18);
}

.login-parent {
    background: #f3f3f3;
    position  : relative;
    min-height: 100vh;
}

.login-parent:before {
    position  : absolute;
    content   : "";
    top       : 57px;
    right     : -35px;
    background: url("images/login-before.png");
    width     : 671px;
    height    : 578px;
}

.login-parent .login button {
    border-radius: 50px !important;
    background   : #245091;
    max-width    : 342px;
    margin       : 10px auto;
    font-size    : 18px;
    line-height  : 24px;
    height       : 48px;
}

.login-parent .login form {
    position: relative;
}

.login-parent .login form:before {
    position       : absolute;
    content        : "";
    top            : 0;
    right          : 0;
    background     : url(images/login-box-before.png) no-repeat;
    background-size: cover;
    width          : 347px;
    height         : 91px;
}

.login-parent .login form input {
    max-width    : 250px;
    border-bottom: 1px solid #ced4da;
    background   : #f3f3f3;
    margin-top   : 10px !important;
}

.login-parent p b {
    color: #3885e2;
}

.login .icon-user,
.login .icon-password {
    position: relative;
}

.login .icon-user input,
.login .icon-password input {
    padding-left: 30px !important;
}

.login .icon-user:before,
.login .icon-password:before {
    font-family: 'FontAwesome';
    position   : absolute;
    top        : 43px;
    left       : 11px;
    z-index    : 9999;
    color      : #000;
}

.login .icon-user:before {
    content: "\f007";
}

.login .icon-password:before {
    content: "\f023";
}

/*.login-parent .login .form-group input{
    background: url("images/search.png") #e7e7e7;
    background-repeat: no-repeat;
}*/
.code_parent .form-group input {
    margin-left: 68px;
    width      : calc(100% - 68px);
}

.code_parent .form-group {
    position: relative;
}

.code_parent .form-group i {
    position : absolute;
    top      : 50%;
    transform: translate(-50%, -50%);
}

.login-parent .login .input-group-addon {
    background-color: #e7e7e7;
    border-right    : none;
    border-width    : 2px;
    border-color    : #e7e7e7;
    color           : #721e7e;
    font-size       : 18px;
    width           : 100%;
    height          : 100%;
    display         : block;
    border-radius   : 6px 0 0px 6px;
    max-width       : 70px;

    position     : absolute;
    left         : 0;
    top          : 0;
    border-bottom: 3px solid #cccccc;
}

.login-parent .login input:focus {
    border: 2px solid #ccc !important;
}

.login-parent .code_parent input:focus {
    border-bottom: 3px solid #cccccc !important;
}

.code_banner {
    background: url("images/cod-banner.jpg");
}

/* ============================reviews page========================================= */
.reviews {
    /*padding-top: 80px !important;*/
}

.reviews .card {
    transition: all .5s;
    min-height: 208px;
}

.reviews .card .card-body {
    font-size  : 14px;
    line-height: 20px;
    position   : relative;
    z-index    : 1;
}

.reviews .card .card-body:before {
    position              : absolute;
    content               : "\f10e";
    font-family           : FontAwesome;
    bottom                : 45px;
    right                 : 20px;
    text-decoration       : inherit;
    font-size             : 90px;
    font-style            : normal;
    font-variant          : normal;
    text-rendering        : auto;
    font-weight           : bold;
    -webkit-font-smoothing: antialiased;
    color                 : #f4f4f4;
    z-index               : -1;
}

.reviews .user-icon {
    position : absolute;
    left     : 50%;
    top      : 0;
    transform: translate(-50%, -50%);
}

.reviews a {
    position: relative;
}

.reviews a:before {
    position     : absolute;
    content      : "";
    bottom       : 0;
    left         : 0;
    width        : 0%;
    height       : 100%;
    border-bottom: 2px solid #06c;
    transition   : all 0.5s;
}

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

.reviews a:hover {
    color: #06c;
}

.hidden_snippet {
    display: none
}

/* ============================end reviews page========================================= */

/* =============== gallery ============== */
.tg-banner-gallery {
    background       : url(images/banner.jpg);
    background-repeat: no-repeat;
    background-size  : cover;
    position         : relative;
}

.tg-banner-gallery:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}

/* =============== end gallery ============== */

.portfolio-menu {
    text-align: center;
}

.portfolio-menu ul li {
    display           : inline-block;
    margin            : 0;
    list-style        : none;
    padding           : 10px 15px;
    cursor            : pointer;
    -webkit-transition: all 05s ease;
    -moz-transition   : all 05s ease;
    -ms-transition    : all 05s ease;
    -o-transition     : all 05s ease;
    transition        : all .5s ease;
}

.portfolio-item {
    /*width:100%;*/
}

.portfolio-item .item {
    /*width:303px;*/
    float        : left;
    margin-bottom: 10px;
}

/* ===============links page=============== */
.general-links a {
    position   : relative;
    z-index    : 1;
    font-size  : 15px;
    line-height: 21px;
    background : #f5f5f5;
}

.general-links a:before {
    position     : absolute;
    content      : "";
    left         : 0;
    top          : 0;
    width        : 0%;
    height       : 100%;
    z-index      : -1;
    transition   : all 1s;
    border-bottom: 3px solid #06c;
}

.general-links a:hover:before {
    width: 100%;
}

.general-links a:hover {
    color: #06c;
}

/* ============end links page=============== */

/* ============= video description ================= */
.course-product-bg {
    background       : url("images/banner.jpg");
    background-repeat: no-repeat;
    background-size  : cover;
    position         : relative;
}

.course-product-bg:before {
    position        : absolute;
    content         : '';
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(0, 0, 0, .50);
}

.video-description h3 span {
    position: relative;
}

.video-description h3 span:before {
    position  : absolute;
    content   : "";
    left      : -200px;
    top       : 50%;
    background: #ccc;
    height    : 2px;
    width     : 50%;
}

.video-description h3 span:after {
    position  : absolute;
    content   : "";
    right     : -200px;
    top       : 50%;
    background: #ccc;
    height    : 2px;
    width     : 50%;
}

.video-description .icon-video {
    position : absolute;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
}

.video-description .icon-video i {
    text-align   : center;
    border-radius: 50%;
    width        : 80px;
    height       : 80px;
    line-height  : 80px;
    cursor       : pointer;
    background   : #e97a7b;
    opacity      : 0.9;
    font-size    : 40px;
}

.video-description .btn.bg-light {
    background: #5b5b5b !important;
}

.video-description .btn.bg-primary {
    background: #06c !important;
}

.video-description .list-group-item {
    padding: .35rem 1.25rem;
}

.video-description .col-xl-5 figure {
    left     : -120px;
    top      : 50%;
    transform: translate(0%, -50%);
    border   : 25px solid #5656bf;
}

.video-description .row-second .col-xl-5 figure {
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
    border   : 25px solid #5656bf;
    z-index  : 1;
}

.video-description .row-second .col-xl-6 .card {
    left     : -120px;
    top      : 50%;
    transform: translate(0%, -50%);
}

.video-description .row-second .col-xl-6 .card .list-group-item {
    padding-left: 190px;
}

video {
    width: 100%;
}

.video-description .list-group-item:focus,
.video-description .list-group-item:hover {
    z-index: 0;
}


/* =============== end video description =============== */

/* ==================== course video ========================== */
.course-video .portfolio-item .icon-video {
    position : absolute;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -72%);
}

.course-video .portfolio-item .icon-video i {
    text-align   : center;
    border-radius: 50%;
    width        : 50px;
    height       : 50px;
    line-height  : 50px;
    cursor       : pointer;
    background   : #e97a7b;
    opacity      : 0.9;
    font-size    : 24px;
}

/* ==================== end course video ========================== */

footer {
    background: #5b5b5b;
}

footer .links {
    margin: 0 30px;
}

footer .list-inline-item:not(:last-child) {
    margin-right: 20px;
}

footer .links .list-group .list-group-item,
footer address {
    font-size: 14px;
}

footer .tg-copy small {
}

footer .tg-copy .list-inline .list-inline-item a small:after {
    position: absolute;
    top     : 0;
    padding : 0 10px;
    content : "|";
    color   : #fff;
}

footer .tg-copy .list-inline .list-inline-item a small.last:after {
    display: none;
}

footer .fb-btn {
    background-color: #155bc0;
    border-color    : transparent;
    font-size       : 16px;
    color           : #fff;
}

footer .instagram-btn {
    background-color: #90378b;
    border-color    : transparent;
    font-size       : 16px;
    line-height     : 22px;
    color           : #fff;
}

footer .google-btn {
    background-color: #2aaae0;
    border-color    : transparent;
    font-size       : 16px;
    color           : #fff;
}

footer .twtr-btn {
    background-color: #3497d7;
    border-color    : transparent;
    font-size       : 16px;
    color           : #fff;
}

footer a[target=_blank]:hover {
    color: #fff;
}

.scrollup {
    width      : 40px;
    height     : 40px;
    position   : fixed;
    bottom     : 50px;
    right      : 100px;
    display    : none;
    text-indent: -9999px;
    background : url('images/icon_top.png') no-repeat #000 5px/30px;
    z-index    : 99999;
}

.trust-pilot {
    background: #f2f8fa;
}

.trust-pilot #player,
.trust-pilot .fallback,
.trust-pilot iframe {
    background: #fff;
}

#carousel-inline-widget-810 {
    max-width: 100% !important;
}

#carousel-inline-widget-810 iframe {
    width: 100%;
}

.trust-pilot .card h3 {
    font-size  : 24px !important;
    line-height: 30px !important;
    font-family: Arial, sans-serif !important;
}

.trust-pilot iframe {
    /*    background: #f2f8fa !important;*/
}

.trust-pilot .stars .fa-star {
    color    : #f47e27;
    font-size: 26px;
}

.stats__right {
    display: table;
    width  : 100%;
}

.trust-pilot .list-inline .RatingStatistics__Number {
    color      : #2f2f2f;
    font-weight: 500;
    font-family: Arial, sans-serif;
}

.trust-pilot .list-inline .RatingStatistics__Text {
    color      : #a3a3a3;
    font-weight: lighter;
    font-family: Arial, sans-serif;
}

.trust-pilot .card picture {
    background: #f2f2f2;
}

.trust-pilot .owl-carousel .item strong {
    text-overflow: ellipsis;
    max-width    : 110px;
    font-size    : 14px;
    white-space  : nowrap;
    font-family  : Arial, sans-serif;
    color        : #494949;
}

.trust-pilot .owl-carousel .item .fa-star {
    font-size: 20px;
}

.trust-pilot .owl-carousel .item p {
    color      : #494949;
    font-size  : 13px !important;
    line-height: 19px !important;
    font-family: Arial, sans-serif !important;
}

.trust-pilot .owl-carousel .reviewMeta {
    bottom: 0;
    right : 0;
}

.trust-pilot .owl-carousel .reviewMeta p {
    color      : #959595;
    font-size  : 12px;
    line-height: 18px;
    white-space: nowrap;
    font-family: Arial, sans-serif;
}

.trust-pilot .item.position-relative {
    min-height: 150px;
}

.overflow-hidden {
    overflow: hidden !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
}

.tg-banner form h3 {
    font-size  : 28px;
    line-height: 34px;
}


.trust-pilot .header__statistics .statistics__starRating i {
    display       : inline-block;
    color         : #12cf6c;
    vertical-align: top;
    font-size     : 34px;
    margin-right  : 0
}

.header__statistics .TextBody--inline:first-child {
    margin-right: 10px
}

.header__statistics .statistics__totalReviews .ToggleButton {
    margin-top : 2px;
    margin-left: 8px;
    cursor     : pointer
}


.trust-pilot .owl-item .header__statistics .statistics__starRating i {
    color    : #12cf6c;
    display  : block;
    float    : left;
    font-size: 24px;
    margin   : 0 1px;
}

.scrollBtn.prev {
    left: -25px;
}

.scrollBtn {
    z-index      : 150;
    position     : absolute;
    border-radius: 2px;
    display      : inline-block;
    height       : 50px;
    width        : 30px;
    top          : 0;
    bottom       : 0;
    margin       : auto 0;
    text-align   : center;
}

.scrollBtn.next {
    right: -25px;
}

.scrollBtn i {
    line-height       : 50px;
    color             : #dbdbdb;
    font-size         : 44px;
    cursor            : pointer;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition   : color .15s ease-in-out;
    -ms-transition    : color .15s ease-in-out;
    -o-transition     : color .15s ease-in-out;
    transition        : color .15s ease-in-out;
}

.scrollBtn.unallowed i {
    color: #f4f4f4;
}

.ruk-icon-arrow-right-1-01:before {
    content: "\e623";
}

.ruk-icon-arrow-left-1-01:before {
    content: "\e624";
}

.owl-home .owl-nav.disabled {
    display: block !important;
}

.owl-home .owl-nav .owl-next span,
.owl-home .owl-nav .owl-prev span,
.owl-home .owl-dots {
    display: none;
}

.owl-home .owl-nav .owl-prev {
    background: url(images/arrow-left.png) no-repeat !important;
    width     : 30px;
    height    : 44px;
}

.owl-home .owl-nav .owl-prev:hover {
    background: url(images/arrow-left-hover.png) no-repeat !important;
    width     : 30px;
    height    : 44px;
}

.owl-home .owl-nav .owl-next:hover {
    background: url(images/arrow-right-hover.png) no-repeat !important;
    width     : 30px;
    height    : 44px;
}

.owl-home .owl-nav .owl-next {
    background: url(images/arrow-right.png) no-repeat !important;
    width     : 30px;
    height    : 44px;
}

.owl-home .owl-nav .owl-prev,
.owl-home .owl-nav .owl-next {
    top     : 43px;
    position: absolute;
}

.owl-home .owl-nav .owl-next {
    right: -39px;
}

.owl-home .owl-nav .owl-prev {
    left: -39px;
}

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

.reviewsLogoWrap .ReviewsLogo {
    background-color: #f2f2f2;
    border-radius   : 4px;
    padding         : 4px 9px;
    display         : inline-flex;
    height          : 33px;
}

.ReviewsLogo .ReviewsLogo__star {
    float       : left;
    display     : inline-block;
    margin-right: 5px;
}

.ReviewsLogo--smedium .ReviewsLogo__star i {
    font-size  : 17px;
    line-height: 25px;
}

.ReviewsLogo .ReviewsLogo__star i {
    color: #12cf6c;
}

.ReviewsLogo .ReviewsLogo__text {
    float  : left;
    display: inline-block;
}

.ReviewsLogo--smedium .ReviewsLogo__text i {
    font-size  : 14px;
    line-height: 24px;
}


/*  =============    How to use   ================   */
.mb-0 {
    margin-bottom: 0 !important
}

.topgrade-video h3 {
    min-height: 56px;
}

.topgrade-video .embed-responsive figure figcaption {
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.min-height {
    min-height: 0 !important;
}

/*  =============    Bootstrap Modal COVID-19 Scholarships upto 50% Start   ================   */

.covid-19 .modal-header {
    border-bottom: 1px solid #7d7d7d;
}

.covid-19 .modal-content {
    background: #001f44;
    border    : 5px solid #fff;
}

.covid-19 .modal-body {
    color      : #fff;
    font-size  : 24px;
    line-height: 30px;
    padding    : 25px;
    font-weight: 500;
    text-align : center;
}

.covid-19 .modal-body span {
    color      : #f8e71c;
    font-weight: bold;
    display    : inline-block;
}

.covid-19 .modal-title {
    color      : #fff;
    font-weight: bold;
}

.covid-19 button.d-block {
    background : #fe1313;
    color      : #fff;
    font-size  : 26px;
    line-height: 32px;
    font-weight: 400;
    margin     : 20px auto !important;
}

.covid-19 button.d-block i {
    color: #f8e71c;
}

.covid-19 button.close {
    color  : #fff;
    opacity: 1;
}

.covid-19.modal {
    z-index: 99999999;
}

/*  =============    Bootstrap Modal COVID-19 Scholarships upto 50% end ================   */
.bg-red-light {
    background: #fe1313 !important;
}

.video_review {
    background-image: url(images/video_review_bg.png);
    padding-top     : 25px;
    padding-bottom  : 25px;
    background-size : cover;
}

.video_review iframe {
    border-radius: 15px;
}

.video_review .owl-nav .owl-next,
.video_review .owl-nav .owl-prev {
    font-size: 90px !important;
    color    : #fff !important;
}

.video_review .h3 {
    font-size  : 18px;
    line-height: 24px;
}

.video_review .h3 span {
    font-size  : 24px;
    line-height: 30px;
    color      : #ff7849;
}

#video_carousel .owl-nav .owl-prev {
    position : absolute;
    left     : 0;
    top      : 50%;
    transform: translate(0, -50%);
}

#video_carousel .owl-nav .owl-next {
    position : absolute;
    right    : 0;
    top      : 50%;
    transform: translate(0, -50%);
}

.video_review .owl-carousel .owl-stage-outer {
    padding-left : 30px !important;
    padding-right: 30px !important;
}

#video_carousel button:focus {
    outline: none;
}

#video_carousel .owl-dots {
    display: none;
}

/* ======================= sub category ====================== */
.tg-subcategory{

}
.tg-subcategory a{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.tg-subcategory a:hover{
    background: #fff !important;
    color: #333 !important;
}
.bg-green-27ae {
    background-color: #27ae60;
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    max-width: 170px;
    width: 100%;
}

.pricing-boxes .bg-green-27ae:before {
    position: absolute;
    content: '';
    top: 0px;
    right: -30px;
    width: 0;
    height: 0;
    border-top: 31px solid #27ae60;
    border-right: 30px solid transparent;
}

.pricing-boxes a:hover {
    color: #e26058;
}

.bg-red-f3 {
    background-color: #f3b6b3;
    height: 30px;
    line-height: 30px;
}

.text-red-e26 {
    color: #e26058;
}

.content-section h1,.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{
    color:#06c !important;
}@media screen and (min-width:1200px) {
    .tg-choose .media .w-100 {
        width: auto !important;
    }

    .tab-content .col {
        max-width: 25% !important;
    }

    .section.section-padding .col {
        max-width: 25% !important;
    }

    .login-parent:before {
        right: 0 !important;
    }

}

@media screen and (max-width:1199px) {
    .login-parent:before {
        display: none;
    }

    h1,
    .tg-banner .tg-heading p {
        font-size  : 34px !important;
        line-height: 40px !important;
    }

    h2 {
        font-size  : 28px !important;
        line-height: 34px !important;
    }

    h3 {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    h4 {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .tg-banner .carousel-item .w-100 {
        width : auto !important;
        height: 600px !important;
    }

    header .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem !important;
        padding-left : .5rem !important;
        font-size    : 14px !important;
        line-height  : 20px !important;
    }

    header .dropdown button,
    header .navbar-light .navbar-nav .nav-link {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .tg-choose .media .w-100 {
        width: auto !important;
    }

    .tg-banner .tg-heading {
        left: 50px !important;
    }

    .tg-banner .tg-heading ul li {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .section__stats .stat__item .stats_item__text {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .tg-services .card .card-body {
        min-height: 270px !important;
    }

    .stats_item__nbr {
        font-size: 40px !important;
    }

    .ecat_courses .demo .card .card-body h2 {
        font-size  : 28px !important;
        line-height: 34px !important;
    }

    .scolorship-detail .jumbotron .btn-primary {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    #basicSlider .MS-controls i {
        padding: 0 15% !important;
    }

    .scolorship-detail .jumbotron .btn.btn-primary.w-50 {
        width: 60% !important;
    }

    .ecat_courses .nav-tabs .nav-link {
        padding: .5rem .75rem !important;
    }

    .signup-cta button {
        font-size  : 24px !important;
        line-height: 30px !important;
    }

    .general_table .col {
        -ms-flex : 0 0 33.333333% !important;
        flex     : 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .merit ul li:last-child {
        margin    : auto !important;
        display   : block !important;
        text-align: center !important;
        max-width : 240px !important;
    }

    .tg-services .col-xl-4 .col-xl-6 a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .video-description .row-second .col-xl-6 .card .list-group-item {
        padding-left: 150px !important;
    }

    .merit ul li {
        -ms-flex-preferred-size: 0 !important;
        flex-basis             : 0 !important;
        -ms-flex-positive      : 1 !important;
        flex-grow              : 1 !important;
        max-width              : 100% !important;
    }

    .stats_item__nbr,
    .stat__item .stats_item__text {
        margin-left: 0px !important;
    }

    .stats_item__nbr,
    .stat__item .stats_item__text {
        margin-left: 0px !important;
    }

    .pricing-boxes .bg-white strong {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .pricing-boxes .bg-white strike {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .pricing-boxes .bg-white strong {
        font-size  : 17px !important;
        line-height: 23px !important;
    }

    .pricing-boxes .bg-white strike {
        font-size  : 17px !important;
        line-height: 23px !important;
    }

    .reviews .user-icon {
        left: 44% !important;
    }

    .owl-home .owl-nav .owl-next {
        right: -30px;
    }

    .owl-home .owl-nav .owl-prev {
        left: -30px;
    }

    .reviews .card {
        min-height: inherit;
        height    : 100%;
    }
}

@media screen and (max-width:991px) {
    header .list-inline .list-inline-item .btn-link {
        font-size  : 13px !important;
        line-height: 19px !important;
    }

    .sticky_header .call-txt {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    header .navbar-toggler {
        padding: 0 !important;
        border : transparent !important;
    }

    .main_nav button {
        outline: none !important;
    }

    header .col-xl-4 .list-inline .list-inline-item .btn.btn-dark,
    header .col-xl-4 .list-inline .list-inline-item .btn.btn-success,
    header .mytoggle .list-inline-item .btn.btn-dark,
    header .mytoggle .list-inline-item .btn.btn-success {
        width      : 98px !important;
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    h1,
    .tg-banner .tg-heading p {
        font-size  : 30px !important;
        line-height: 36px !important;
    }

    h2 {
        font-size  : 24px !important;
        line-height: 30px !important;
    }

    h3 {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    h4 {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .topgrade-video .portfolio-menu ul li {
        padding    : 10px 10px !important;
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .tg-banner .tg-heading {
        width     : 100% !important;
        background: transparent !important;
        top       : 0 !important;
        left      : 0 !important;
        padding   : 0 !important;
    }

    .tg-banner .tg-heading p,
    .tg-banner .tg-heading h1 {
        text-align: center !important;
    }

    .tg-banner .tg-heading ul {
        display: none !important;
    }

    .tg-signup {
        top: 55px !important;
    }

    .tg-banner #carouselExampleControls .carousel-item img {
        height: 630px !important;
    }


    .bg_overlay h1 {
        text-align: center !important;
    }

    .bg_overlay ul {
        display: none !important;
    }

    .single-blog a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .navbar-nav li,
    header .dropdown {
        border-bottom: 1px solid #dbdcdc !important;
    }

    .navbar-nav li a:hover {
        color    : #000 !important;
        font-size: 18px !important;
    }
    /* ======= multiple dropdown ====== */
    .navbar-nav .multi_drop a:hover{
        color: #fff !important;
        font-size: inherit !important;
    }
    /* ======= end multiple dropdown ====== */
    .tg-category .p-5 {
        padding: 2rem !important;
    }

    .tg-category h5,
    .tg-choose .zoo-feature-box-inner .media .media-body p {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .tg-choose .zoo-feature-box-inner .media .media-body h4 {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .tg-choose .media .media-body {
        min-height: 128px !important;
    }

    .tg-courses .jumb_two:before,
    .tg-courses .jumb_one:before {
        position: static !important;
    }

    .tg-courses .jumb_two,
    .tg-courses .jumb_one {
        height: 739px !important;
    }

    .tg-choose .btn.w-50 {
        width: 75% !important;
    }

    .tg-materials .materials {
        background-position-x: 85% !important;
    }

    .section__stats .stat__item .stats_item__text,
    .contact-addres h2 {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .scolorship-detail .jumbotron .btn.btn-primary.w-50 {
        width: 100% !important;
    }

    .blog .blog-posts02 .single-blog {
        min-height: auto !important;
    }

    .top-medical-institute .txt {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .signup-cta button {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .thanks img {
        margin-top: 30px !important;
    }

    .checkout-thanks .pay .tab-content .tab-pane .col-xl-2 span,
    .checkout-thanks .pay .tab-content .tab-pane .col-xl-3 span {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .checkout-thanks .pay .tab-content .tab-pane .col-xl-2 div,
    .checkout-thanks .pay .tab-content .tab-pane .col-xl-3 div {
        width : 110px !important;
        height: 110px !important;
    }

    .general_table .col {
        -ms-flex : 0 0 50% !important;
        flex     : 0 0 50% !important;
        max-width: 50% !important;
    }

    .video-description .row-second .col-xl-6 .card {
        left: 0 !important;
    }

    .video-description .col-xl-5 figure {
        left: 0 !important;
    }

    .section__stats .stat__item .stats_item__icon {
        margin-bottom: -40px !important;
    }

    .section__stats {
        padding-top: 0 !important;
    }

    .payment ul li {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .reviews .user-icon {
        left: 50% !important;
    }

    .topgrade-video .card {
        min-height     : 60px !important;
        justify-content: center !important;
    }

}

@media screen and (max-width:767px) {
    .tg-banner .tg-signup form h3 {
        font-size  : 22px !important;
        line-height: 28px !important;
        color      : #000 !important;
    }

    .sticky_header .list-inline .list-inline-item img {
        vertical-align: top;
        width         : 17px;
    }

    .sticky_header .float-left img {
        width         : 20px;
        height        : 20px;
        vertical-align: top;
    }

    .sticky_header .call-txt img {
        width         : 20px;
        height        : 20px;
        vertical-align: top;
    }

    .sticky_header .list-inline .list-inline-item,
    .sticky_header .call-txt {
        font-size  : 13px !important;
        line-height: 19px !important;
        font-weight: bold !important;
    }

    header .whatsapp {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    header .trial {
        padding-left: 0 !important;
    }

    header .list-inline .list-inline-item .btn-link {
        font-size  : 13px !important;
        line-height: 19px !important;
    }

    h1,
    .tg-banner .tg-heading p {
        font-size  : 28px !important;
        line-height: 34px !important;
    }

    h2 {
        font-size  : 22px !important;
        line-height: 28px !important;
    }

    h3 {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    h4 {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .tg-choose .media .media-body {
        min-height: inherit !important;
    }

    .tg-banner .tg-heading {
        padding     : 0px !important;
        padding-left: 0px !important;
    }

    .login-parent {
        background: #fff !important;
    }

    .login-parent h3 {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .tg-signup {
        top: 75px !important;
    }

    .tg-banner #carouselExampleControls .carousel-item img {
        height: 550px !important;
    }

    .tg-banner .carousel-inner .carousel-item:nth-child(1),
    .tg-banner .carousel-inner .carousel-item:nth-child(3) {
        display: none !important;
    }

    .tg-banner .carousel-inner .carousel-item:nth-child(2) {
        display: block !important;
    }

    #_s_btn {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .tg-banner .card1 form .form-group {
        margin-bottom: 10px !important;
    }

    .tg-choose .btn.w-50 {
        width: 100% !important;
    }

    .tg-category .read-btn {
        width: 75% !important;
    }

    .tg-courses .jumb_two {
        height: 800px !important;
    }

    .tg-courses .jumb_one {
        height: 827px !important;
    }

    .tg-courses .jumb_two .jumbotron,
    .tg-courses .jumb_one .jumbotron {
        position: static !important;
    }

    .tg-region a {
        border: 1px solid #ccc !important;
    }

    .tg-category .main {
        overflow  : visible !important;
        box-shadow: none !important;
    }

    .comparison_table table {
        display   : block !important;
        overflow-x: auto !important;
    }

    .rating>label:before {
        font-size: 1em !important;
    }

    .section__stats .stat__item .stats_item__text {
        text-transform: uppercase !important;
        font-size     : 14px !important;
        line-height   : 20px !important;
    }

    .section__stats .stat__item .stats_item__icon {
        margin-bottom: -103px !important;
    }

    .tg-prep h2,
    .ecat_courses h2 {
        font-size  : 22px !important;
        line-height: 28px !important;
    }

    .tg-ecat-materials .materials {
        background-position: right !important;
    }

    .top_area figure {
        margin-bottom: 1rem !important;
    }

    .signup-cta button {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .footer-signup {
        max-width: 540px !important;
        left     : 0 !important;
        right    : 0 !important;
        margin   : auto !important;
    }

    .thanks img {
        margin-top: 20px !important;
    }

    .checkout-thanks .pay .tab-content .tab-pane .col-xl-2 span,
    .checkout-thanks .pay .tab-content .tab-pane .col-xl-3 span {
        font-size  : 13px !important;
        line-height: 19px !important;
    }

    .general_table .col {
        -ms-flex : 0 0 75% !important;
        flex     : 0 0 75% !important;
        max-width: 75% !important;
        margin   : auto !important;
    }

    .general-links a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .video-description h3 span:before {
        left : -100px !important;
        width: 30% !important;
    }

    .video-description h3 span:after {
        right: -100px !important;
        width: 30% !important;
    }

    .tg-video .float-right.w-50 {
        float        : none !important;
        width        : 100% !important;
        margin-bottom: 20px !important;
    }

    .tg-video h3 {
        font-size    : 20px !important;
        line-height  : 26px !important;
        margin-bottom: 20px !important;
    }

    .tg-services .col-xl-4 .col-xl-6 a {
        font-size  : 18px !important;
        line-height: 24px !important;
        font-weight: bold !important;
    }

    .tg-materials .materials {
        background-position-x: initial !important;
    }

    .bg_overlay {
        padding     : 0px !important;
        margin-top  : 0px !important;
        padding-left: 0px !important;
    }

    .payment .custom-control span {
        display  : inline-block !important;
        transform: translateY(-11px) !important;
    }

    footer .links {
        margin: 0 10px !important;
    }

    .owl-home .owl-nav .owl-prev {
        left: -30px;
    }

    .owl-home .owl-nav .owl-next {
        right: -30px;
    }

    .topgrade-video .portfolio-menu ul li {
        padding      : 7px 10px !important;
        margin-bottom: 10px !important;
    }

    .topgrade-video .card {
        min-height: inherit !important;
    }

    .video_review .owl-carousel .owl-stage-outer {
        padding-left : 0 !important;
        padding-right: 0 !important;
    }

    #video_carousel .owl-nav {
        text-align: center;
    }

    #video_carousel .owl-nav .owl-prev,
    #video_carousel .owl-nav .owl-next {
        position : static;
        transform: inherit;
        margin   : 0 10px;
        font-size: 54px !important;
    }

    #video_carousel .owl-nav .owl-prev:hover,
    #video_carousel .owl-nav .owl-next:hover {
        color: blue !important;
    }
}

@media screen and (max-width:575px) {
    header .logo img {
        width: 75% !important;
    }

    header .whatsapp {
        padding-left : 15px !important;
        padding-right: 15px !important;
    }

    .sticky_header hr {
        border-bottom: 1px solid #ebebeb !important;
        background   : transparent !important;
        position     : relative !important;
        ;
        top: -28px !important;
        ;
    }

    header .navbar .navbar-brand {
        padding-bottom: 0 !important;

    }

    header .navbar-toggler .navbar-toggler-icon {
        position: absolute;
        top     : -30px;
        right   : 0;
    }

    header .col-xl-4 .list-inline .list-inline-item .btn.btn-dark,
    header .col-xl-4 .list-inline .list-inline-item .btn.btn-success {
        width: 100% !important;
    }

    .login form .form-group {
        margin-bottom: 5px !important;
    }

    .login form .form-group .form-control {
        height: 45px;
    }

    .tg-banner .tg-signup h4:after {
        right: 0;
    }

    .tg-banner .tg-signup h4:before {
        left: 0;
    }

    h1 {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .tg-banner .bg_overlay h1 {
        margin-bottom: 0 !important;
    }

    .tg-heading h1,
    .tg-banner .bg_overlay h1 {
        color: #000 !important;
    }

    .tg-banner #carouselExampleControls .carousel-item img {
        display: none !important;
    }

    .tg-banner .tg-heading p {
        font-size  : 26px !important;
        line-height: 32px !important;
    }

    h2 {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .trust-pilot .card h3 {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    #_s_btn {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    h4 {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .section__stats .col-xl-3 {
        text-align: center !important;
    }

    header .dropdown .dropdown-menu {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .tg-signup,
    .tg-banner .tg-heading {
        position: static !important;
    }

    .tg-banner .select2-container--default .select2-selection--single {
        height: 40px !important;
    }

    .tg-banner .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 20px !important;
        font-size  : 14px !important;
    }

    .select2-container--default .select2-results__option .select2-results__option {
        padding-left: 10px !important;
        font-size   : 14px !important;
        line-height : 14px !important;
    }

    .select2-results__option {
        padding: 5px !important;
    }

    .tg-banner {
        background    : #f7f7f7 !important;
        padding-top   : 10px !important;
        padding-bottom: 10px !important;
    }
    .tg-banner h1 span {
        /*color: yellow;*/
        color: #ec0707;
    }

    .tg-category .main {
        overflow  : visible !important;
        box-shadow: none !important;
    }

    .tg-services .card .card-body {
        min-height: 240px !important;
    }

    .comparison_table table {
        display   : block !important;
        overflow-x: auto !important;
        max-width : 100% !important;
    }

    .ecat-tabs {
        width    : 100% !important;
        max-width: 100% !important;
    }

    .ecat-tabs .tab-content {
        width: 100% !important;
    }

    .ecat-tabs ul li,
    .ecat-tabs .nav a {
        width        : 100% !important;
        border-bottom: 1px solid !important;
    }

    .top_area figure {
        margin-bottom: 1rem !important;
    }

    .tg-courses .jumb_one .jumbotron,
    .tg-courses .jumb_two .jumbotron {
        position: static !important;
    }

    .ecat_courses.p-5 {
        padding: 1rem !important;
    }

    .tg-courses .jumb_one .jumbotron .custom-controls-stacked .display-4,
    .tg-courses .jumb_two .jumbotron .custom-controls-stacked .display-4 {
        font-size: 2.5rem !important;
    }

    .tg-courses .jumb_one {
        height: 720px !important;
    }

    .tg-courses .jumb_two {
        height: 680px !important;
    }

    .tg-top-subjects h2,
    .tg-services h2,
    .tg-prep h2,
    .ecat_courses h2,
    .section__stats .stat__item .stats_item__text {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .section__stats .stat__item .stats_item__text {
        text-transform: uppercase !important;
        font-size     : 14px !important;
        line-height   : 20px !important;
    }

    .stats_item__icon i {
        font-size: 100px !important;
    }

    .section__stats .stat__item .stats_item__icon {
        margin-bottom: -55px !important;

        margin-top: 30px !important;
    }

    .tg-ecat-materials .materials {
        background-position: right !important;
    }

    .el-btn-regular {
        display: block !important;
    }

    .tg-banner-signup.p-5,
    .top_area.p-5,
    .blog.p-5 {
        padding: 1rem !important;
    }

    .signup-cta button {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .top_area figure img {
        margin : auto !important;
        display: block !important;
    }

    .tg-materials h2 span,
    .tg-ecat-materials h2 span {
        font-size  : 28px !important;
        line-height: 34px !important;
    }

    .footer-signup {
        width   : 100% !important;
        left    : 0 !important;
        right   : 0 !important;
        margin  : 10px auto !important;
        position: static !important;
    }

    .tg-video .float-right.w-50 {
        margin: 10px 0 !important;
    }

    .tg-video .jumbotron .mb-5 {
        margin-bottom: 1rem !important;
    }

    .tg-video.py-5 {
        padding-top: 1rem !important;
    }

    .checkout-thanks .pay .tab-content .tab-pane .col-xl-2 span,
    .checkout-thanks .pay .tab-content .tab-pane .col-xl-3 span {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .checkout-thanks .box p span {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .checkout-thanks p strong {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .error404 .display-1 {
        font-size: 3rem !important;
    }

    .general_table .col {
        -ms-flex : 0 0 100% !important;
        flex     : 0 0 100% !important;
        max-width: 100% !important;
    }

    .merit ul li {
        margin : auto !important;
        display: block !important;
    }

    .merit .pre-fill {
        width: 100% !important;
    }

    .card-body p a,
    .card-body a {
        word-break: break-all !important;
    }

    .general-links a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .video-description h3 span:before {
        left : -100px !important;
        width: 30% !important;
    }

    .video-description h3 span:after {
        right: -100px !important;
        width: 30% !important;
    }

    .tg-services .col-xl-4 .col-xl-6 a {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    footer .links {
        margin: 10px 10px !important;
    }

    .topgrade-video h3 {
        min-height: inherit;
    }
    .bg-red-f3 {
        font-size: 14px;
    }
}

@media screen and (max-width:479px) {
    .covid {
        font-size  : 12px;
        line-height: 18px;
    }

    header .navbar-toggler-icon {
        width : 1.3em !important;
        height: 1.3em !important;
    }

    header .col-7 {
        -webkit-box-flex: 0 !important;
        -ms-flex        : 0 0 55.333333% !important;
        flex            : 0 0 55.333333% !important;
        max-width       : 55.333333% !important;
    }

    header .navbar-toggler .navbar-toggler-icon {
        top: -27px;
    }

    .sticky_header .trial {
        padding-right: 8px !important;
        padding-left : 0 !important;
    }

    .sticky_header .list-inline .list-inline-item,
    header .list-inline .list-inline-item .btn-link {
        font-size  : 11px !important;
        line-height: 17px !important;
    }

    .sticky_header .call-txt {
        font-size  : 15px !important;
        line-height: 21px !important;
    }

    header .logo img {
        width: inherit !important;
    }

    .login-signup a {
        color      : #06c;
        font-weight: 600 !important;
        width      : 105px !important;

    }

    .login .login-signup,
    .login-signup a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .login-signup a {
        display: block !important;
        margin : auto !important;
        width  : 50% !important;
    }

    .tg-banner .tg-heading p {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    h2 {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    h4 {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    hr.mb-1 {
        margin: 0 !important;
    }

    .login-parent .login form:before {
        width: 250px !important;
    }

    header .list-inline .list-inline-item:nth-child(3) {
        font-size  : 14px !important;
        line-height: 20px !important;
        font-weight: bold !important;
        transform  : translateY(8px) !important;
    }

    header .list-inline-item:not(:last-child) {
        margin-right: 5px !important;
    }

    .universities .nav .nav-item {
        font-size  : 14px !important;
        line-height: 20px !important;
        margin     : 10px 5px !important;
    }

    .tg-courses .jumb_one .jumbotron .custom-controls-stacked .col-6,
    .tg-courses .jumb_two .jumbotron .custom-controls-stacked .col-6,
    .tg-top-subjects .col-6,
    .tg-region .col-6,
    .scolorship-detail .jumbotron .row .col-6,
    footer .col-5,
    footer .col-7,
    .call-to-action .col-6 {
        flex     : 100% !important;
        max-width: 100% !important;
    }

    .comparison_table table {
        display   : block !important;
        overflow-x: auto !important;
        max-width : 100% !important;
    }

    .ecat-tabs {
        width    : 100% !important;
        max-width: 100% !important;
    }

    .ecat-tabs .tab-content {
        width: 100% !important;
    }

    .ecat-tabs ul li,
    .ecat-tabs .nav a {
        width        : 100% !important;
        border-bottom: 1px solid !important;
    }

    .ecat_courses.p-5 {
        padding: 1rem !important;
    }

    .tg-banner .card1 form .spe:after,
    .tg-banner .card1 form .spe:before {
        width: 5rem !important;
    }

    .tg-category .main {
        overflow  : visible !important;
        box-shadow: none !important;
    }

    .tg-category .read-btn {
        width: 100% !important;
    }

    .tg-services .card .card-body a {
        font-size: 14px !important;
    }

    .section-padding.pricing.p-5 {
        padding: 1rem !important;
    }

    .section-padding.pricing.p-5 .col-12 {
        padding: 0 !important;
    }

    .stat__item {
        text-align: center !important;
    }

    .ecat_courses .col-12 {
        padding: 0 !important;
    }

    .tg-choose .zoo-feature-box-inner h4,
    .scholorship h3,
    .top-medical-institute .txt {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .tg-choose .btn.w-50 {
        font-size: 13px !important;
    }

    .tg-courses .jumb_one .jumbotron,
    .tg-courses .jumb_two .jumbotron {
        position: static !important;
    }

    .tg-courses .jumb_one .jumbotron .custom-controls-stacked .display-4,
    .tg-courses .jumb_two .jumbotron .custom-controls-stacked .display-4 {
        font-size: 1.5rem !important;
    }

    .tg-ecat-materials h1 .display-4,
    .tg-materials h1 .display-4 {
        font-size: 2rem !important;
    }

    .tg-courses .jumb_one {
        height : 691px !important;
        padding: 1rem !important;
    }

    .tg-courses .jumb_two {
        height : 700px !important;
        padding: 1rem !important;
    }

    .tg-services.p-5 {
        padding: 2rem !important;
    }

    .top_area figure {
        margin-bottom: 1rem !important;
    }

    .tg-limits .list-inline-item:not(:last-child) {
        margin-bottom: 1rem !important;
    }

    footer .scrollup {
        right: 0 !important;
    }

    .rating>label:before {
        font-size: .75em !important;
    }

    #basicSlider .MS-content {
        margin: 0% !important;
    }

    #basicSlider .MS-controls i {
        padding: 0 30% !important;
    }

    .section__stats .stat__item .stats_item__icon {
        font-size    : 100px !important;
        margin-bottom: -70px !important;
    }

    .section__stats .stat__item .stats_item__text {
        text-transform: uppercase !important;
        font-size     : 14px !important;
        line-height   : 20px !important;
    }

    .stats_item__nbr,
    .stat__item .stats_item__text {
        margin-left: 40px !important;
    }

    .tg-ecat-materials .materials {
        background-position: right !important;
    }

    .blog.p-5,
    .blog-excerpt.p-5 {
        padding: 1rem !Important;
    }

    .el-btn-regular {
        display: block !important;
    }

    .tg-materials h2 span,
    .tg-ecat-materials h2 span {
        font-size  : 26px !important;
        line-height: 32px !important;
    }

    .top-medical-institute .col-xl-6 {
        padding: 0 !important;
    }

    .faqs .col-xl-12 {
        padding: 0 !important;
    }

    .section__features .col-xl-4,
    .about-subtitle .col-xl-6 {
        padding: 0 !important;
    }

    .tg-banner-signup.p-5 {
        padding: 1rem !important;
    }

    .signup-cta button {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .tg-banner-signup .card1-body h2 {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .tg-banner-signup.p-5 {
        padding: 1rem !important;
    }

    .tg-banner-signup .col-xl-6 {
        padding: 0 !important;
    }

    .tg-video.py-5 {
        padding-top: 1rem !important;
    }

    .tg-video .jumbotron .mb-5 {
        margin-bottom: 1rem !important;
    }

    .pricing .pricing-widget .pricing-content .pricing-title {
        font-size: 22px !important;
    }

    .top_area.p-5,
    .tg-video.p-5 {
        padding: 1rem !important;
    }

    .top_area .col-xl-4,
    .tg-video .col-xl-7,
    .tg-video .col-xl-5 {
        padding: 0 !important;
    }

    .top_area figure img {
        margin : auto !important;
        display: block !important;
    }

    .thanks h1 {
        font-size  : 40px !important;
        line-height: 46px !important;
    }

    .thanks img {
        margin: 20px 0 !important;
    }

    .signin a.creat-btn {
        font-size  : 16px !important;
        line-height: 22px !important;
    }

    .checkout-thanks .pay .tab-content .tab-pane .col-xl-2 span,
    .checkout-thanks .pay .tab-content .tab-pane .col-xl-3 span {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .checkout-thanks .box p span {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .checkout-thanks p strong {
        font-size  : 18px !important;
        line-height: 24px !important;
    }

    .newto span.new-txt:before,
    .newto span.new-txt:after {
        width: 25% !important;
    }

    .g-recaptcha {
        transform        : scale(0.89) !important;
        -webkit-transform: scale(0.89) !important;
    }

    footer .copy-txt,
    footer .terms {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .error404 .display-1 {
        font-size: 2rem !important;
    }

    .t-login,
    .t-buy,
    .t-account {
        display: block !important;
    }

    header .login_btn {
        display: none !important;
    }

    header .col-xl-8 .list-inline-item.mt-2.mt-sm-0 {
        /*display: none !important!important;*/
    }

    header .my_account {
        /*display: none !important;*/
    }

    .general_table .col {
        -ms-flex : 0 0 100% !important;
        flex     : 0 0 100% !important;
        max-width: 100% !important;
    }

    .login strong,
    .tg-banner-signup strong {
        font-size  : 20px !important;
        line-height: 26px !important;
    }

    .navbar-brand {
        margin-right: 0 !important;
    }

    .tg-services .col-6 {
        flex     : 100% !important;
        max-width: 100% !important;
        margin   : 5px 0 !important;
    }

    .card-body p a,
    .card-body a,
    .card-body p {
        word-break: break-all !important;
    }

    .payment ul li {
        font-size    : 14px !important;
        line-height  : 20px !important;
        padding-left : 20px !important;
        padding-right: 0 !important;
    }

    .payment .signup-box h2.text-danger {
        font-size  : 22px !important;
        line-height: 28px !important;
    }

    .general-links a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .pricing-boxes .bg-white strong {
        display: block !important;
    }

    .tg-banner-signup .col-xl-5 {
        padding: 0 !important;
    }

    .tg-banner-signup .col-xl-5 form.p-3 {
        padding: 0.5rem !important;
    }

    .video-description h3 span:before,
    .video-description h3 span:after {
        display: none !important;
    }

    .video-description a {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .tg-choose .zoo-feature-box-inner span {
        width      : 60px !important;
        height     : 60px !important;
        line-height: 60px !important;
    }

    header .col-4 {
        text-align: center !important;
    }

    .tg-banner .card1 form .col-6 {
        -webkit-box-flex: 0 !important;
        flex            : 0 0 100% !important;
        max-width       : 100% !important;
    }

    .tg-choose .zoo-feature-box-inner .media .media-body h4 {
        font-size  : 14px !important;
        line-height: 20px !important;
    }

    .tg-choose .col-xl-4,
    .tg-services .col-xl-4 {
        padding: 0 !important;
    }

    .portfolio-menu ul li {
        margin-bottom: 10px !important;
    }

    .gallery .col-6 {
        flex     : 0 0 100% !important;
        max-width: 100% !important;
    }

    .reviews strong {
        font-size: 13px;
    }

    .pricing-boxes .col {
        -ms-flex-preferred-size: 0;
        flex-basis             : 100%;
        -webkit-box-flex       : 1;
        -ms-flex-positive      : 1;
        flex-grow              : 1;
        max-width              : 100%;
    }

    footer .links {
        margin: 10px 10px !important;
    }

    footer .links .list-group .list-group-item,
    footer address {
        font-size: 12px !important;
    }

    .owl-home .owl-nav .owl-prev,
    .owl-home .owl-nav .owl-next,
    .owl-home .owl-nav .owl-prev:hover,
    .owl-home .owl-nav .owl-next:hover {

        width          : 25px;
        height         : 35px;
        background-size: contain !important;
    }

    .owl-home .owl-nav .owl-prev {
        left: -27px;
    }

    .owl-home .owl-nav .owl-next {
        right: -27px;
    }

    .covid-19 .modal-body {
        font-size  : 20px;
        line-height: 26px;
        padding    : 10px;
    }

    .covid-19 button.d-block {
        font-size  : 20px;
        line-height: 26px;
    }

    .logout {
        padding    : 5px;
        font-size  : 12px;
        line-height: 18px;
    }

    .my_account {
        padding    : 5px;
        font-size  : 12px;
        line-height: 18px;
    }

    .faqs .btn {
        display  : flex;
        font-size: 14px;
    }

    .faqs .card-header h2 {
        margin-right: 10px;
    }

    .gallery .item picture {
        display   : block;
        text-align: center;
    }
    .bg-red-f3 {
        max-width: 140px;
        margin: auto;
    }
}

@media screen and (max-width:375px) {
    .topgrade-video .portfolio-menu ul li {
        width: 100% !important;
    }

    /*    .sticky_header .call-txt {
            font-size: 16px !important;
            line-height: 22px !important;
        }*/
}

@media screen and (max-width:320px) {

    /*    .sticky_header .call-txt {
            font-size: 14px !important;
            line-height: 20px !important;
        }*/
    .g-recaptcha {
        transform-origin        : 0 0 !important;
        -webkit-transform-origin: 0 0 !important;
    }

    .payment .signup-box .custom-control-label {
        font-size: 12px !important;
    }

    .video_review .h3 {
        font-size  : 16px;
        line-height: 22px;
    }

    .video_review .h3 span {
        font-size  : 18px;
        line-height: 24px;
    }

    .video_review .owl-carousel .item p {
        font-size  : 14px;
        line-height: 20px;
    }

}.captcha-holder {position: relative;margin-bottom: 20px;width: 99%;height: auto;border-radius: 0;font-family: 'Roboto', sans-serif;text-shadow: none;line-height: 1;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}.captcha-holder .captcha-modal {width: 100%;display: block;}.captcha-holder .captcha-modal__header {height: auto;padding: 0 10px;display: block;}.captcha-holder .captcha-modal__header span {padding: 10px 0;display: block;border-bottom: 1px solid;text-align: center;font-size: 12px;font-weight: 500;color: #1d1d1d;cursor: default;}.captcha-holder .captcha-modal__header span::selection {background: none !important;}.captcha-holder .captcha-modal__header span::-moz-selection {background: none !important;}.captcha-holder .captcha-modal__icons {display: block;overflow: hidden;position: relative;height: 50px;min-height: 50px;padding: 6px 10px;text-align: center;-webkit-box-align: center;-webkit-box-pack: center;display: -webkit-box;-webkit-box-sizing: initial;-moz-box-sizing: initial;box-sizing: initial;}.captcha-holder .captcha-modal__icons-title {font-size: 20px;font-weight: 500;display: inline-block;width: 100%;position: absolute;left: 0;right: 0;top: 10px;}.captcha-holder .captcha-modal__icons-subtitle {font-size: 13px;display: inline-block;width: 100%;position: absolute;left: 0;right: 0;top: 37px;}.captcha-holder .captcha-modal__icons .captcha-image {position: relative;height: 50px;width: 19%;float: left;background-repeat: no-repeat;background-position: 50% 50%;border-right: 1px solid;cursor: pointer;}.captcha-holder .captcha-modal__icons .captcha-image:last-child {border-right: 0;}.captcha-holder .captcha-modal__icons .captcha-image:after {content: "";border-bottom: 2px solid #fff;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: border 0.2s linear;-moz-transition: border 0.2s linear;-o-transition: border 0.2s linear;transition: border 0.2s linear;}.captcha-holder .captcha-modal__icons .captcha-image:hover:after {-webkit-transition: border 0.2s linear;-moz-transition: border 0.2s linear;-o-transition: border 0.2s linear;transition: border 0.2s linear;}.captcha-holder .captcha-modal__icons .captcha-loader {margin: auto;position: absolute;width: 38px;height: 38px;-webkit-border-radius: 50% 50% 50% 50%;-moz-border-radius: 50% 50% 50% 50%;-o-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;border: 10px solid #68C3A3;opacity: 0.8;z-index: 10;top: 0;left: 0;bottom: 0;right: 0;box-sizing: border-box;-webkit-animation: captcha-loader 6s infinite linear;-moz-animation: captcha-loader 6s infinite linear;-o-animation: captcha-loader 6s infinite linear;animation: captcha-loader 6s infinite linear;}.captcha-holder .captcha-modal__icons.captcha-opacity>.captcha-image {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter: alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity: 0.2;cursor: default;}.captcha-holder .captcha-modal__icons.captcha-opacity>.captcha-image:after,.captcha-holder .captcha-modal__icons.captcha-opacity>.captcha-image:hover:after {content: none;}.captcha-holder .captcha-modal__credits {display: block !important;font-size: 9px;padding: 3px;text-align: center;cursor: default;}.captcha-holder .captcha-modal__credits>a {text-decoration: none;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;-o-transition: color 0.1s linear;transition: color 0.1s linear;}.captcha-holder .captcha-modal__credits>a:hover {-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;-o-transition: color 0.1s linear;transition: color 0.1s linear;}.captcha-holder .captcha-modal__credits--hide {visibility: hidden;}.captcha-holder.captcha-theme-light {background: #fff;border: 1px solid #d8d8d8;}.captcha-holder.captcha-theme-light .captcha-modal__header span {border-color: #d8d8d8;}.captcha-holder.captcha-theme-light .captcha-modal__icons-subtitle {color: #b1b1b1;}.captcha-holder.captcha-theme-light .captcha-modal__icons .captcha-image {border-color: #eaeaea;}.captcha-holder.captcha-theme-light .captcha-modal__icons .captcha-image:hover:after {border-bottom: 2px solid #448AFF;}.captcha-holder.captcha-theme-light .captcha-modal__credits {color: #a7a7a7;border-top: 1px solid #eaeaea;}.captcha-holder.captcha-theme-light .captcha-modal__credits>a {color: #448AFF;}.captcha-holder.captcha-theme-light .captcha-modal__credits>a:hover {color: #74a8ff;}.captcha-holder.captcha-theme-light.captcha-success .captcha-modal__icons .captcha-modal__icons-title {color: #5bd25b;}.captcha-holder.captcha-theme-light.captcha-error .captcha-modal__icons .captcha-modal__icons-title {color: #ef5858;}.captcha-holder.captcha-theme-dark {background: #4c4c4c;border: 1px solid #404040;}.captcha-holder.captcha-theme-dark .captcha-modal__header span {color: #fff;border-color: #404040;}.captcha-holder.captcha-theme-dark .captcha-modal__icons-subtitle {color: #b1b1b1;}.captcha-holder.captcha-theme-dark .captcha-modal__icons .captcha-image {border-color: #404040;}.captcha-holder.captcha-theme-dark .captcha-modal__icons .captcha-image:after {border-bottom: 2px solid #4c4c4c;}.captcha-holder.captcha-theme-dark .captcha-modal__icons .captcha-image:hover:after {border-bottom: 2px solid #dadada;}.captcha-holder.captcha-theme-dark .captcha-modal__credits {color: #a7a7a7;border-top: 1px solid #404040;}.captcha-holder.captcha-theme-dark .captcha-modal__credits>a {color: #fff;}.captcha-holder.captcha-theme-dark .captcha-modal__credits>a:hover {color: #f0f0f0;}.captcha-holder.captcha-theme-dark.captcha-success .captcha-modal__icons .captcha-modal__icons-title {color: #93d293;}.captcha-holder.captcha-theme-dark.captcha-error .captcha-modal__icons .captcha-modal__icons-title {color: #ef5858;}.captcha-holder.captcha-credits .captcha-modal .captcha-modal__credits {display: block;}.captcha-holder input[type="text"] {display: none;visibility: hidden;}.captcha-holder *::selection {background: none !important;}.captcha-holder *::-moz-selection {background: none !important;}@media screen and (max-width: 320px) {.captcha-holder {width: 100%;height: auto;box-sizing: border-box;-webkit-box-sizing: border-box;}.captcha-holder.captcha-credits {height: auto;}.captcha-holder .captcha-modal__icons .captcha-image {-webkit-background-size: 60%;-moz-background-size: 60%;-o-background-size: 60%;background-size: 60%;}}@media screen and (max-width: 250px) {.captcha-holder .captcha-modal__icons {padding: 0;}.captcha-holder .captcha-modal__icons .captcha-image {-webkit-background-size: 50%;-moz-background-size: 50%;-o-background-size: 50%;background-size: 50%;}}@-webkit-keyframes captcha-loader {0%,100% {border: solid 19px #68C3A3;}6.25% {border: solid 2px #68C3A3;}12.5% {border: solid 2px #52B3D9;}18.75% {border: solid 19px #52B3D9;}25% {border: solid 19px #52B3D9;}31.25% {border: solid 2px #52B3D9;}37.5% {border: solid 2px #F4D03F;}43.75% {border: solid 19px #F4D03F;}50% {border: solid 19px #F4D03F;}56.25% {border: solid 2px #F4D03F;}62.5% {border: solid 2px #D24D57;}68.75% {border: solid 19px #D24D57;}75% {border: solid 19px #D24D57;}81.25% {border: solid 2px #D24D57;}87.5% {border: solid 2px #68C3A3;}93.75% {border: solid 19px #68C3A3;}}@keyframes captcha-loader {0%,100% {border: solid 19px #68C3A3;}6.25% {border: solid 2px #68C3A3;}12.5% {border: solid 2px #52B3D9;}18.75% {border: solid 19px #52B3D9;}25% {border: solid 19px #52B3D9;}31.25% {border: solid 2px #52B3D9;}37.5% {border: solid 2px #F4D03F;}43.75% {border: solid 19px #F4D03F;}50% {border: solid 19px #F4D03F;}56.25% {border: solid 2px #F4D03F;}62.5% {border: solid 2px #D24D57;}68.75% {border: solid 19px #D24D57;}75% {border: solid 19px #D24D57;}81.25% {border: solid 2px #D24D57;}87.5% {border: solid 2px #68C3A3;}93.75% {border: solid 19px #68C3A3;}}