/*/*/
*
/*/*-------------------------------------------------------------------------------------

Theme Name:	Edumart

Theme URI: 	http://protechtheme.com/edumart/

Author: protechtheme

-------------------------------------------------------------------------------------*/



/**

*****************************************

@File: Edumart Theme Styles



* This file contains the styling for the actual theme, this

is the file you need to edit to change the look of the

theme.



01. General Style

02. header

03. navigation

04. home sections

        ├─ banner

        ├─ about

        ├─ cources

        ├─ impotance

        ├─ how study

        ├─ why choose

        ├─ news & events

        ├─ campus tour

        ├─ client logos

        ├─ testimonials

05. footer

06. about page

07. cources listing page

        ├─ browse teacher

08. course detail page

        ├─ course detail tab

        ├─ how to apply

        ├─ comments section

09. contact page

10. blog page

11. blog detail page

12. 404 page

13. FAQ pages

        ├─ FAQ 1

        ├─ FAQ 2

14. login page

15. testimonial page

16. gallery page

17. news & events page

18. privacy page

19. register page

20. apply online page

21. generic UI page

22. Coming Soon

23. Responsive Style

*****************************************

**/



/* ================================================== */

/* 01. General Style */

/* ================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.ranking.table>thead>tr>th,
.ranking.table>thead>tr>td {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
    background: #ff990a;
    color: #fff;
}

li.LMS_STEM2 {
    float: right !important;
}

li.LMS_STEM2 img {
    width: 150px;
}

a#mockBt {
    padding: 2% 5%;
    background: #34373d;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
}

tr#vtop td {
    font-size: 20px;
    color: #2c96ea;
}

.ranking tr#vtop .avatar img {
    width: 40px;
}

img.img-100 {
    width: 100px;
    left: 50px;
    position: absolute;
    top: 10px;
}

img.img-1000 {
    width: 30px;
}

tr#vtop img.img-1000 {
    width: 40px;
}

h1.Rankhead {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    color: hsl(225 100% 19%);
}

.ranking .avatar img {
    width: 30px;
}

.ranking.table-striped tbody td.headdImg {
    padding: 5px !important;
}

.ranking.table-striped tbody tr:nth-of-type(odd) {
    background-color: hsl(0 0% 97%);
}

.ranking.table-striped tbody td {
    padding: 15px 10px !important;
}

table.ranking.table thead td {
    padding: 15px 10px !important;
}

table.ranking.table td {
    color: hsl(225 100% 19%);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: CWC, system-ui, sans-serif;
}

table.ranking.table {
    border-spacing: 0;
}

#affiliateBtn {
    cursor: pointer;
}

.bg-sections p {
    text-align: justify;
}

.text-dio {
    color: #3c415f !important;
}

.compalinace-page {
    background: #0a1d38;
    font-family: Lato, sans-serif;
    font-style: normal;
    font-weight: 400;
}

li.LMS_STEM {
    float: right !important;
    background: #ff9500;
}

li.LMS_STEM:hover {
    background: #2c96ea;
}

.xxo .image-box .image img {
    height: 330px;
}

@media screen and (max-width: 368px) {
    .offeresd .code {
        margin: 10px;
        flex: 0 0 40% !important;
    }
}

@media screen and (min-width: 768px) {
    .content-container {
        margin: 0 auto;
        max-width: 1200px;
    }

    .header-conatiner {
        margin: 0 auto;
        max-width: 1200px;
    }
}

.compalinace-content {
    background: #ffffff;
    border-radius: 32px 32px 0 0;
    padding: 32px 24px;
}

.content-head {
    font-size: 24px;
    line-height: 30px;
    color: #213554;
    margin: 0;
    font-weight: 700;
}

.content-seprater {
    width: 28px;
    height: 5px;
    background-color: #213554;
    margin-top: 16px;
}

.updated-date {
    margin: 16px 0 0;
    color: #213554ab;
    font-weight: 700;
}

.content-text {
    color: #515978;
    margin: 16px 0 0;
}

.content-text {
    font-size: 14px;
    line-height: 20px;
}

.merchant-logo {
    width: 74.6px;
    height: 64px;
    background: #fefefe;
    box-shadow: 0px 0px 8px #00000040;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 330px) {
    .merchant-logo {
        width: 87px;
    }
}

@media all and (min-width: 768px),
(min-width: 383px) {
    .merchant-logo {
        width: 64px;
    }
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #0a1d38;
    box-shadow: 11.0003px 22.0007px 53.9016px rgba(0, 0, 0, 0.1), 22.0007px 11.0003px 53.9854px -2.03719px rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.logo-text {
    color: #fff;
    font-weight: 700;
    font-size: 32px;
}

.list-item {
    display: list-item;
    padding-left: 5px;
}

.unorder-list {
    margin: 0;
}

.list-text {
    margin-top: 8px;
}

.shopx .nav>li>a {
    padding: 10px 12px;
    width: 100px;
    text-align: center;
}

.ebookSection .nav>li>a {
    padding: 10px 12px;
    width: 100px;
    text-align: center;
}

.cont a {
    text-decoration: none;
    color: #1a1a1a;
}

.glimpse .owl-carousel .owl-nav .owl-next,
.glimpse .owl-carousel .owl-nav .owl-prev {
    display: block;
}

.glimpse .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 48%;
    padding: 15px 15px;
    background: #4bba6e;
    color: #fff;
    left: -5%;
    font-size: 24px;
}

.glimpse .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 48%;
    padding: 15px 15px;
    background: #4bba6e;
    color: #fff;
    left: 102%;
    font-size: 24px;
}

.cont h1 {
    margin-bottom: 60px;
    text-align: center;
    font: 300 2.25em "Lato";
    text-transform: uppercase;
}

.cont h1 strong {
    font-weight: 400;
    color: #ea4c4c;
}

#chrimas button.close {
    z-index: 99999999;
    right: 20px;
    top: 20px;
    background: transparent !important;
    color: #f00 !important;
    font-size: 30px;
    text-shadow: 2px 1px #fff;
}

#chrimas .modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .5);
    background: transparent;
}

#chrimas img.fit-image {
    max-width: 100%;
}

.cont h2 strong {
    font-weight: 400;
}

.cont .countdown {
    width: 1020px;
    margin: 100px auto;
}

.cont .countdown .bloc-time {
    float: left;
    margin-right: 45px;
    text-align: center;
}

.cont .countdown .bloc-time:last-child {
    margin-right: 0;
}

.cont .countdown .count-title {
    display: block;
    margin-bottom: 15px;
    color: #4e1478;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 800;
}

.cont .countdown .figure {
    position: relative;
    float: left;
    height: 110px;
    width: 100px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 8px;
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}

.cont .countdown .figure:last-child {
    margin-right: 0;
}

.cont .countdown .figure>span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font: normal 5.94em/107px "Lato";
    font-weight: 700;
    color: #de4848;
}

.cont .countdown .figure .top:after,
.cont .countdown .figure .bottom-back:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cont .countdown .figure .top {
    z-index: 3;
    background-color: #f7f7f7;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-transform: perspective(200px);
    -ms-transform: perspective(200px);
    -webkit-transform: perspective(200px);
    transform: perspective(200px);
}

.cont .countdown .figure .bottom {
    z-index: 1;
}

.cont .countdown .figure .bottom:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: rgba(0, 0, 0, 0.02);
}

.cont .countdown .figure .bottom-back {
    z-index: 2;
    top: 0;
    height: 50%;
    overflow: hidden;
    background-color: #f7f7f7;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}

.cont .countdown .figure .bottom-back span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cont .countdown .figure .top,
.cont .countdown .figure .top-back {
    height: 50%;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cont .countdown .figure .top-back {
    z-index: 4;
    bottom: 0;
    background-color: #fff;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform: perspective(200px) rotateX(180deg);
    -ms-transform: perspective(200px) rotateX(180deg);
    -webkit-transform: perspective(200px) rotateX(180deg);
    transform: perspective(200px) rotateX(180deg);
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cont .countdown .figure .top-back span {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    margin: auto;
}

.disabled.disableTrue {
    opacity: 0.2;

}

#ebook_form .show-wallet-bal {
    font-size: 11px;
}

#paywith .modal-xsm.modal-dialog,
#add-money .modal-sm.modal-dialog {
    width: 35%;
}

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

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

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

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

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

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

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

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

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

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

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

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

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

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

.galStu img.lightbox-thumb {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

#loginformk .form-control-position {
    top: 45px;
    left: 5px;
    color: #00aaff;
    position: absolute;
    z-index: 99;
}

.plyBt .play-btn {
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

.codeinPlus:hover {
    right: -21px;
    transition: all 300ms ease;
}

.readM:before,
.enquire-btn:before {
    background: #191e24;
}

.readM:before,
.enquire-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #00c7c4;
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: -1;
}

.readM:hover:before,
.enquire-btn:hover:before {
    -webkit-clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
    clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
}


.readMs:before {
    background: #191e24;
}

.readMs:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #ffd32c;
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: -1;
}

.readMs:hover:before {
    -webkit-clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
    clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
}

.readMss:before {
    background: #191e24;
}

.readMss:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #00c7c4;
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: -1;
}

.readMss:hover:before {
    -webkit-clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
    clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
}

.onHov {
    cursor: pointer;
}

.onHov:hover {
    transform: translateY(-15px);
    transition: all 300ms ease;
}

.plyBt .play-btn i:after {
    position: absolute;
    left: -25px;
    top: -25px;
    height: 150px;
    width: 150px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    content: "";
    -webkit-animation: zoom-one 2s infinite linear;
    animation: zoom-one 2s infinite linear;
}

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

@-webkit-keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

.plyBt .play-btn i:hover {
    background-color: #fff;
    color: #ef5c72;
}

.plyBt .play-btn i {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    font-size: 24px;
    background-color: #ef5c72;
    color: #fff;
    padding-left: 5px;
    border-radius: 50%;
    margin: 0 auto 30px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.owl-item:hover .plyBt {
    opacity: 1;
}

.plyBt {
    background-color: rgb(0, 0, 0, 0.8);
    position: absolute;
    bottom: 30px;
    color: #ffa800;
    width: calc(100% - 0px);
    font-size: 22px;
    font-weight: 600;
    padding: 15px 0;
    text-align: center;
    opacity: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}

.homeban img {
    width: 100%;
    min-height: 200px;
}

.pageloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    background: url('../../../assets/images/yourLoaderImage.gif') 50% 50% no-repeat rgb(86, 86, 86);
    opacity: .8;
}

h4.hrec {
    color: #ffd32c;
    margin-bottom: 10px;
}

.four-alt .Brass {
    display: flex;
    padding-top: 10px !important;
    padding-bottom: 20px;
}

.huhe-pad {
    padding: 25px 10%;
}

.four-alts .imgBrass {
    padding: 0 30px;
}

.four-alts .Brass {
    display: flex;
    padding-top: 10px !important;
    padding-bottom: 20px;
}

.four-alts {
    padding: 0 0 0 0%;
}

.inDex {
    color: #000;
    font-size: 40px;
}

.diamond-shape {
    background: #f5efef;
    height: 60px;
    text-align: center;
    transform: rotate(45deg);
    width: 60px;
}

.item-count {
    color: #333;
    display: table-cell;
    height: 60px;
    transform: rotate(-45deg);
    vertical-align: middle;
    width: 60px;
    font-weight: 800;
}

.bg-yellow {
    background: #ffd32c !important;
}

.four-alt {
    padding: 0 0 0 7%;
}

h2.altHeading {
    font-size: 50px;
    color: #ffbc00;
    margin-top: 10%;
}

.textN {
    font-size: 14px;
}

.third-alt .xxo img {
    border-radius: 20px;
}

.third-alt .eqWrap {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

.third-alt .image-box .image {
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 20px;
}

.third-alt .secHead {
    padding: 25px 20%;
    color: #000;
}

p.altPara {
    font-size: 14px;
    color: #ffffff;
    margin-top: 2%;
    margin-bottom: 10%;
}

.third-alt {
    background: url('../../../assets/images/atl/atl_lab.jpg') 50% 50% no-repeat;
    padding: 50px 8% 100px 8%;
    background-size: cover;
}

.top-alt {
    background: url('../../../assets/images/atl/header_banner.jpg') 50% 50% no-repeat;
    padding: 160px 8%;
    background-size: cover;
}

.sec-alt {
    padding: 100px 8% 100px 8%;
}

.sec-alt p.secPP {
    font-size: 15px;
    margin: 20px 0;
    text-align: justify;
}

.eqWrap {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.gfgimg {
    width: 100%;
}

.formHome {
    background: #fff;
    box-shadow: 0px 5px 10px #38383870;
}

.formHome .enquire-now {
    max-width: 405px;
    margin: 0;
    position: relative;
    color: #fff;
}

.formHome .enquire-now .inner .row1 input,
.formHome .enquire-now .inner .row2 input {
    width: 100%;
    height: 35px;
    padding: 10px 15px;
    background: #f3f3f3;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    border: 1px #d8d8d8 solid;
    border-radius: 5px;
}


.formHome input::placeholder {
    /* Most modern browsers support this now. */
    color: #979191 !important;
}

.formHome .enquire-now .enquire-btn {
    width: auto;
    padding: 5px 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    background: #ff9600;
    border-radius: 5px;
    border: 0;
    margin: 0 auto;
    border-bottom: 5px solid #6a4818;
}

.formHome input#txtInput {
    margin-top: -14px;
    width: auto;
    border-radius: 0;
}

.formHome .enquire-now .inner .row1 textarea {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    color: #000;
    background: #f3f3f3;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px #d8d8d8 solid;
    color: #fff;
    border-radius: 5px;
}

.formHome .enquire-now .inner {
    padding: 10px 15px;
    background: #ffffff;
}

.formTtl {
    background: #2c276c;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 100;
    border-bottom: 5px solid #ffa800;
}

.titl {
    background-color: rgb(0, 0, 0, 0.8);
    /*positioned relative to parent div (container) */
    position: absolute;
    /* bottom margin is 0 so that it
        coincides with container's bottom margin*/
    bottom: 0;
    color: #ffa800;
    width: calc(100% - 30px);
    font-size: 22px;
    font-weight: 600;
    padding: 15px 0;
    text-align: center;
    /*invisible because opacity is 0*/
    opacity: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}

.onHov:hover .titl {
    opacity: 1;
}

.hrCls {
    width: 250px;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #27373d;
    margin-bottom: 50px;
}

.fun-section {
    padding: 4% 4%;
}

.bg-green {
    background: #1eb44e;
}

.bg-bl {
    background: #4871e3;
}

.secHead {
    font-size: 50px;
    text-align: center;
}

.codeinPlus {
    position: absolute;
    right: -15px;
    bottom: 40%;
    text-transform: uppercase;
    animation: zoom-one 2s infinite linear;
}

.code {
    flex: 0 0 23%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 20px;
    margin: 10px;
    box-shadow: 0px 6px 20px #e7e7e7;
}

h4.codeHead {
    color: #000;
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    padding-bottom: 20px;
}

img.codein {
    margin: 0 auto;
    display: block;
    padding-top: 10px;
    width: 100px;
}

.text-blu {
    color: #224284 !important;
    padding: 0 25%;
}

.slideCir p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.ximSlide {
    background: url('../../../assets/images/slide/banner.jpg') 50% 50% no-repeat;
    padding: 50px 8%;
    background-size: cover;
}

.offeresd {
    background: url('../../../assets/images/slide/courses_we_offered.jpg') 50% 50% no-repeat;
    padding: 4%;
    background-size: cover;
}

.slideCir {
    margin: 50px 0;
}

.slideCir img {
    width: 100%;
    object-fit: contain;
}

.slideHeading {
    font-size: 50px;
    color: #fff;
    margin-top: 10%;
}

.slidePara {
    font-size: 20px;
    color: #fff;
}

.bottom-product-single-left td {
    padding: 5px;
}

.secHeadTho {
    line-height: 42px;
    color: #fff;
    margin-bottom: 20px;
}

.readM {
    background: #4bba6e;
    color: #fff;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 25px;
    border-top: 3px solid #fff;
    position: relative;
    transition: all 500ms ease;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
}

.readMs {
    background: #e84d1d;
    color: #fff;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 25px;
    border-top: 3px solid #fff;
    position: relative;
    transition: all 500ms ease;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
}

.atimeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.atimeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #ffd32c;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

.acontainer {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

.acontainer::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -12px;
    background-color: white;
    border: 4px solid #FF9F55;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

.aleft {
    left: 0;
}

.aright {
    left: 50%;
}

.aleft::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffd32c;
}

.aright::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffd32c transparent transparent;
}

.aright::after {
    left: -13px;
}

.acontent {
    padding: 20px 30px;
    background-color: #ffd32c;
    font-size: 14px;
    position: relative;
    border-radius: 6px;
    color: #6a5310;
}

.acontent {
    font-size: 16px;
}

.secu span {
    font-size: 22px;
    background: #f7aa33;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 12px;
    border-radius: 26px;
}

@media screen and (max-width: 600px) {
    .iceWrap {
        top: 118px !important;
    }
.secHeadTho {
    line-height: 25px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
}
.secPP {
    color: #fff;
    font-size: 10px;
    margin-bottom: 15px;
    line-height: 16px;
}
    img.img-100 {
        width: 50px;
        margin: 0px calc(50% - 50px) 15px calc(50% - 50px);
        position: static;
    }

    .fun-section {
        padding: 8% 4%;
    }

    .stem-counter {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .stem-counter>div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 5px;
        min-height: 100px;
        /* equal height */
        border-right: 1px solid #eee;
    }

    .hrCls {
        width: 250px;
        height: 5px;
        margin-left: auto;
        margin-right: auto;
        background-color: #27373d;
        margin-bottom: 30px;
        margin-top: 5px;
    }

    tr#vtop td {
        font-size: 14px;
        color: #2c96ea;
    }

    h4.XcodeHead {
        font-size: 24px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .xxo p {
        font-size: 14px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 30px;
        padding: 0 50px;
        text-transform: uppercase;
    }

    .readM {
        bottom: 10px;
    }

    li.LMS_STEM {
        text-align: center;
        float: none !important;
        background: #ff9500;
    }

    #paywith .modal-xsm.modal-dialog,
    #add-money .modal-sm.modal-dialog {
        width: 95%;
    }

    .cont .countdown .figure:nth-child(even) {
        margin-left: 28%;
    }

    .try_slider_img_Wrapper img {
        width: 50%;
    }

    .bloc-time {
        width: 100%;
        margin-bottom: 50px;
    }

    .cont .countdown {
        width: auto;
        margin: 50px auto;
    }

    .acontainer {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    .acontainer::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent #ffd32c transparent transparent;
    }

    .aleft::after,
    .aright::after {
        left: 18px;
    }

    .aright {
        left: 0%;
    }

    .secu span {
        font-size: 16px;
        background: #f7aa33;
        color: #fff;
        width: 36px;
        height: 36px;
        text-align: center;
        padding: 6px;
        border-radius: 18px;
    }
}

.hero-background.jsx-3555382853 {
    background-image: linear-gradient(to right, #eeeeee, #e0e0e0);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.top-support {
    padding-top: 4rem;
    min-height: 200px;
    position: relative;
    padding-left: 4%;
    padding-right: 4%;
}

.hero-background-attribution.jsx-3555382853 {
    position: absolute;
    top: 1vh;
    right: 1vh;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
}

.hero-background-container.jsx-3555382853 {
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 5rem;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.helpCenter {
    color: #ffffff;
    background: #c98c00;
    font-weight: 700;
    padding: 10px 25px;
    border: 3px solid #ffb202;
    border-radius: 25px;
    font-size: 16px;
}

.helpCenter:hover {
    color: #333;
    background: #f2ec3d;
    transition: .5s;
}

.override-flex-row.jsx-1186824026 {
    display: block;
    height: auto;
}

.hero-logo.jsx-3555382853 img.jsx-3555382853 {
    width: 240px;
}

.flex-row {
    flex-direction: row !important;
}

.h1.headline-brand,
h1.headline-brand {
    font-size: 2.2806973457336426rem;
    line-height: 2.75rem;
}

.container-fluid::after {
    content: "";
    display: table;
    clear: both;
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.hero-heading.jsx-3555382853 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 0;
    padding-top: 15px;
}

.hero-paragraph.jsx-3555382853 {
    margin-top: 2.25rem;
    font-weight: 400;
    color: #333;
    font-size: 15px;
}

.card-title.jsx-2793430473 {
    font-size: 27px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 20px;
    text-align: left;
}

.support-number.jsx-2793430473 {
    margin-bottom: 10px;
}

a.no-underline {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.top-second {
    padding: 0 4%;
    margin-top: -150px;
    margin-left: 2%;
}

.jsx-2793430473 input#mainCaptcha {
    border: 0;
    font-weight: 600;
    color: #101010;
    padding: 5px 5px;
    text-align: center;
    width: 215px;
    outline: 0;
    font-size: 18px;
    background: #ffe4be;
}

.jsx-2793430473 textarea.form-control {
    height: 60px;
}

.jsx-2793430473 .form-control {
    display: block;
    width: 100%;
    height: 36px;
}

a.jsx-2793430473 {
    color: #2b318f;
    font-size: 18px;
    font-weight: 800;
}

.top-third {
    margin: 0 0 1.25rem;
    border: 1px solid #d4dbe0;
    color: #111;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .hero-heading.jsx-3555382853 {
        font-size: 2.25rem;
    }

    .hero-heading.jsx-3555382853,
    .hero-content.jsx-3555382853 {
        padding-right: 1rem;
    }

    .hero-content.jsx-3555382853 {
        max-width: 50%;
    }

    .hero-background-container-person.jsx-3555382853 {
        background-image: url('../../../assets/images/contact.png');
    }

    .hero-background-container.jsx-3555382853 {
        background-position: top right;
    }

    .hero-background-attribution.jsx-3555382853 {
        top: 5vh;
        right: 5vh;
    }

    .top-support {
        min-height: 420px;
        padding-bottom: 6rem;
    }

    .call-us.jsx-2793430473 {
        padding: 0px 30px;
        height: 100%;
    }
}

@media (min-width: 992px) {
    .see-change-bar .flex-row {
        padding-left: 3.375rem;
        padding-right: 3.375rem;
    }

    .hero-heading.jsx-3555382853 {
        font-size: 5rem;
    }

    .h1.headline-brand,
    h1.headline-brand {
        font-size: 2.8865075781941414rem;
        line-height: 5.5rem;
    }
}

@media (min-width: 1200px) {
    .hero-background-container.jsx-3555382853 {
        background-size: auto 125%;
    }
}


.fifth-alt .text-blu {
    color: #224284 !important;
    padding: 0 16%;
}

.fifth-alt .secPP {
    padding: 25px 16%;
    color: #000;
    font-size: 15px;
}

.fifth-alt {
    padding: 60px 0%;
}

.readMss {
    background: #ffd32c;
    color: #000;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 25px;
    border-top: 3px solid #fff;
    position: relative;
    transition: all 500ms ease;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
}

.six-alt {
    background: url('../../../assets/images/atl/faq.jpg') 50% 50% no-repeat;
    background-size: cover;
    padding: 100px 20%;
}

.text-red {
    color: #f97066;
}

.enquire-btn {
    background: #4bba6e;
    color: #fff;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 25px;
    border-top: 3px solid #fff;
    position: relative;
    transition: all 500ms ease;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
}

.secPP {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
}

.secHeadTwo {
    font-size: 42px;
    color: #fff;
    margin-top: 12%;
}

.xxo {
    border-radius: 20px !important;
    margin: 0px;
    padding-bottom: 50px !important;
}

.exPr {
    margin-bottom: 100px;
}

.xxo img {
    border-radius: 20px 20px 0 0;
}

img.xco {
    width: 100%;
    object-fit: cover;
}

#Success .modal-dialog.modal-sm {
    /* min-height: 200px; */
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
}

.call-us i {
    font-size: 18px;
    color: #e84d1d;
}

.font-35 i {
    font-size: 36px;
    padding: 10px;
    background: #28a745;
    border-radius: 30px;
    margin: 0 auto;
}

.font-34 i {
    font-size: 36px;
    padding: 10px;
    background: #dc3545;
    border-radius: 30px;
    margin: 0 auto;
}

h4.XcodeHead {
    font-size: 32px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.xxo p {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 30px;
    padding: 0 50px;
    text-transform: uppercase;
}

.bg-yel {
    background: #ffe841;
}

.bg-re {
    background: #e64d1d;
}

.carousel-mai .owl-stage {
    display: flex;
    justify-content: space-between;
}

.carousel-mai .owl-item {
    display: flex;
    flex: 1 0 auto;
}

img.testImg {
    width: 100%;
}

.text-pad {
    padding: 0 25%;
}

span.diffHead {
    color: #ff8500;
}

.whatsImg {
    width: 100%;
    object-fit: contain;
}

.whatsnew {
    background: url('../../../assets/images/slide/banner2.jpg') 50% 50% no-repeat;
    padding: 4%;
    background-size: cover;
}

.glimpse {
    background: url('../../../assets/images/slide/glimpses.jpg') 50% 50% no-repeat;
    padding: 50px 8% 30px 8%;
    background-size: cover;
}

.testimo {
    background: url('../../../assets/images/slide/arrow-bg.jpg') 50% 50% no-repeat;
    padding: 50px 8% 30px 8%;
    background-size: cover;
}

img.event-home-img {
    width: 100%;
    height: 185px;
    object-fit: cover;
}

.bg-stem {
    padding: 50px 10%;
    background: #fbf7f7;
}

.bg-stem li {
    color: #000;
    list-style: circle;
    line-height: 36px;
}

.bg-stems {
    background: #fbf7f7;
}

.bg-stem img {
    width: 100%;
}

#EbookDesc .modal-body {
    max-height: 75vh;
    overflow-y: scroll;
}

@property --_l {
    syntax: "<length>";
    initial-value: 0px;
    inherits: true;
}

@property --_r {
    syntax: "<length>";
    initial-value: 0px;
    inherits: true;
}

ul.unorderli li {
    list-style: circle;
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    color: #5d6c74;
    font-family: "Inter", Sans-serif;
}

.ex-first p.text-subheading {
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    color: #5d6c74;
    font-family: "Inter", Sans-serif;
}

.icheck-primary {
    font-size: 18px;
    color: #0f2824;
}

img.imgcc {
    width: 20px;
}

img.youtubeLogo {
    width: 75px;
    top: calc(50% - 37.5px);
    position: absolute;
    left: calc(50% - 37.5px);
    z-index: 99;
}

.youtubeLite a:after {
    content: '';
    position: absolute;
    background: #0000004d;
    width: 96%;
    height: 93%;
    left: 2%;
    top: 0%;
}

img.youTumb {
    width: 100%;
    cursor: pointer;
}

.modal-xsm.modal-dialog {
    width: 330px;
}

a.readEbook {
    background: #77bc45;
    padding: 10px 20%;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
}

a.readEbook:hover {
    opacity: .7;
    transition: 0.3s;
}

@media (max-width: 400px) {
    li#google_translate_element {
        display: none;
    }

    .iceWrap {
        top: 108px !important;
    }

    .searchmenu.xlm .input-group {
        width: 100% !important;
    }

    .searchmenu.xlm {
        margin-top: 10px;
        width: 70% !important;
    }
}

img.newCl {
    width: 30px;
    left: -5px;
    top: 12px;
    position: absolute;
}

section.privacy-wrapper li {
    color: #000;
    list-style: disc;
}

section.privacy-wrapper ul {
    margin-bottom: 10px;
}

img.ebookImgs {
    --d: 10px;
    --a: 20deg;
    --x: 10px;
    width: 160px;
    height: 240px;
    /*    aspect-ratio: 1.1;  you can use 1 as ratio but I found 1.1 a little better */
    object-fit: cover;
    padding-block: var(--d);
    transform: perspective(400px) rotateY(calc(var(--_i, 1)*var(--a)));
    outline: var(--d) solid #0008;
    outline-offset: calc(-1*var(--d));
    --_d: calc(100% - var(--d));
    --_l: 0px;
    --_r: 0px;
    clip-path: polygon(var(--_l) calc(var(--_d) - var(--x)),
            var(--_l) calc(var(--d) + var(--x)),
            var(--d) var(--d), var(--_d) var(--d),
            calc(var(--_d) + var(--_r)) calc(var(--d) + var(--x)),
            calc(var(--_d) + var(--_r)) calc(var(--_d) - var(--x)),
            var(--_d) var(--_d), var(--d) var(--_d));
    transition: transform .3s, --_r .15s, --_l .15s .15s;
    transition-timing-function: linear;
    cursor: pointer;
}

img.ebookImgs:hover,
img.ebookImgs {
    --_l: var(--d);
    --_r: var(--d);
    --_i: -1;
    transition-delay: 0s, .15s, 0s;
}

img.ebookImgs:hover {
    --_l: 0px;
    --_r: 0px;
    --_i: 1;
    transition-delay: 0s, 0s, .15s;
}

/* we do a different animation for firefox since it doesn't support @property */
@supports not (-webkit-mask: paint(p)) {

    img,
    img.ebookImgs {
        transition: .3s;
    }

    img.ebookImgs:hover,
    img.alt:hover {
        --_i: 0;
        --_l: var(--d);
        --_r: 0px;
    }
}

a.btn.outbtn {
    padding: 9px 7px;
    font-size: 13px;
    border: 1px solid #cdd3d9;
    border-radius: 0 8px 8px 0 !important;
}

.outinput {
    border-radius: 8px 0 0 8px !important;
}

.border-top-left img {
    border-radius: 20px 0 0 0;
}

.border-top-right img {
    border-radius: 0 20px 0 0;
}

.border-bottom-left img {
    border-radius: 0 0 0 20px;
}

.border-bottom-right img {
    border-radius: 0 0 20px 0;
}

.top-icon-school {
    width: 40px;
}

.bot-icon-school {
    width: 40px;
    margin-top: 20px;
}

.dtop-p-school,
.dtop-icon-school {
    margin-left: 50px;
    width: calc(100% - 50px);
}

.dtop-p-school::before {
    content: "\A";
    border-style: solid;
    border-width: 40px 50px 0 0px;
    border-color: transparent #ff5a00 transparent transparent;
    position: absolute;
    left: -50px;
    top: 0px;
}

.revolution p {
    background: #fdffde;
    width: 200px;
    padding: 10px;
    font-size: 24px;
}

.dbot-p-head::before {
    content: "\A";
    border-style: solid;
    border-width: 0 0 40px 50px;
    border-color: transparent transparent transparent #ff5a00;
    position: absolute;
    left: 0%;
    top: 0px;
}

.dtop-p-school {
    background: #dd5f1a;
    padding: 10px 0 !important;
    height: 40px;
    color: #000;
    font-weight: 700;
}

.text-bot-p {
    color: #621ad7;
    font-size: 14px;
}

.bg-roadmap {
    background: #e0e1e3;
    padding: 50px;
}

.text-top-col {
    color: #9f7eff;
    font-size: 28px;
    font-weight: 600;
    line-height: 65px;
}

.text-bot-col {
    color: #571eff;
    font-size: 36px;
    font-weight: 600;
    border-top: 3px solid;
}

img.roadmap {
    width: 80%;
    margin: 0 10%;
}

p.bot-p-head {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 5px 0;
}

p.bot-p-school {
    padding: 5px 10px 10px 10px;
    text-align: left;
}

.stem-counter p {
    font-size: 24px;
    text-transform: uppercase;
    color: white;
}

.value {
    font-size: 50px;
    padding: 20px 0;
    color: #ffffff;
    text-shadow: 2px 2px #626161;
    font-weight: 700;
}

.fourth-val {
    padding: 50px 0;
    background: #00b3ff;
}

.third-val {
    padding: 50px 0;
    background: #ff7600;
}

.second-val {
    padding: 50px 0;
    background: #0066ff;
}

.first-val {
    background: #4e1478;
    padding: 50px 0;
}

.dbot-p-head {
    background: #ed7838;
    color: #000;
    padding: 0 0 10px 0 !important;
}

.bg-xl {
    margin-top: 10px;
}

.second-side .bot-icon-school {
    margin-top: 40px;
    width: 60px;
}

.second-side {
    margin-top: -40px;
}

.third-side .bot-icon-school {
    margin-top: 60px;
    width: 80px;
}

.fourth-side {
    margin-top: -120px;
}

.fourth-side .bot-icon-school {
    margin-top: 80px;
    width: 100px;
}

.third-side {
    margin-top: -80px;
}

.fourth-side .dtop-p-school {
    background: #67b0f5;
}

.fourth-side .dtop-p-school {
    background: #118afe;
}

.fourth-side .dbot-p-head {
    background: #67b0f5;
}

.fourth-side .dtop-p-school::before {
    border-color: transparent #0014fe transparent transparent;
}

.fourth-side .dbot-p-head::before {
    border-color: transparent transparent transparent #0014fe;
}

.second-side .dtop-p-school::before {
    border-color: transparent #ff008d transparent transparent;
}

.third-side .dtop-p-school::before {
    border-color: transparent #25df62 transparent transparent;
}

.third-side .dbot-p-head::before {
    border-color: transparent transparent transparent #25df62;
}

.third-side .dtop-p-school {
    background: #90dfaa;
}

.third-side .dbot-p-head {
    background: #cff5dc;
}

.second-side .dbot-p-head::before {
    border-color: transparent transparent transparent #ff008d;
}

.bg-stemk {
    padding: 0 20%;
}

.second-side .dtop-p-school {
    background: #e23942;
}

.second-side .dbot-p-head {
    background: #f95861;
}



.bg-stem .item:hover .onhandover {
    display: block;
}

.bg-stem .item h3 {
    margin: 20px;
}

.bg-stem .item p {
    margin: 10px;
}

.forschool-banner {
    width: 100%;
}

.event-home-imgg {
    opacity: 1;
}

.event-home-imgg:hover {
    opacity: 0.3;
}

.event-home-headings {
    background: #2c96ea;
    color: #fff;
    height: 185px;
}

img.event-home-imgg {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border: 2px solid #ff9500;
    border-radius: 0 0 10px 10px;
    box-shadow: 2px 5px 7px #0000006b;
}

.event-single {
    box-shadow: 1px 2px 3px #0000005c;
    padding: 0 !important;
    background: #fdfdfd;
    border-radius: 10px 0 0px 10px
}

img.eventiconImgs {
    width: 100%;
    border-radius: 10px 0 0px 10px
}

.event-top-anc {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    background: #ff9500;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 5px 0 !important;
}

.event-home-heading {
    color: #fff;
    text-align: center;
    font-weight: 800;
}

.event-home-headings::before {
    content: '';
    position: relative;
    left: -64px;
    top: -24px;
    border-left: 50px solid transparent;
    border-bottom: 188px solid #2c96ea;
    border-right: 0px solid transparent;
}

.event-home-heading {
    color: #fff;
    text-align: center;
    font-weight: 800;
    position: relative;
    top: 37.5%;
    transform: translateY(-50%);
}

body {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 14px;
    color: #93a0a7;
    line-height: 26px;
    overflow-x: hidden;
    min-height: 800px;
}

.ebookSub h5 {
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}

#checkout_ebook .form-control {
    height: 38px;
    padding: 4px 12px;
    border-radius: 8px;
}

.forstudent ul.nav {
    display: table;
    margin: 0 auto;
}

img.ebooki {
    width: 100%;
}

#EbookDesc .modal-header {
    border-bottom: 0px solid #e5e5e5;
}

a.buyEbook {
    background: #ff9500;
    padding: 8px 25px;
    border-radius: 10px;
    color: #fff;
}

a.buyEbook:hover {
    opacity: 0.7;
}

.ebookSub {}

.offerB {
    justify-content: center;
}

.forstudent .offerB {
    margin: 0;
}

.newExHome .input-group {
    font-size: 10px;
}

a.dt_images img {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.product-single-left img {
    width: 100%;
}

.proSub img.iconImgs {
    width: 100%;
}

.product-single-right h3 {
    text-transform: uppercase;
    color: #fff;
}

.product-single-right h6 {
    text-transform: uppercase;
    color: #fff;
}

.bg-product-single {
    background: linear-gradient(90deg, #ff9700 0%, #f9b85c 77%, rgb(251 196 120) 100%);
    padding: 50px 3%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: revert;
}

.newExHome .icheck-primary.pointer label {
    color: #000;
}

.exploadRight2 .btn {
    width: 100%;
    background: #919191;
    border-radius: 50px;
}

.exploadRight2 .btn:hover {
    opacity: 0.7;
    transition: .5s;
}

.newExHome [type="checkbox"]:not(:checked)+label:after,
.newExHome [type="checkbox"]:checked+label:after {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    content: '\e91e';
    position: absolute;
    top: 10px;
    left: 3px;
    line-height: 0.8;
    color: #000;
    transition: all .2s;
}

.spacer {
    height: 80px;
}

.zl .aticle-box {
    box-shadow: 0 0 0 !important;
}

.newExHome [type="checkbox"]:not(:checked)+label:before,
.newExHome [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 1px solid;
    border-radius: 3px;
}

.offerB.offerD .proLine {
    margin-bottom: 15px;
}

.offerB .eqal {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px #d1d1d170;
    border-radius: 10px;
    margin: 5px;
}

.offerB h5 {
    color: #ff9600;
}

.offerB p {
    color: #000;
}

.offerB {
    margin: 0 10%;
    text-align: center;
}

img.iconImgs {
    width: 100px;
    margin: 0 auto;
}

section.stem-third {
    background: #fbf7f7;
    padding: 7.5rem 0 !important;
}

.offerB.offerD {
    display: flex;
    flex-flow: wrap;
}

.offerB {
    display: flex;
    flex-flow: wrap;
}

.offerB .col-lg-1 {
    flex: 0 0 8.3333%
}

.offerB .col-lg-2 {
    flex: 0 0 16.6666%
}

.offerB .col-lg-3 {
    flex: 0 0 24%
}

.offerB .col-lg-4 {
    flex: 0 0 32.3333%
}

.offerB .col-lg-5 {
    flex: 0 0 41.6666%
}

.offerB .col-lg-6 {
    flex: 0 0 50%
}

.offerB .col-lg-7 {
    flex: 0 0 58.3333%
}

.offerB .col-lg-8 {
    flex: 0 0 66.6666%
}

.offerB .col-lg-9 {
    flex: 0 0 75%
}

.offerB .col-lg-10 {
    flex: 0 0 83.3333%
}

.offerB .col-lg-11 {
    flex: 0 0 91.6666%
}

.offerB .col-lg-12 {
    flex: 0 0 100%
}

a.ancBrass {
    font-weight: 600;
}

section.stem-second img.logoStrip {
    width: 260px !important;
    display: block;
}

.headBrass {
    font-size: 36px;
    line-height: 48px;
    margin: 0;
    font-weight: 500;
    margin-bottom: 24px;
    word-break: break-word;
    color: #001E2B;
    font-family: Euclid Circular A;
}

section.stem-first img,
section.stem-second img {
    width: 60% !important;
    margin: 0 auto;
    display: flex;
}

section.stem-first img {
    width: 100%;
}

.extra-margin {
    padding: 50px 5%;
}

.eqal {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.Brass {
    display: flex;
    padding-top: 72px !important;
    padding-bottom: 36px;
}

.offerB.offerD {
    margin: 0;
    column-gap: 8px;
    row-gap: 10px;
}

.offerB.offerD .eqal {
    padding: 0 20px;
    border-radius: 10px;
    margin: 0;
    background: #fff;
    box-shadow: 0px 2px 5px #d1d1d170;
}

.proSub a.ancBrass {
    margin: 0;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 100;
}

.proSub {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

section.stem-first {
    background: url('../../../assets/images/aa.svg') top 50px right/100%;
}

.proLine {
    display: flex;
}

section.stem-first p,
section.stem-second p {
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    color: #5d6c74;
    font-family: "Inter", Sans-serif;
}

.text-subheading {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.plyr__menu__container[hidden] {
    display: none;
}

.plyr__menu__container {
    display: block;
}

.text-pre-color {
    color: #000000;
    font-family: "Inter", Sans-serif;
    font-size: 54px;
    text-transform: capitalize;
    line-height: 70px;
}

.newExHome {
    max-width: 380px;
    right: 75px;
    position: absolute;
    top: 355px;
    border-radius: 50px;
    z-index: 999999;
    background: #ffffffe0;
    box-shadow: 0px 4px 2px #ddd;
}

.newExHome input.form-control {
    font-size: 12px;
    padding: 5px 10px;
    height: 35px;
    border-radius: 15px !important;
    border-color: #000;
}

.newExHome b {
    font-weight: bold !important;
    color: black;
}

.newExHome h4 {
    font-size: 12px !important;
    margin-top: 10px;
    font-weight: normal !important;
    font: caption;
}

.new-header a.dLabel {
    font-size: 14px;
    letter-spacing: 1.9;
}

a.schlDemox {
    width: 100%;
    text-align: center;
    display: inline-block;
    box-shadow: rgb(253 76 0 / 50%) 0 2px 4px;
    background: linear-gradient(-180deg, #FF7E31, #E62C03);
    padding: 8px 20px;
    color: #fff;
}

a.schlDemox:hover {
    background: linear-gradient(-180deg, #E62C03, #FF7E31);
}

.sssaak {
    font-size: 18px;
    font-weight: 600;
    color: #24353b;
}

.appliedl {
    color: #17a43b;
}

.instain.xplan {
    background: #fff;
    color: #000;
    border: 1px solid;
}

.instain.xplan .pointer:hover {
    color: #000;
}

.instain.xplan .pointer:hover .instain.xplan {
    border: 1px solid #d0d0d0;
}

.instain.xplan:hover {
    background: linear-gradient(-180deg, #e1ffe6, #fafaf7);
}

.instain .pointer:hover {
    color: #fff;
}

.instain {
    background: #1180ed;
    margin: 5px;
    padding: 10px !important;
    color: #fff;
}

.instain:hover {
    background: linear-gradient(-180deg, #97eda6, #00782a);
}

.instain {
    background: linear-gradient(-180deg, #FF7E31, #E62C03);
    margin: 5px;
    padding: 10px !important;
    color: #fff;
}

.cammb {
    font-size: 12px;
}

.heading-content th {
    font-weight: 600;
}

li.schlDemo {
    float: right !important;
    text-align: right;
}

a.brosherBtn {
    display: inline-block;
    height: 30px;
    background: black;
    color: #fff;
    width: 100%;
    padding: 5px;
}

a.liveBtnn {
    position: fixed;
    right: -90px;
    top: 40%;
    transform: rotate(90deg);
    padding: 10px 20px;
    background: #e04f5e;
    color: #fff;
    z-index: 999999999;
    transition: 0.6s;
    box-shadow: 1px 2px 3px #40505c;
}

li.schlDemo a:hover {
    background: linear-gradient(-180deg, #E62C03, #FF7E31);
}

li.schlDemo a {
    box-shadow: rgb(253 76 0 / 50%) 0 2px 4px;
    background: linear-gradient(-180deg, #FF7E31, #E62C03);
    padding: 8px 20px;
    margin-top: 7px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
}

a.democlassBtn {
    display: inline-block;
    height: 30px;
    background: #1aaecc;
    color: #fff;
    width: 100%;
    padding: 5px;
}

a.xlbtn:hover,
a.brosherBtn:hover,
a.democlassBtn:hover {
    opacity: 0.6;
}

a.xlbtn {
    padding: 5px;
    display: inline-block;
    height: 30px;
    background: black;
    color: #fff;
    width: 100%;
}

@media (min-width: 1200px) {
    .main-demo3 .col-lg-3 {
        width: 24%;
        margin-bottom: 25px;
    }
}

.main-demo2 ul.nav.nav-tabs li a {
    text-transform: uppercase;
}

ul.follow-usk img {
    padding: 5px;
    width: 80px;
    background: #fff;
}

.main-demo2 ul.nav.nav-tabs .active a {
    background-color: #333333 !important;
    color: #fff !important;
    border: 0px !important;
}

a.lastdemo img {
    border-radius: 20% !important;
}

.overlay {
    width: 90%;
    border-radius: 20% !important;
    margin-left: 5%;
    height: 250px;
    top: 0;
    position: absolute;
    left: 0;
    background: #000000b0;
}

.col-ch.main-demo li.acti {
    background: #ff9500;
}

.col-ch.main-demo li {
    padding: 10px 20px;
}

.col-ch.main-demo li a {
    color: #ff9500;
}

.overlaytext {
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    padding: 0 35px;
}

.overlaytext p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.centered {
    text-align: center;
}

.main-demo2 .active {
    background: #076fec;
    color: #fff !important;
}

.tabs-4 {
    display: inline-block;
    float: none;
    /* width: 100%; */
}

.col-centered {
    float: none;
    display: inline-block;
    text-align: left;
}

ul.demo2 li {
    padding: 5px 20px;
}

a.lastdemo img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.footer .follow-usk li {
    width: 80px !important;
}

.demomain {
    background-color: rgb(224 237 251);
}

.main-demo li {
    float: left;
    margin: 5px 10px;
    padding: 16px 20px;
    background: #fff;
    border-radius: 40px;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: rgb(7, 111, 236);
    cursor: pointer;
}

.main-demo li a {
    color: rgb(7, 111, 236);
}

.main-demo li.acti {
    background: rgb(7 111 236);
}

.main-demo li.acti a {
    color: #fff;
}

.main-demo2,
.main-demo3 {
    text-align: center;
}

.main-demo2 ul,
.main-demo3 ul {
    display: inline;
    display: inline-block;
    margin: 0;
    padding: 0;
    zoom: 1;
    *display: inline;
}

.main-demo {
    text-align: center;
}

.main-demo ul {
    display: inline;
    display: inline-block;
    margin: 0;
    padding: 0;
    zoom: 1;
    *display: inline;
}

.democl h3 {
    font-weight: bold;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    color: rgb(31, 42, 85);
    margin: 0px 0px 8px;
}

.democl p {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: rgba(31, 42, 85, 0.6);
    margin: 0px 0px 10px;
}

ul.follow-usk li {
    margin: 10px 5px 0px 0px;
}

.cards:hover img {
    transition: all 3s ease-out !important;
    transform: scale(1.15) !important;
}

.cards {
    overflow: hidden;
}

.freecart .ffffcart {
    background: #2c96ea;
    color: #ff9900;
    border: 1px solid #2c96ea;
    font-size: 20px;
    padding: 15px 22%;
    border-radius: 3px;
}

.carouselx .aticle-box {
    box-shadow: 0 0 0;
}

i.lol {
    position: absolute;
    right: -10px;
    top: 10px;
}

.carouselxx {
    padding-right: 10px !important;
}

.carouselxx .card {
    border: 0;
}

.view_all {
    float: right;
    color: #00b1ff;
    text-decoration: underline !important;
    margin-top: -20px;
    font-weight: 700;
}

.view_all:hover {
    text-decoration: none !important;
}

.offerB.offerD img.iconImgs {
    padding: 10px;
}

.text-darkp {
    color: #000;
}

.icoo i {
    color: #fe9803;
    font-size: 20px;
}

.pyoo p {
    color: #000;
}

.headshot {
    flex-shrink: 0;
    border-right-width: 0;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 0 0 5px 5px;
}

.headshot-3 {
    border-radius: 15% 0 15%;
    border-bottom-color: #ff9803;
    border-top-color: #ff9904;
}

a.ancBrasss {
    font-weight: 600;
}

.register_demos {
    box-shadow: 3px 2px 2px 2px #00000045;
    padding: 50px;
    background: #fdfdfd;
}

.dex-product {
    padding: 20px 5%;
}

.button-product {
    background: linear-gradient(90deg, #000000 0%, #2c97ea 77%, rgba(0, 212, 255, 1) 100%);
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}

.button-product:hover {
    background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, #2c97ea 77%, #000000 100%);
    color: #fff;
}

.xmw img {
    height: 400px;
    object-fit: cover;
}

.textl {
    font-size: 40px;
    color: #ff9500;
}

.textsExpire {
    color: #fff;
    background: #008704;
    padding: 5px 20px;
    text-transform: uppercase;
}

.textsExpires {
    color: #fff;
    background: #b30000;
    padding: 5px 20px;
    text-transform: uppercase;
}

.eveny {
    align-items: center;
    display: flex;
    justify-content: center;
}

.stem-certifis {
    display: flex;
    grid-auto-flow: column;
    align-items: center;
    gap: 5%;
}

.resendOTOO {
    float: right;
    cursor: pointer;
    color: #00a8ff;
}

a.disableda {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.returnErr {
    background: #fff;
    margin: 10px 0;
    text-align: center;
    padding: 10px 5%;
    border-radius: 5px;
    font-size: 15px;
    color: red;
    border: 1px solid;
}

img.forschool-bannery {
    width: 100%;
}

.right-event {
    flex-shrink: 0;
    flex-grow: 1;
    align-items: center;
}

.image-box {
    padding: 10px;
}

.hero-background-container-person.jsx-3555382853 {
    background-image: url('../../../assets/images/contact.png');
}

.bgg.hero-background-container-person.jsx-3555382853 {
    background-image: url('../../../assets/images/contactUs.png');
}

.pad-50 {
    padding: 5%;
}

.opt2 .counter {
    background-color: transparent;
}

.our-impotances {
    background-image: url('../../../assets/images/bgg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.our-impotance {
    background: #0000009e;
}

@media (max-width: 767px) {
    .top-second {
        padding: 0 4%;
        margin-top: 40px;
        margin: 5% 2%;
    }

    .stem-counter p {
        font-size: 10px;
    }

    .value {
        font-size: 18px;
        padding: 5px 0;
    }

    .hero-heading.jsx-3555382853 {
        font-size: 2.5rem;
        padding: 3px;
    }

    .hero-heading.jsx-3555382853 {
        text-align: right;
        position: absolute;
        bottom: 10px;
        right: 20px;
        background-image: linear-gradient(to right, #eeeeee, #e0e0e0);
    }

    .hidden-sm-down {
        display: none !important;
    }

    .image-box {
        padding: 3px;
    }

    .fel-l::before {
        background: url('../../../assets/images/atl/why_rank2top.png');
        content: '';
        position: absolute;
        top: -8%;
        bottom: -25%;
        left: 31%;
        width: 160px;
        display: none;
    }

    .Brass .imgBrass {
        padding: 0 10px !important;
        margin-top: 0px;
    }

    .four-alt .Brass {
        display: block;
    }

    .four-alts .Brass {
        display: block;
    }

    .xxo {
        border-radius: 20px !important;
        margin: 0px;
        padding-bottom: 0px !important;
    }

    .sec-1 {
        margin-left: 2%;
    }

    .sec-2 {
        margin-left: 2%;
    }

    .sec-3 {
        margin-left: 2%;
    }

    .sec-4 {
        margin-left: 2%;
    }

    .sec-5 {
        margin-left: 2%;
    }

    .sec-6 {
        margin-left: 2%;
    }

    .sec-alt {
        padding: 30px 8% 30px 8%;
    }

    .six-alt {
        padding: 50px 10%;
    }

    .secHead {
        font-size: 20px;
        text-align: center;
    }

    .third-alt .secHead {
        padding: 25px 0%;
        color: #000;
    }

    .secHeadTwo {
        font-size: 20px;
        color: #fff;
        margin-top: 5%;
    }

    .top-alt {
        padding: 0px 5%;
    }

    h2.altHeading {
        font-size: 26px;
    }

    p.altPara {
        font-size: 11px;
        background: #956096ab;
        padding: 10px;
    }

    .text-pad {
        padding: 0 0%;
    }

    .testimo .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: auto !important;
    }

    .slideCir {
        margin: 25px 0;
        padding: 4px;
    }

    h4.codeHead {
        font-size: 14px;
        padding-bottom: 5px;
    }

    img.codein {
        margin: 0 auto;
        display: block;
        padding-top: 5px;
        width: 50px;
    }

    .text-blu {
        padding: 0;
    }

    .offeresd .code {
        margin: 10px;
        flex: 0 0 44%;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .offeresd {
    padding: 8% 4%;
    }

    .offeresd .eqWrap {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }

    .whatsnew {
        background-size: cover;
        padding: 4%;
    }

    .titl {
        width: calc(100% - 10px);
    }

    .formHome {
        padding-bottom: 50px !important;
    }

    .onHov {
        margin: 0px 0;
        padding: 0 5px;
    }

    .eqWrap {
        display: block;
        justify-content: space-between;
    }

    .ximSlide {
        background: url('../../../assets/images/slide/banner.jpg') 10% 2% no-repeat;
        padding: 25px 0 0px 8%;
    }

    .slideCir p {
        font-size: 10px;
        font-weight: 600;
    }

    .slideHeading {
        font-size: 20px;
        margin-top: 0%;
        margin-bottom: 10px;
    }

    .slidePara {
        font-size: 10px;
        line-height: 1.2rem;
    }

    img.ebooki {
        width: 50%;
        margin: 0 25%;
    }

    .dropdown_content {
        position: absolute;
        width: 280px !important;
        right: -20px !important;
    }

    .bg-stemk {
        padding: 0 2%;
    }

    .youtubeLite a:after {
        content: '';
        position: absolute;
        background: #0000004d;
        width: 92%;
        height: 87%;
        left: 4%;
        top: 0%;
    }

    img.newCl {
        width: 30px;
        left: 83%;
        top: 18px;
        position: absolute;
    }

    .bg-roadmap {
        background: #e0e1e3;
        padding: 10px;
    }

    img.roadmap {
        width: 100%;
        margin: 0 0%;
    }

    .bg-xl {
        margin-top: 20px;
        padding: 0 20% !important;
    }

    .second-side,
    .third-side,
    .fourth-side {
        margin-top: 20px;
    }

    .product-single-right h3 {
        font-size: 20px;
    }

    img.eventiconImgs {
        width: 100%;
        height: 100px;
        object-fit: fill;
    }

    .right-event h5 {
        font-size: 12px;
    }

    img.event-home-imgg {
        width: 100%;
        height: 120px;
    }

    .event-home-headings::before {
        display: none;
    }

    a.dt_images img {
        height: 120px;
        object-fit: cover;
        width: 100%;
    }

    .offerB .col-lg-1 {
        flex: 0 0 100%
    }

    .offerB .col-lg-2 {
        flex: 0 0 100%
    }

    .offerB .col-lg-3 {
        flex: 0 0 100%
    }

    .offerB .col-lg-4 {
        flex: 0 0 95%
    }

    .offerB .col-lg-5 {
        flex: 0 0 100%
    }

    .offerB .col-lg-6 {
        flex: 0 0 100%
    }

    .offerB .col-lg-7 {
        flex: 0 0 100%
    }

    .offerB .col-lg-8 {
        flex: 0 0 100%
    }

    .offerB .col-lg-9 {
        flex: 0 0 100%
    }

    .offerB .col-lg-10 {
        flex: 0 0 100%
    }

    .offerB .col-lg-11 {
        flex: 0 0 100%
    }

    .offerB .col-lg-12 {
        flex: 0 0 100%
    }

    .product-single-right h6 {
        font-size: 14px;
    }

    .dex-product {
        padding: 20px 0%;
    }

    .row>.col-xs-6:nth-child(odd) {
        clear: left;
    }

    .offerB.offerD .eqal {
        padding: 10px !important;
    }

    .offerB.offerD .proLine {
        padding: 15px 10px !important;
    }

    .spacer {
        display: none;
    }

    .Brass {
        display: block;
        padding-top: 32px !important;
        padding-bottom: 24px;
    }

    .imgBrass {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .conBrass {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .Brass {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .offerB .eqal {
        margin: 5px 10px;
    }

    .offerB {
        padding: 0 !important;
    }

    .offerB {
        flex-wrap: wrap;
    }

    .Brass h3 {
        font-size: 20px;
    }

    .offerB {
        margin: 0 0%;
        text-align: center;
    }

    .newExHome {
        max-width: 100% !important;
        right: 0;
        margin: 3%;
        position: relative;
        top: -30px;
        border-radius: 50px;
        z-index: 99;
        background: #fff;
        box-shadow: 0px 4px 2px #ddd;
    }

    li.schlDemo {
        float: left !important;
        text-align: left;
    }

    section.about {
        margin: 3% 0% -4% 0% !important;
    }

    .carousel-shop1.owl-carousel .owl-item img,
    .carousel-shop3.owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100px !important;
    }

    .readM {
        background: #4bba6e;
        color: #fff;
        padding: 5px 25px;
        font-size: 14px;
        border-radius: 26px;
        border-top: 3px solid #fff;
        position: relative;
        transition: all 500ms ease;
        overflow: hidden;
        z-index: 1;
        display: inline-block;
        white-space: nowrap;
    }

    .carousel-shop.owl-carousel .owl-stage-outer,
    .carousel-shop1.owl-carousel .owl-stage-outer,
    .carousel-shop2.owl-carousel .owl-stage-outer,
    .carousel-shop3.owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 200px !important;
    }

    a.liveBtnn {
        position: fixed;
        right: -85px;
        top: 40%;
        transform: rotate(90deg);
        padding: 10px 20px;
        background: #e04f5e;
        color: #fff;
        z-index: 999999999;
        box-shadow: 1px 2px 3px #40505c;
    }
}

.carouselxx:last-child {
    padding-right: 0 !important;
}

.inner-banner-p {
    display: block;
    padding: 30px 0;
    min-height: 290px;
    background: url(../images/bg-1.jpg) no-repeat center top / cover;
}

.bg-secondarsy {
    background: #3d4c58;
}

i.low {
    position: absolute;
    right: -10px;
    top: 10px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.btn-google {
    background: #fff !important;
    color: #ff9600 !important;
    border: 1px solid;
    width: 100%;
    margin: 5px 0;
}

.banner-slider {
    display: none;
}

.cor img {
    width: 80%;
    display: none;
    margin-left: auto;
    margin-right: auto;
}

.rcor img {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wor img {
    width: 80%;
    display: none;
    margin-left: auto;
    margin-right: auto;
}

.btn-google:hover {
    background: #ff9600 !important;
    color: #fff !important;
    border: 1px solid;
}

.labl input[type="radio"] {
    display: none;
}

.labl>input:checked+.card {
    /* (RADIO CHECKED) DIV STYLES */
    background-color: #ff9500;
    color: #fff;
}

.test-gk-row {
    background: #2c97ea;
}

.quiz-ques:before {
    content: '';
    position: absolute;
    left: -10%;
    top: 0;
    border-top: 40px solid #2c97ea;
    border-right: 40px solid #48acf9;
    border-bottom: 40px solid #2c97ea;
    width: 10%;
    height: 100%;
}

.silk img.card-img-top-tutor {
    width: 100%;
    height: 330px !important;
    object-fit: cover;
    background: #f9f8f3;
}

.quiz-ques:after {
    content: '';
    position: absolute;
    right: -10%;
    top: 0;
    border-top: 40px solid #2c97ea;
    border-left: 40px solid #bae1ff;
    border-bottom: 40px solid #2c97ea;
    width: 10%;
    height: 100%;
}

.quiz-ques {
    color: #000;
    background-image: linear-gradient(to left, #bbe1ff, #45aaf9);
    font-size: 16px;
    font-weight: 800;
    margin: 0 10%;
    height: 80px;
}

.quiz-anss:before {
    content: '';
    position: absolute;
    left: -10%;
    top: 0;
    border-top: 20px solid #2c97ea;
    border-right: 20px solid #bae1ff;
    border-bottom: 20px solid #2c97ea;
    width: 10%;
    height: 100%;
}

.quiz-anss:after {
    content: '';
    position: absolute;
    right: -10%;
    top: 0;
    border-top: 20px solid #2c97ea;
    border-left: 20px solid #bae1ff;
    border-bottom: 20px solid #2c97ea;
    width: 10%;
    height: 100%;
}

.test-gk-row:before {
    background-color: #2c97ea;
    content: "";
    height: 40px;
    position: relative;
    top: -20px;
    width: 40px;
    left: 80%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.quiz-ans {
    margin: 0 10%;
}

.vertical-center {
    margin: 0;
    line-height: 1.5;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.quiz-ques {
    color: #000;
    background-image: linear-gradient(to left, #bbe1ff, #45aaf9);
    font-size: 16px;
    font-weight: 800;
    margin: 0 10%;
    height: 80px;
}

.quiz-anss {
    color: #000;
    background: #bae1ff;
    font-size: 11px;
    font-weight: 800;
    margin: 5px 4%;
    height: 40px;
    cursor: pointer;
}

.prospectss {
    background: #0868b3;
}

.wrong_an {
    font-size: 28px;
    color: #ffc6c6;
    background: transparent;
    border: 0;
    width: 100%;
}

.quiz-anss:hover,
.quiz-anss:hover::before,
.quiz-anss:hover::after {
    background: #13ff13;
    color: #fff;
}

.correct_an {
    font-size: 28px;
    color: #b5ffb5;
    background: transparent;
    border: 0;
    width: 100%;
}

.correct {
    font-size: 24px !important;
    color: white;
}

.wrong {
    font-size: 24px !important;
    color: white;
}

.quiz-anss:hover::after {
    border-top: 20px solid #2c97ea;
    border-left: 20px solid #13ff13;
    border-bottom: 20px solid #2c97ea;
}

.quiz-anss.act::after {
    border-top: 20px solid #2c97ea;
    border-left: 20px solid #13ff13;
    border-bottom: 20px solid #2c97ea;
}

.quiz-anss.act::before {
    border-top: 20px solid #2c97ea;
    border-right: 20px solid #13ff13;
    border-bottom: 20px solid #2c97ea;
}

.quiz-anss.acts::after {
    border-top: 20px solid #2c97ea;
    border-left: 20px solid #ff0404;
    border-bottom: 20px solid #2c97ea;
}

.quiz-anss.acts::before {
    border-top: 20px solid #2c97ea;
    border-right: 20px solid #ff0404 !important;
    border-bottom: 20px solid #2c97ea;
}

.quiz-anss:hover::before {
    border-top: 20px solid #2c97ea;
    border-right: 20px solid #13ff13;
    border-bottom: 20px solid #2c97ea;
}

.border-n {
    font-size: 28px;
    font-weight: 800;
    color: #000;
    font-family: revert;
}

.yest .card:hover {
    background: #ff9500;
}

.setl {
    cursor: pointer;
}

img.imgg {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ifot {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

.yest .card {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s;
    border-radius: 6%;
}

.btn-facebook:hover {
    background: #3b7ce6 !important;
    color: #fff !important;
    border: 1px solid;
}

.btn-facebook {
    background: transparent !important;
    color: #3578e5 !important;
    border: 1px solid;
    width: 100%;
    margin: 5px 0;
}

img.overlays {
    width: 32px !important;
    height: 32px;
    position: absolute;
    top: 17%;
    left: 36%;
}

.overk {
    background: #2d2828bd !important;
    width: 100%;
    height: 100px;
    margin-top: -100px;
}

.disableComp {
    position: absolute;
    left: 0;
    top: 0;
    background: #000000c7;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.disableComp p {
    color: #fff;
    padding: 5%;
    font-size: 30px;
}

.card-titless {
    font-size: 10px;
    text-transform: capitalize;
    color: #545454;
    text-shadow: none;
    line-height: 12px;
}

img.card-img-top-tutors {
    width: 100% !important;
    height: 75px !important;
    object-fit: cover;
}

.yayacard img.card-img-top-tutors {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

.col-lg-4 .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    top: 5px;
    color: #fff !important;
    right: 20px;
    background: #ff9900 !important;
    padding: 5px 10px !important;
    position: relative;
    line-height: 1;
    border-radius: 2px;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.promoselect label,
.promoselect input {
    font-size: 18px;
    font-weight: 600;
    color: #006d00;
}

.test h4,
.test2 h4,
.test3 h4 {
    color: #fff;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    top: 8px;
    color: #fff !important;
    right: 20px;
    background: #ff9900 !important;
    padding: 5px 10px !important;
    position: absolute;
    line-height: 1;
    border-radius: 2px;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close:hover {
    opacity: 0.6 !important;
}

input[type=email] {
    text-transform: lowercase !important;
}

.walletk a:hover {
    opacity: 0.6;
}

iframe#boltFrame {
    z-index: 9999999999;
}

div#add-money {
    z-index: 999999999999999999999 !important;
}

.post-media .post-calendar {
    position: absolute;
    left: 2rem;
    top: 2rem;
}

span.counttd {
    background: #ff9500;
    color: #fff;
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 2px;
}

.btn-outline-pinterestk {
    float: left;
    margin: 10px 0;
    padding: 10px 15px;
    font-size: 12px;
    background: transparent;
    color: #333;
    border: 2px solid;
    border-radius: 0;
}

.searchmenu.xlm {
    margin-top: 10px;
}

.searchmenu.xlm .input-group {
    width: 85%;
}

.searchmenu {
    float: left;
    margin-top: 12px;
}

.searchmenu .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 150%;
}

.btn-primary {
    border-color: #cdd3d9 !important;
    border-left: 0 !important;
}

.searchmenu .btn {
    display: inline-block;
    padding: 6px 12px;
    height: 48px;
    border-radius: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #858d95;
    background: #fff;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.searchmenu .btn:hover {
    opacity: 0.6;
}

body {
    font-family: Verdana, Geneva, sans-serif !important;
    padding-right: 0px !important;
}

.outer-container.hide-prod {
    height: auto !important;
}

.post-calendar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 4.5rem;
    height: 4.7rem;
    background: rgba(255, 255, 255, 0.8);
    color: #26b;
    border: 2px solid;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 1;
}

.post-calendar .post-day {
    display: block;
    margin-bottom: 1px;
    font-size: 1.6rem;
}

.post-calendar .post-month {
    display: block;
    margin-left: 2px;
    font-size: 1rem;
}

.head-block .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    top: 50px;
    color: #fff !important;
    right: 55px;
    background: #ff9900 !important;
    padding: 5px 10px !important;
    position: absolute;
    line-height: 1;
    border-radius: 2px;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

/*---Typography---*/
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    color: #24353b;
}

h1 {
    font-size: 46px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

h6 {
    font-size: 14px;
}

p {
    padding: 0px;
    margin: 0px;
}

.startList {
    background: #2c96ea;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
}

ul.ulList li {
    list-style: auto;
    margin-bottom: 10px;
    margin-left: 20px;
}

div#pleasewait {
    text-align: center;
    z-index: 9999999;
}

.dt-buttons.btn-group.col-lg-6.p-0 {
    box-shadow: 0 0 0 0;
}

/* User Details */
.user-profile img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}

.user-details .media .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.user-details .media .media-body .user-title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 2px;
}

.user-details .media .media-body .user-subtitle {
    font-size: 13px;
    color: #232323;
    margin-bottom: 0;
}

/* Logo */
.dt-buttons .btn {
    font-size: .55rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 10px;
    border-radius: .25rem;
    text-transform: uppercase;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

ol,
ul {
    margin-bottom: 0px;
}

a.goog-logo-link {
    display: none;
}

.goog-te-gadget .goog-te-combo {
    margin: 4px 0;
    color: #333;
}

.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    color: transparent !important;
}

.goog-te-banner-frame {
    display: none;
    height: 0 !important;
    width: 0 !important;
    z-index: -10 !important;
    position: initial;
}

.card-sub-video:before {
    content: "";
    width: 75px;
    height: 75px;
    background: url('../../../assets/images/player.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: 32.5%;
    left: 37.5%;
    position: absolute;
    z-index: 99999;
    display: inline-block;
    opacity: 1.0 !important;
}

button.close {
    opacity: 1.0 !important;
}

.card-sub-video:after {
    content: "View Sample Video";
    bottom: 5%;
    left: 21%;
    background: #0c0c0c70;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    position: absolute;
    z-index: 99999;
    display: inline-block;
    opacity: 1.0 !important;
}

.card-sub-video .card-img-top {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    cursor: pointer;
}

section.suyt p {
    line-height: 28px;
    padding: 10px 0;
}

section.suyt .cont-button {
    padding: 15px 40px;
    background: #17a43b;
    color: #fff;
    float: right;
    font-weight: 800;
    font-size: 24px;
    border-radius: 5px;
}

section.suyt .cont-button:hover {
    background: #3ca557;
}

.owl-stage .card {
    border: 0;
}

a {
    text-decoration: none !important;
    outline: none;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

label {
    font-weight: normal;
}

::-webkit-input-placeholder {
    opacity: 1;
    text-transform: uppercase;
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    text-transform: uppercase;
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    text-transform: uppercase;
}

:-ms-input-placeholder {
    opacity: 1;
    text-transform: uppercase;
}

.create-heading a {
    color: #0591ff;
    font-weight: 700;
}

.create-heading p {
    font-size: 13px;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

a.dLabel {
    color: #000;
    background-color: transparent;
    border-right: 0px #fff solid;
    font-size: 14px;
    letter-spacing: 1.9;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

ul.asdf li {
    float: left;
}

ul.asdf .dropdown-menu li {
    float: left;
    width: 100%;
}

.blog-wrapper .card .card-body .blog-category {
    color: #DCDCDC;
}

.blog-wrapper .card .card-body .blog-text {
    font-size: 23px;
    padding-bottom: 50px;
}

.ffffcart {
    background: transparent;
    color: #00aaff;
    border: 1px solid #2c96ea;
    font-size: 20px;
    padding: 15px 22%;
    border-radius: 3px;
}

.ffffcart:hover {
    background: aliceblue;
    border: 1px solid #ff8400;
}

.tutor-slider .owl-item {
    background: #fbfbf8;
}

ul.card-item li {
    line-height: 32px;
}

#nav {
    z-index: 9999;
    width: 100%;
    left: 0;
    right: 0;
}

.yes {
    -webkit-transition: all 0.8s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.8s ease;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: smoothScroll 1s forwards;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 4px color-mix(in oklch, oklch(27.54% .1638 265.98deg) 8%, transparent), 0 4px 12px color-mix(in oklch, oklch(27.54% .1638 265.98deg) 8%, transparent);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.course-content {
    line-height: 30px;
}

.blog-wrapper .card .card-body .blog-author {
    color: #DCDCDC;
    font-size: 13px;
    padding-bottom: 20px;
}

.blog-wrapper .head h4 {
    padding-bottom: 20px;
}

.blog-wrapper .subhead h4 {
    padding-bottom: 20px;
    padding-top: 40px;
    font-size: 35px;
}

.price-desc.yes {
    position: fixed;
    top: 35%;
    right: 3%;
    z-index: 99;
}

.more-important {
    background: #f1f1f1;
    border-radius: 5px;
}

.asdf .dropdown-submenu {
    position: initial;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    min-height: 64rem;
}

/*.dropdown-submenu:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    top: -20px;
    right: 10px;
    position: relative;
}*/
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.tut-img {
    width: 120px;
    height: 125px;
    object-fit: cover;
    border: 1px solid #dcdacb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

p.tut-namee {
    color: #2fbaff;
    font-size: 22px;
    font-weight: 600;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.blog-wrapper .col-lg-6 .auth-img {
    padding-bottom: 20px;
}

.blog-wrapper .col-lg-6 .auth-name {
    padding-bottom: 20px;
}

.yes .buy {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
}

.row.buttons a {
    padding: 8% 2%;
    width: 160px;
}

.price-desc .card-body .card-title {
    padding-top: 22px;
}

.price-desc .card .card-body .buy-btns .btn {
    padding: 10px;
    width: 25rem;
}

.price-desc .card .card-body .buy-btns {
    padding-left: 10px;
    padding-top: 10px;
}

.price-desc .card .card-body .course-desc {
    padding-left: 9px;
    padding-top: 30px;
}

.price-desc .card .card-body .card-item {
    font-size: 16px;
    padding-top: 10px;
}

.price-desc .card .card-body .card-item span {
    padding-right: 5px;
}

.curriculum .card-curriculam .row {
    padding-top: 15px;
    padding-left: 18px;
}

/*.curriculum .card-curriculam .card-sub .tutor-detail{
        padding-top: 15px;
        padding-left: 18px;
}*/
.curriculum .card-curriculam .card-sub .card-sub-intro .buttons {
    margin-top: 66px;
    padding-left: 25px;
}

.curriculum .card-curriculam .card-sub .card-sub-intro .buttons span {
    padding-right: 5px;
}

.sub-desc {
    padding-bottom: 40px;
}

.curriculum .card-curriculam .row .upper-panel .card-arrow p a span {
    padding-right: 9px;
}

.curriculum .card-curriculam .row .upper-panel .card-headline {
    margin-left: -15px;
}

.curriculum .card-curriculam .row .upper-panel .card-subject {
    margin-left: -92px;
}

.card-sub .card-sub-intro .subject-head {
    padding-top: 3rem;
    padding-left: 18px;
}

.curriculum-details {
    padding-bottom: 50px;
}

.curriculum-details .curriculum .card {
    padding-bottom: 60px;
}

.other-classes .teacher-head {
    padding-bottom: 20px;
    padding-left: 18px;
}

.other-classes .card .card-img-top-tutor {
    border-bottom: 0px black solid;
}

.other-classes .card .tutor .card-title {
    font-size: 18px;
    text-shadow: 2px 2px #9ca2c78a;
}

.other-classes .card .tutor .card-subject-teacher {
    font-size: 15px;
    text-shadow: 2px 2px #9ca2c78a;
    color: cornflowerblue;
    font-weight: bold;
    margin-left: -41px;
}

.other-classes .card .course-desc {
    font-size: 12px;
    font-weight: bold;
}

.other-classes .card .video span {
    padding-right: 5px;
    padding-left: 14px;
    color: green;
}

.other-classes .card .video {
    margin-bottom: 20px;
}

.other-classes .card .course-date .course-start-date p {
    padding-left: 15px;
    margin-top: -8px;
}

/*-----------------------
        Page Loader
-----------------------*/
#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

#loading .element {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff9600;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

section#wishlist-home {
    background: #f9f9f9;
    padding: 10px;
}

h1.wishlist-home-heading {
    font-size: 20px;
}

.ppsdf h2 {
    color: #17a43b;
}

.form-group label {
    font-weight: 600;
}

.ppimh img {
    width: 100%;
}

.main-pr {
    background: #fbfbf8;
    border-top: 1px solid #bfbcbc;
    cursor: pointer;
}

.sssaa {
    font-size: 20px;
    font-weight: 800;
}

h1.wishlist-home-heading.text-white {
    font-size: 24px;
}

.main-pr:hover {
    background: #f3f9fd;
}

tbody.prod_roe td {
    border-top: 0 !important;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0 10px;
}

form#checkout_form {
    background: #fbfbf8;
}

body {
    overflow-x: hidden;
}

.btn-outline-secondary:hover {
    background: #ffebd0;
}

.form-control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 22px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.product-row {
    background: #fbfbf8;
}

.btn-outline-secondary {
    background: transparent;
    color: #2c97ea;
    border: 1px solid;
    padding: 15px 20px;
    border-radius: 5px;
}

.product-row:hover {
    background: #f3f9fd;
}

/* ================================================== */
/* 02. header	*/
/* ================================================== */
.header-top {
    display: block;
    background: #2c96ea;
    padding: 0;
}

figure.product-image-container img {
    max-width: 150px;
}

.modal-content {
    border: 0;
}

.header-top ul.follow-us {
    display: block;
    float: left;
}

.header-top ul.follow-us li a i {
    padding: 10px 0;
}

.header-top ul.follow-us li {
    display: block;
    float: left;
    padding-right: 20px;
    font-size: 18px;
    box-sizing: border-box;
    margin: 0;
    position: relative;
}

a.ch_langs.text-white i {
    padding: 10px 0;
}

.header-top ul.follow-us li a {
    color: #ffffff;
}

.header-top ul.follow-us li a:hover {
    color: #c5c3c3;
}

span.close_icon.float-right i {
    color: #333;
}

span.close_icon.float-right i:hover {
    color: red;
}

.btn-outline-primarys {
    background: #ff9500 !important;
    border: 0;
    /* padding: 6px; */
    /* border-radius: 15%; */
    border-radius: 25px !important;
    color: #ffffff !important;
    height: 40px;
    line-height: 20px;
    width: 130px;
}

.btn-outline-pinterest {
    background: #2c96ea !important;
    border: 0;
    /* padding: 6px; */
    /* border-radius: 15%; */
    border-radius: 25px !important;
    color: #ffffff !important;
    height: 40px;
    line-height: 20px;
    width: 130px;
}

ul.ch_menu:before {
    background-color: #ffffff;
    content: "";
    height: 13px;
    position: absolute;
    top: -5px;
    width: 13px;
    left: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.ch_menus:before {
    background-color: #ffffff;
    content: "";
    height: 13px;
    position: absolute;
    top: -5px;
    width: 13px;
    left: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.font-14 {
    font-size: 12px;
}

.dropdown_content {
    position: absolute;
    top: 58px;
    right: 0;
    max-width: 300px;
    width: max-content;

    background: #fff;
    padding: 0 !important;
    margin-top: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    color: #212529;
    list-style: none;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, .08),
        0 4px 12px rgba(0, 0, 0, .08);

    display: none;
    z-index: 9999;

    /* Smooth drop animation */
    opacity: 0;
    transform: translateY(10px);
    transition: all .25s ease;
}

/* When dropdown opens */
.shopping-carts:hover .dropdown_content {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.safe-img {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

.header-top .right-block {
    display: block;
    float: right;
    margin-right: 30px;
}

.header-top ul.top-nav {
    display: block;
    padding-top: 8px;
    padding-right: 10px;
    float: left;
}

.header-top ul.top-nav li {
    display: block;
    padding: 0 13px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-top ul.top-nav li a {
    color: #6c777d;
}

.header-top ul.top-nav li a:hover {
    color: #fff;
}

.header-top .lang-wrapper {
    display: block;
    float: right;
}

.red-bg-success {
    background: #34373d;
}

.shopping-carts:hover {
    color: #f4f4f4;
}

.red-menu-badge {
    position: relative;
    background: #000;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    /* shift left */
    margin-top: -6px;
    /* shift up */
}

.ch_wallet li {
    display: block;
    /* padding: 0 50px; */
    position: relative;
    border-right: 0;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #4f4a4a;
    line-height: 18px;
}

.ch_wallet {
    position: absolute;
    top: 55px;
    right: 0;
    max-width: 300px;
    width: max-content;

    background: #fff;
    padding: 0 !important;
    margin-top: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    color: #212529;
    list-style: none;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, .08),
        0 4px 12px rgba(0, 0, 0, .08);

    display: none;
    z-index: 9999;

    /* Smooth drop animation */
    opacity: 0;
    transform: translateY(10px);
    transition: all .25s ease;
}

/* When dropdown opens */
.wallet:hover .ch_wallet {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.header-left img {
    width: 100%;
}

a.logink i {
    color: #000;
    font-size: 30px;
}

.shopping-carts .fa {
    font-size: 30px;
    color: #000;
}

.wallet-my a span,
.shopping-carts a span.zmdi {
    font-size: 32px;
    color: black !important;
}

.shopping-carts {
    display: inline-block;
    font-size: 18px;
    box-sizing: border-box;
    margin: 0;
}

.browse-teachers-list hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #17a43b !important;
}

.browse-teachers-list img#profile-image {
    height: 140px;
    object-fit: cover;
}

.header-top .select-lang,
.header-top .select-lang2 {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-top .select-lang {
    margin-left: 1px;
}

.header-top .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0px;
    background: #302c2d;
}

.header-top .select2.select2-container {
    width: 100px !important;
}

.header-top .select2-container .select2-selection--single {
    height: 42px;
}

.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.header-top .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    color: #fff;
}

.header-top .select2-container .select2-selection--single .select2-selection__rendered img {
    margin-right: 4px;
}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 42px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 5px 0;
    border-color: #c1c0c0 transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 6px;
}

.select2-dropdown {
    border: 1px #dedddd solid;
}

.select2-results__option {
    padding: 0 6px;
    font-size: 13px;
}

.select2-results__option .img-flag {
    margin-right: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ff9600;
}

.header-middle {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: right;
    z-index: 99999999999999999999999999999999 !important;
    box-shadow: 0 2px 4px color-mix(in oklch, oklch(27.54% .1638 265.98deg) 8%, transparent), 0 4px 12px color-mix(in oklch, oklch(27.54% .1638 265.98deg) 8%, transparent);
}

ul.lisp li {
    float: left;
}

.header-middle .contact {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-middle .contact ul {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-middle .contact ul li.languages {
    display: block;
    margin-top: 0px;
    border-right: 0;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #4f4a4a;
    line-height: 18px;
}

ul.ola-xs li {
    float: left;
}

/*.header-middle .contact ul li span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #8f9ba1;
    text-transform: uppercase;
}*/
.collapsing {
    height: 100vh;
    width: 65%;
    max-width: 320px;
    left: 0;
    top: 0;
    position: fixed;
    padding-top: 20px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08),
        0 4px 12px rgba(0, 0, 0, .08);
    z-index: 1050;
    overflow-y: auto;
    transition: transform .3s ease-in-out;
    transform: translateX(-100%);
}

.collapsing.show {
    transform: translateX(0);
}

div#bs-example-navbar-collapse-1 ul li {
    padding: 0;
}

div#bs-example-navbar-collapse-1 ul li ul li {
    width: 100%;
    padding: 10px;
}

.header-middle .contact ul li a,
.wallet ul li a {
    color: #4f4a4a;
}

header .header-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .header-right {
    display: flex;
    align-items: center;
    justify-content: right;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        padding: 0px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}

a#xcall {
    background: #000;
    color: #fff;
}

a#xcall:hover {
    background: #389ceb;
    border: 2px solid #389ceb;
    color: #fff;
}

.header-middle a.login {
    display: inline-block;
    padding: 5px 10px;
    border: 2px #000 solid;
    border-radius: 5px;
    font-size: 12px;
    color: #6f7a7f;
    font-weight: 700;
    cursor: pointer;
}

.header-middle a.login:hover {
    background: #2c97ea;
    color: #fff;
}

.header-middle a.login span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 10px;
    font-size: 14px;
    color: #00aaff;
}

.header-middle a.login:hover span {
    color: #fff;
}

.call-home {
    text-align: right;
    padding: 5% 7%;
    background-image: url("../../../assets/images/call.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 125%;
}

.left-block h2 {
    display: block;
    padding-bottom: 0px;
    font-weight: 600;
    font-size: 3rem;
    font-family: Verdana, Geneva, sans-serif;
}

.our-cources h2 {
    display: block;
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
}

/* ================================================== */
/* 03. navigation */
/* ================================================== */
.navbar {
    border-radius: 0px;
    margin: 0px;
    border: none;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-inverse {
    background: #2c96ea;
}

.nav>li>a {
    padding: 10px 12px;
}

.navbar-nav>li {
    border-right: 1px #404247 solid;
}

.navbar-nav>li>a {
    text-transform: uppercase;
}

.navbar-nav>li:last-child {
    border: none;
}

.navbar-inverse .navbar-nav>li>a {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a i {
    font-size: 20px;
    color: #83868c;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background: #4ab866;
}

.navbar-form {
    width: 30%;
    padding: 0 25px;
    background: #33363D;
    margin: 0px;
    position: relative;
}

.header-middle .contact ul li ul {
    display: none;
}

.navbar-form .form-control {
    width: 100%;
    margin: 12px 0;
    padding-left: 0px;
    height: 34px;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px #a5dcb3 solid !important;
    border: none;
    font-size: 12px;
    color: #b4ddbd;
    text-transform: uppercase;
}

.navbar-form .form-control::-webkit-input-placeholder {
    color: #fff;
}

.navbar-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.navbar-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.navbar-form .form-control:-ms-input-placeholder {
    color: #fff;
}

.navbar-form .search-btn {
    display: block;
    border: none;
    position: absolute;
    right: 25px;
    top: 18px;
    background: none;
    font-size: 16px;
    color: #fff;
}

a.more h6 {
    color: #fff !important;
    text-transform: uppercase;
    line-height: 18px;
}

a.more:hover {
    opacity: 0.5;
}

iframe#boltFrame {
    z-index: 9999999999 !important;
}

.dropdown-menu>.spann>li>a {
    display: block;
    padding: 2px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.left-block p {
    /* line-height: 1.7; */
    margin-top: 30px;
    color: #151617;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    line-height: 25px;
    /* font-weight: bold; */
}

.navbar .dropdown-menu {
    min-width: 260px;
    padding: 0px;
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    border-top: 4px #2c96ea solid;
    padding-bottom: 20px;
}

.progress {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999999999999999;
    height: 5px;
    background-image: linear-gradient(to right, red, yellow);
}

.bar {
    background-image: linear-gradient(to right, yellow, #2c97ea);
    width: 0%;
    height: 5px;
    border-radius: 3px;
}

.progress .percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.navbar .dropdown-menu .spann {
    overflow-y: overlay;
    max-height: 550px;
}

.navbar .dropdown-menu:after {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 150, 0, 0);
    border-bottom-color: #2c96ea;
    border-width: 10px;
}

ul.asdf {
    padding: 0 15px;
}

img.text-no.img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

.navbar .dropdown-menu>li>a {
    padding: 2px 15px;
}

.navbar .dropdown-menu>li>a:focus,
.navbar .dropdown-menu>li>a:hover {
    background: #2c96ea;
    color: #fff;
}

/* ================================================== */
/* 04. home page sections */
/* ================================================== */
/*-----------------------
        banner
-----------------------*/
.fl-right {
    bottom: 28%;
    position: absolute;
    width: 50%;
    right: 0;
}

.fl-right h1 {
    display: block;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    color: #24343a;
    line-height: 40px;
    text-transform: uppercase;
    -webkit-animation-delay: 0.2s;
}

.banner-outer .content p {
    display: block;
    padding-bottom: 25px;
    max-width: 390px;
    font-size: 16px;
    color: #24343a;
    opacity: 0.8;
    -webkit-animation-delay: 0.34s;
}

.banner-outer {
    display: block;
    position: relative;
    overflow-x: hidden;
}

.banner-slider .container {
    display: table;
    height: 100%;
}

.banner-outer .slide1,
.banner-outer .slide2,
.banner-outer .slide3 {
    display: block;
    height: 400px;
}

.banner-outer .slide1 {
    background: url(../images/banner1.jpg) no-repeat center top / cover;
}

.banner-outer .slide2 {
    background: url(../images/banner2.jpg) no-repeat center top / cover;
}

.banner-outer .slide3 {
    background: url(../images/banner3.jpg) no-repeat center top / cover;
}

.banner-outer .content {
    display: table-cell;
    vertical-align: middle;
}

.banner-sliders .content .fl-right {
    float: right;
}

.banner-outer .content h1 {
    display: block;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    color: #24343a;
    line-height: 40px;
    text-transform: uppercase;
    -webkit-animation-delay: 0.2s;
}

.banner-outer .content h1 span {
    display: block;
    font-size: 35px;
    -webkit-animation-delay: 0.3s;
}

.banner-outer .content p {
    display: block;
    padding-bottom: 25px;
    max-width: 390px;
    font-size: 16px;
    color: #24343a;
    opacity: 0.8;
    -webkit-animation-delay: 0.34s;
}

.banner-outer .content a.btn {
    -webkit-animation-delay: 0.36s;
}

.banner-outer .slide2 .content a.btn {
    margin: 0 0px;
}

.banner-outer .slide2 .content {
    float: none;
}

.banner-outer .slide2 .content h1,
.banner-outer .slide3 .content h1 {
    font-size: 32px;
    color: #34373e;
}

.banner-outer .slide2 .content p {
    color: #34373e;
}

.banner-outer .slide3 .content h1,
.banner-outer .slide3 .content p {
    color: #34373e;
}

.linksss span {
    color: #0f75a1;
}

.top-icon.nav-tabs .nav-link i {
    margin: 0px;
    font-weight: 500;
    display: block;
    font-size: 24px;
    padding: 5px 0;
}

.linksss.nav-tabs.nav-justified>.active>a,
.linksss.nav-tabs.nav-justified>.active>a:focus,
.linksss.nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #fff !important;
}

.linksss.nav-tabs.nav-justified>.active>a,
.linksss.nav-tabs.nav-justified>.active>a:focus,
.linksss.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #0f75a1;
}

.linksss.nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #0f75a1;
}

.linksss .active span {
    color: #333 !important;
    /* padding: 0 !important; */
    background: transparent !important;
}

.btn {
    display: inline-block;
    padding: 12px 12px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #fff;
    background: black;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn span {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    content: "";
    opacity: 0.5;
}

.btn:hover,
.btn:focus {}

.btn.white {
    background: #fff;
    color: #595545;
}

.btn.white:hover {
    background: #2c97ea;
    color: #fff;
}

.btn.blue {
    background: #2c97ea;
    color: #fff;
}

.btn.blue:hover {
    background: #17a43b;
}

.banner-outer .bx-wrapper .bx-pager {
    bottom: 60px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.banner-outer .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
}

.banner-outer .bx-wrapper .bx-pager a {
    background: #fff;
    border-radius: 2px;
    display: block;
    height: 5px;
    margin: 0 4px;
    outline: 0 none;
    text-indent: -9999px;
    width: 18px;
    opacity: 0.3;
}

.banner-outer .bx-wrapper .bx-pager a:hover,
.banner-outer .bx-wrapper .bx-pager a.active {
    background: #fff;
    opacity: 1;
}

/*-----------------------
        about
-----------------------*/
.about {
    display: block;
    position: relative;
}

section.about {
    margin: -0.0% 3% 0 3%;
}

.about ul.our-links {
    display: block;
    position: relative;
    z-index: 99;
    top: -20px;
}

.about ul.our-links li {
    display: block;
    position: relative;
}

.about ul.our-links li.apply-online {
    background: #ff9600;
}

.about ul.our-links li.prospects .detail a.more {
    border: 2px #ff9600 solid;
    color: #ff9600;
}

.about ul.our-links li.prospects {
    background: #2c97ea;
}

.about ul.our-links li.prospects .detail a.more {
    border: 2px #2c97ea solid;
    color: #2c97ea;
}

.about ul.our-links li.certification {
    background: #f0bc01;
}

.about ul.our-links li.certification .detail a.more {
    border: 2px #f0bc01 solid;
    color: #f0bc01;
}

.about ul.our-links li {
    display: block !important;
    padding: 20px 4px 20px 1%;
    opacity: 1 !important;
}

.about ul.our-links li p {
    padding-bottom: 0px;
}

.about ul.our-links li .icon {
    width: 25%;
    float: left;
}

.about ul.our-links li .detail {
    width: 75%;
    padding-left: 12px;
    float: left;
    color: #fff;
}

.about ul.our-links li .detail h3 {
    display: block;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.about ul.our-links li .detail h3 span {
    display: block;
    font-size: 12px;
}

.about ul.our-links li .detail p {
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.about ul.our-links li .detail a.more {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    bottom: -17px;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #fff;
    font-size: 20px;
    color: #ff9600;
    border-radius: 50%;
    text-align: center;
    border: 2px #ff9600 solid;
}

.about ul.our-links li .detail a.more:hover {
    color: #211d1e;
}

.about .sm-head {
    display: block;
    font-family: 'texgyreadventorregular';
    font-size: 14px;
    color: #7d7c7c;
    line-height: 18px;
    text-transform: uppercase;
}

a.readEbooks.pointer {
    background: #00adff;
    padding: 8px 25px;
    border-radius: 10px;
    color: #fff;
}

.about .left-block {
    display: block;
}

.video-block {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.video-block iframe,
.video-block object,
.video-block embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

div#bs-example-navbar-collapse-1 li {
    border-right: 0 !important;
    font-size: 14px;
}

div#bs-example-navbar-collapse-1 ul li span {
    display: inline-block;
}

#thumbnail_container {
    overflow: hidden;
    width: 100%;
}

.about .video-block img {
    width: 100%;
}

.about .video-block a {
    width: 67px;
    display: block;
    position: absolute;
    margin: -34px auto 0;
    left: 0px;
    right: 0px;
    top: 50%;
    cursor: pointer;
}

.text-primarys {
    color: #f1f108;
    font-size: 20px;
    padding: 15px;
    font-weight: 800;
}

.banner-big-sale b:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #17a43b;
    transform: rotate(-2deg);
    z-index: -1;
}

b.d-inline-block {
    position: relative;
    color: #fff !important;
    z-index: 1;
    padding: 10px;
    font-size: 20px;
}

.subscribe li {
    float: left;
    padding: 3px 5px;
    border: 1px solid #fff;
    margin: 5px;
    border-radius: 22px;
}

.our-cources .nav-tabs>li {
    float: left;
    margin-bottom: 4px;
}

.our-cources ul.nav.nav-tabs li a {
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #151617;
    color: #151617;
    font-family: Verdana, Geneva, sans-serif;
    border-radius: 22px;
}

ul.nav.nav-tabs li a {
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

li.breadcrumb-item a {
    color: #ff9500;
}

li.breadcrumb-item.active {
    color: #000;
}

.owl-stage {
    display: flex;
}

.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.owl-carousel.owl-drag .owl-item {
    margin-bottom: 5px;
}

.aticle-box {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; */
    /*This is optional*/
    flex-direction: column;
    box-shadow: 0px 1px 4px 2px rgb(234 234 234 / 53%);
    align-items: stretch;
    border-radius: 0;
}

.yayacard {
    border: 0;
    border-radius: 0;
}

h4 .fa-star,
h4 .fa-star-o {
    font-size: 16px;
}

.full {
    color: #ff9500;
}

.review-author img {
    border-radius: 3px;
}

.main-demo3 img.card-img-top-tutor {
    width: 100%;
    height: 235px;
    object-fit: cover;
}

img.card-img-top-tutor {
    width: 100%;
    height: 178px;
    object-fit: fill;
}

.navbar {
    min-height: auto;
}

h5.card-titles {
    text-transform: capitalize;
    text-shadow: 0px 0px 0px !important;
    color: #151617;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14.0px;
    line-height: 19.0px;
    font-weight: bold;
}

p.card-subject-teachers {
    color: #999999;
    font-size: 11.0px;
    font-weight: normal;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
}

.course-start-date i.fa.fa-inr {
    color: #151617;
    font-size: 24px;
}

.text-prima {
    color: #409ad9;
    padding: 10px;
    border-radius: 25px;
    font-size: 16px;
}

span.my-rating-4442 .jq-star {
    height: 14px !important;
}

.bg-imp {
    background: url(../../web_assets/images/bg_web.jpg);
}

.bg-warningkk {
    background: #ff9600;
    margin-top: -50px;
}

.row.course-start-date p {
    font-weight: 600;
    font-size: 20px;
    text-shadow: 0px 0px;
    color: #151617;
}

p.card-subject-teacherss {
    text-shadow: 0px 0px;
    color: #9a9696;
}

.course-date1 {
    margin-bottom: 10px;
}

ul.nav.nav-tabs .active a {
    color: #2c96ea !important;
}

.about h2 {
    padding-bottom: 20px !important;
    color: #353434;
    text-align: left !important;
}

.about p {
    display: block;
    padding-bottom: 34px;
}

.about .know-more-wrapper {
    display: block;
    position: relative;
}

.about .know-more-wrapper:after {
    width: calc(100% - 135px);
    height: 1px;
    background: #e8e8e8;
    content: "";
    position: absolute;
    right: 0px;
    top: 14px;
    z-index: 1;
}

.about a.know-more {
    display: inline-block;
    padding-right: 24px;
    position: relative;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #645847;
    text-transform: uppercase;
}

.about a.know-more span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 4px;
    color: #ff9600;
}

.about a.know-more:hover span {
    color: #17a43b;
}

/*-----------------------
        cources
-----------------------*/
.padding-lg {
    display: block;
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-tlg {
    display: block;
    padding-top: 90px;
    padding-bottom: 30px;
}

.how-study h2,
.why-choose h2,
.news-events h2,
.campus-tour h2,
.testimonial h2,
.about h2,
.browse-teacher h2,
.how-apply h2,
.have-question h2 {
    display: block;
    padding-bottom: 44px;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
}

.our-cources h2 span,
.how-study h2 span,
.why-choose h2 span,
.news-events h2 span,
.campus-tour h2 span,
.browse-teacher h2 span,
.how-apply h2 span {
    display: block;
    font-family: 'texgyreadventorregular';
    font-size: 14px;
    opacity: 0.8;
}

.our-cources {
    display: block;
    position: relative;
}

.our-cources .container {
    position: relative;
    z-index: 2;
}

.our-cources h2 {
    color: #0c0c0c;
}

.our-cources h2 span {
    color: #d5d4d3;
}

.category-page-side {
    padding: 0;
}

.category-page-side .panel {
    background: #f5f5f5;
    padding: 15px 15px;
    border-radius: 7px !important;
}

.our-cources ul.course-list {
    display: block;
    padding-top: 20px;
}

.category [type="checkbox"]:not(:checked)+label:before,
.category [type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 17px;
    height: 17px;
    background: #f5f5f5;
    border-radius: 3px;
    border: 2px solid;
}

.category [type="checkbox"]:not(:checked)+label:after,
.category [type="checkbox"]:checked+label:after {
    content: '\f00c';
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    top: 3px;
    left: 3px;
    line-height: 0.8;
    color: #000;
    transition: all .2s;
}

.breadcrumb {
    padding: 0;
    background-color: transparent;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
}

li.breadcrumb-item {
    font-weight: 600;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #000;
    content: "/";
}

.our-cources ul.course-list li {
    display: block;
    background: url(../images/book-bg.png) no-repeat center top;
    position: relative;
}

.bg-section {
    background: url(../../images/slide/stem_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.footer {
    background-image: url(../../images/slide/footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.catTitle {
    padding: 2% 1%;
    text-transform: capitalize;
    color: #333;
}

.our-cources ul.course-list li:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
}

.our-cources ul.course-list li .inner {
    width: 198px;
    margin: 0 auto;
    height: 280px;
    padding: 54px 0 0 30px;
    position: relative;
}

.our-cources ul.course-list li .inner figure {
    position: absolute;
    left: 4px;
    top: 1px;
    opacity: 0.3;
}

.our-cources ul.course-list li h3 {
    display: block;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 22px;
    color: #fff;
    position: relative;
}

.our-cources ul.course-list li h3 span {
    display: block;
}

.our-cources ul.course-list li p {
    display: block;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    opacity: 0.8;
}

.our-cources ul.course-list li .fess-box {
    display: inline-block;
    padding: 0 12px;
    background: #ff9600;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}

.our-cources ul.course-list li .fess-box span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.our-cources ul.course-list li .bottom-txt {
    width: 100%;
    padding: 18px 30px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.our-cources ul.course-list li .duration {
    width: 81%;
    float: left;
}

.our-cources ul.course-list li .duration h4 {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.our-cources ul.course-list li .duration span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    text-transform: uppercase;
    opacity: 0.8;
}

.our-cources ul.course-list li a {
    display: block;
    position: absolute;
    right: 18px;
    top: 22px;
}

.our-cources ul.course-list li a .icon-more-icon {
    font-size: 23px;
    color: #fff;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.our-cources ul.course-list li a:hover .icon-more-icon {
    opacity: 1;
}

/*-----------------------
        impotance
-----------------------*/
.our-impotance ul {
    display: block;
    text-align: center;
}

.our-impotance ul li {
    display: block;
    margin-bottom: 64px;
    border-right: 1px #e9e9e9 solid;
    position: relative;
}

.our-impotance ul li .inner {
    display: block;
    padding: 30px;
}

.our-impotance ul li .inner img {
    border-radius: 3px;
}

.our-impotance ul li:nth-child(3n) {
    border-right: none;
}

.our-impotance ul li:nth-child(n+4):after {
    display: none;
}

.our-impotance ul li:nth-child(n+4) {
    margin-bottom: 0px;
}

/*.our-impotance ul li:after {
    width: 80%;
    height: 1px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    display: block;
    position: absolute;
    bottom: -35px;
    content: "";
    background: #e9e9e9;
}*/
.our-impotance ul li h3 {
    display: block;
    padding: 22px 0 12px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px;
}

.our-impotance ul li h3 span {
    display: block;
}

.our-impotance ul li p {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 20px
}

/*-----------------------
        how study
-----------------------*/
.how-study {
    background: #f3f6f8
}

.how-study h2 {
    color: #2d4256;
}

.how-study h2 span {
    color: #7d8792;
}

.how-study ul {
    display: block;
}

.how-study ul li img {
    width: 100%;
}

.how-study ul li:hover .overly {
    background: rgba(0, 0, 0, 0.9);
}

.how-study ul li .overly {
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    left: 15px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease 0s;
}

.how-study ul li .cnt-block {
    max-width: 220px;
    position: absolute;
    bottom: 30px;
    left: 11%;
    color: #fff;
}

.how-study ul li .cnt-block h3 {
    display: block;
    padding-bottom: 12px;
    font-family: 'texgyreadventorregular';
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    position: relative;
    text-transform: none;
}

.how-study ul li .cnt-block h3:before {
    display: block;
    margin-bottom: 8px;
    width: 40%;
    height: 4px;
    content: " ";
    background: #ff9600;
}

.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
    background: #17a43b;
}

.how-study ul li:nth-child(3) .cnt-block h3:before,
.how-study ul li:nth-child(3) a.more:hover {
    background: #1876bf;
}

.how-study ul li .cnt-block p {
    display: block;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.7;
}

.how-study ul li a.more {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
    line-height: 24px;
    background: #fff;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.how-study ul li a.more i {
    margin-left: 2px;
}

.how-study ul li a.more:hover {
    background: #ff9600;
    color: #fff;
}

/*-----------------------
        why choose
-----------------------*/
.why-choose {
    background: url(../images/why-choose-bg.jpg) no-repeat center center / cover;
    position: relative;
}

.why-choose:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: #17a43b;
    opacity: 0.9;
}

.why-choose .container {
    position: relative;
    z-index: 2;
}

.why-choose h2 {
    padding-bottom: 70px;
    color: #fff;
}

.why-choose h2 span {
    color: #fff;
}

ul.our-strength {
    display: block;
    text-align: center;
}

ul.our-strength li {
    width: 20%;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-right: 1px #94d3a4 solid;
}

ul.our-strength li:last-child {
    border: none;
}

ul.our-strength li .icon {
    display: block;
    padding-bottom: 20px;
}

ul.our-strength li .icon span {
    font-size: 44px;
    opacity: 0.7;
}

ul.our-strength li span {
    padding-bottom: 12px;
    font-family: 'texgyreadventorregular';
    font-size: 48px;
}

ul.our-strength li .couter-outer {
    display: block;
}

ul.our-strength li .title {
    display: block;
    font-family: 'texgyreadventorregular';
    font-size: 14px;
    opacity: 0.8;
    text-transform: uppercase;
}

/*-----------------------
        news & events
-----------------------*/
.news-events {
    background: #f3f6f8;
}

.news-events h2 {
    color: #2a4356;
}

.news-events h2 span {
    color: #2d4256;
}

.news-events ul {
    display: block;
    margin-bottom: 60px;
}

.news-events ul li .inner {
    display: block;
    background: #fff;
    box-shadow: 0px 0px 3px #c4c6c8;
    position: relative;
}

.news-events ul li .img-block {
    display: block;
}

.news-events ul li .img-block img {
    width: 100%;
}

.news-events ul li .cnt-block {
    display: block;
    padding: 40px 30px 30px 30px;
    background: #fff;
    position: relative;
}

.news-events ul li .cnt-block .plus-icon {
    display: block;
    width: 64px;
    height: 64px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: -32px;
    background: #2c97ea;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    box-shadow: 0px 5px 5px #c0e0f9;
}

.news-events ul li .cnt-block .plus-icon:hover {
    background: #ff9600;
}

.news-events ul li .cnt-block h3 {
    display: block;
    padding-bottom: 36px;
    font-family: 'texgyreadventorregular';
    font-size: 22px;
    color: #41484d;
    line-height: 32px;
    text-transform: none;
}

.news-events figure {
    position: relative;
}

.news-events figure img {
    width: 100%;
    display: block;
    position: relative;
}

.news-events figcaption {
    position: absolute;
    top: 0;
    left: 0;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
    padding-bottom: 104px;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    width: 100%;
    top: auto;
    bottom: 0px;
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    bottom: 0px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.news-events ul li .bottom-block {
    display: block;
    padding: 30px 0 0 0;
    border-top: 1px #e8eef0 solid;
    font-size: 12px;
    color: #96adba;
}

.news-events ul li .date {
    display: block;
    float: left;
}

.news-events ul li .icon {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.news-events ul li .icon span {
    font-size: 20px !important;
    color: #c5d4da !important;
}

.news-events ul li .comment {
    display: block;
    float: right;
}

.news-events ul li .date span,
.news-events ul li .comment span {
    font-weight: 700;
    color: #5c7e91;
}

.news-events .know-more-wrapper {
    display: block;
    text-align: center;
    position: relative;
}

.news-events .know-more-wrapper:after {
    width: 100%;
    height: 1px;
    background: #daddde;
    content: "";
    position: absolute;
    left: 0px;
    top: 14px;
    z-index: 1;
}

.news-events .know-more {
    display: inline-block;
    padding: 0 30px;
    position: relative;
    background: #f3f6f8;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #645847;
    text-transform: uppercase;
}

.news-events a.know-more span {
    margin-left: 4px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    color: #ff9600;
    transition: all 0.3s ease 0s;
}

.news-events a.know-more:hover span {
    color: #17a43b;
}

/*-----------------------
        campus tour
-----------------------*/
.campus-tour {
    background: #fff;
    padding-bottom: 0px;
}

.campus-tour h2 {
    color: #2a4356;
}

.campus-tour h2 span {
    color: #2d4256;
}

.campus-tour ul.gallery {
    display: block;
}

.campus-tour ul.gallery li {
    width: 20%;
    float: left;
    display: block;
    background: #000;
    position: relative;
}

.campus-tour ul.gallery li figure {
    transition: all 0.3s ease 0s;
}

.campus-tour ul.gallery li:hover figure {
    opacity: 0.2;
}

.campus-tour ul.gallery li .overlay {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -57px;
    z-index: 1;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.campus-tour ul.gallery li:hover .overlay {
    top: 44%;
    opacity: 1;
}

.campus-tour ul.gallery li h3 {
    display: block;
    padding-bottom: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.campus-tour ul.gallery li p {
    display: block;
    padding-bottom: 30px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.5;
}

.campus-tour ul.gallery li a {
    width: 56px;
    height: 56px;
    margin: 0 8px;
    display: inline-block;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #ff9600;
    font-size: 22px;
    color: #fff;
}

.campus-tour ul.gallery li a.more {
    background: #17a43b;
}

.campus-tour ul.gallery li a:hover {
    background: #2c97ea;
}

.mfp-arrow-left:before,
.mfp-arrow-left:after,
.mfp-arrow-right:before,
.mfp-arrow-right:after {
    border: none;
}

.mfp-arrow-left:before,
.mfp-arrow-right:after {
    width: 20px;
    height: 38px;
    display: block;
    content: "";
    background: url(../images/popup-arrows.png) no-repeat center bottom;
}

.mfp-arrow-left:before {
    background-position: left top;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    width: 28px;
    height: 28px;
    right: 0px;
    padding-right: 0px;
    display: block;
    cursor: pointer;
    background: url(../images/popup-close.png) no-repeat center top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

/*-----------------------
        client logos
-----------------------*/
.logos {
    display: block;
    padding: 60px 0;
}

.logos ul {
    display: block;
}

.logos ul .owl-item img {
    width: auto;
}

/*-----------------------
        testimonials
-----------------------*/
.testimonial {
    display: block;
    background: url(../images/testimonial-bg.jpg) no-repeat center top / cover;
    text-align: center;
    position: relative;
}

.testimonial:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: #2e5f85;
    opacity: 0.8;
}

.testimonial .container {
    position: relative;
    z-index: 2;
}

.testimonial h2 {
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.testimonial .wrapper {
    display: block;
    max-width: 1012px;
    position: relative;
}

.testimonial .wrapper:before,
.testimonial .wrapper:after {
    display: block;
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    color: #fff;
}

.testimonial .wrapper:before {
    left: 0;
    top: 0;
    content: "\e90d";
}

.testimonial .wrapper:after {
    right: 0;
    bottom: 0;
    content: "\e90c";
}

.testimonial ul {
    display: block;
}

.testimonial ul li {
    display: block;
}

.testimonial ul li p {
    display: block;
    padding-bottom: 32px;
    font-family: 'texgyreadventorregular';
    font-size: 23px;
    color: #b2d3ed;
    line-height: 38px;
}

.testimonial ul li p a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
}

.testimonial ul li span {
    font-family: 'texgyreadventorregular';
    font-size: 18px;
    color: #fff;
}

.testimonial ul li span span {
    font-size: 14px;
    color: #7fadd2;
}

.testimonial .bx-wrapper {
    padding-bottom: 20px;
}

.testimonial #bx-pager a {
    display: inline-block;
    position: relative;
    margin: 0 6px;
}

.testimonial #bx-pager a img {
    border: 5px solid transparent;
}

.testimonial #bx-pager a:hover img,
.testimonial #bx-pager a.active img {
    border: 5px solid #ff8500;
}

.testimonial #bx-pager a:hover:after,
.testimonial #bx-pager a.active:after {
    width: 0;
    height: 0;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -7px;
    content: " ";
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #ff8500;
}

/* ================================================== */
/* 05. footer */
/* ================================================== */
.footer {
    display: block;
}

.footer .row1 {
    display: block;
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer .foot-nav {
    display: block;
    width: 25%;
    padding-right: 15px;
    float: left;
}

.footer .foot-nav ul li {
    display: block;
    line-height: 22px;
}

.footer h3 {
    display: block;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.footer .foot-nav ul li a {
    font-size: 12px;
    color: #8eb6d6;
}

.footer .foot-nav ul li a:hover {
    color: #fff;
}

.footer .footer-logo {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px #4e525b solid;
}

.footer p {
    font-size: 12px;
}

.footer p span {
    color: #fff;
    font-weight: 700;
}

.footer ul.terms {
    display: block;
}

.footer ul.terms li {
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 700;
}

.footer ul.terms li:after {
    display: inline-block;
    padding: 0 4px;
    content: " I ";
}

.footer ul.terms li:last-child:after {
    display: none;
}

.footer ul.terms li:first-child {
    padding-left: 0px;
}

.footer ul.terms li a {
    color: #f8faff;
}

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

.footer .bottom {
    display: block;
    padding: 80px 0;
}

.footer .connect-us {
    display: block;
    padding: 14px 0 18px 0;
    width: 95%;
}

.footer ul.follow-us {
    display: block;
}

.footer ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;
}

.footer ul.follow-us li:first-child {
    padding-left: 0px;
}

.footer ul.follow-us li a {
    width: 40px;
    height: 40px;
    display: block;
    border: 2px #4e525b solid;
    border-radius: 50%;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #fff;
}

.footer ul.follow-us li a:hover {
    background: #1c7bc3;
    border-color: #1c7bc3;
}

.footer .subscribe {
    display: block;
    padding: 14px 58px 18px 0;
    width: 95%;
    line-height: 27px;
}

.footer .subscribe #mc_embed_signup {
    background: #fff;
    border-radius: 5px;
}

.footer .subscribe input[type='email'] {
    width: 82%;
    height: 44px;
    padding: 0 15px;
    border: none;
    background: none;
    font-size: 12px;
    color: #7da6c6;
}

.footer .subscribe input[type='email']::-webkit-input-placeholder {
    text-transform: none;
    color: #7da6c6;
}

.footer .subscribe input[type='email']:-moz-placeholder {
    /* Firefox 18- */
    text-transform: none;
    color: #7da6c6;
}

.footer .subscribe input[type='email']::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: none;
    color: #7da6c6;
}

.footer .subscribe input[type='email']:-ms-input-placeholder {
    text-transform: none;
    color: #7da6c6;
}

.footer .subscribe .clear {
    float: right;
    text-align: center;
    position: relative;
    background: #2c97ea;
    border-radius: 0 5px 5px 0;
    transition: all 0.3s ease 0s;
}

.footer .subscribe .clear:before {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 9px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    content: "\e907";
    color: #fff;
    z-index: 1;
}

.footer .subscribe .clear:hover {
    background: #ff8500;
}

.footer .subscribe .clear .button {
    width: 46px;
    height: 44px;
    float: right;
    border: none;
    font-size: 20px;
    color: #fff;
    background: none;
    text-indent: -9999px;
    position: relative;
    z-index: 2;
    border-radius: 0 4px 4px 0;
    transition: all 0.3s ease 0s;
}

.footer .instagram {
    display: block;
    padding: 14px 58px 18px 0;
}

.footer .instagram ul {
    display: block;
}

.footer .instagram ul li {
    width: 16.6%;
    padding: 0 2.5px;
    float: left;
}

.footer .instagram ul li a:hover {
    opacity: 0.7;
}

a.scroll-top {
    width: 44px;
    height: 44px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    background-color: #17a43b;
}

a.scroll-top:hover {
    background: #ff9600;
}

/* ================================================== */
/* 06. about page */
/* ================================================== */
.about-right {
    display: block;
}

.about-right img {
    width: 100%;
}

.why-choose.grey-bg {
    background: #f3f6f8;
}

.why-choose.grey-bg:after {
    display: none;
}

.why-choose.grey-bg h2 {
    color: #2a4356;
}

.why-choose.grey-bg h2 span {
    color: #808182;
}

ul.our-strength.opt2 li {
    border-color: #dde5e9;
}

ul.our-strength.opt2 li span {
    color: #3f5044;
}

ul.our-strength.opt2 li .icon span {
    color: #17a43b
}

ul.our-strength.opt2 li .title {
    color: #9099a0;
}

.about-video {
    width: 100%;
    background: url(../images/about-video-bg.jpg) no-repeat center top / cover;
    text-align: center;
    position: relative;
}

.about-video:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: #081d2d;
    opacity: 0.6;
}

.about-video .container {
    display: table;
    height: 550px;
    position: relative;
    z-index: 2;
}

.about-video p {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    color: #d1d3d4;
}

.about-video p a {
    color: #fff;
}

.about-video p a span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.about-video p a:hover {
    color: #17a43b;
}

.browse-teacher.grey-bg {
    background: #f3f6f8;
}

.modal-content {
    border-radius: 0px;
}

.about .close,
.about-video .close {
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0;
    z-index: 2;
}

.about .close span,
.about-video .close span {
    width: 36px;
    height: 36px;
    display: block;
    text-indent: -9999px;
    background: url(../images/popup-close-btn.jpg) no-repeat center top;
}

.modal {
    z-index: 999999999999;
}

div#newRegister {
    z-index: 99999;
}

.modal-backdrop {
    z-index: 9999;
}

#shareSocial .modal-header,
#videoplay .modal-header {
    padding: 15px;
    border-bottom: 0px;
}

input#m5665 {
    width: 80%;
    font-size: 15px;
    padding: 10px;
    height: 45px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #333;
}

.links ul li {
    float: left;
    padding: 5px 10px;
    background: red;
    margin: 2px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.links ul li:hover {
    opacity: 0.8;
}

li.social-share.facebook {
    background: blue;
}

li.social-share.twitter {
    background: #00aaff;
}

li.social-share.linkedin {
    background: #0e76a8;
}

button.s2dkoGsa:hover {
    opacity: 0.8;
}

#shareSocial .modal-dialog {
    top: 20%;
}

button.s2dkoGsa {
    width: 18%;
    font-size: 18px;
    height: 45px;
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
    margin-left: -1%;
    background: #00aaff;
    border: 0;
    color: white;
}

.card-sub-video .card-img-top {
    height: 200px;
    width: 100%;
    object-fit: cover;
    padding: 1px;
}

/* ================================================== */
/* 07. cources listing page */
/* ================================================== */
.inner-banner {
    display: block;
    padding: 30px 0;
    min-height: 290px;
    background: #edf3fa;
}

.inner-banner .content {
    max-width: 392px;
}

.inner-banner h1 {
    font-family: 'GDSage-Bold', serif;
    font-size: 7.125rem;
    letter-spacing: .00438rem;
    line-height: 1.2;
    display: block;
    padding-bottom: 18px;
    color: #24353b;
    text-transform: uppercase;
}

.inner-banner p {
    color: #111;
    font-size: 2rem;
    line-height: 1.63;
    letter-spacing: .01188rem;
}

.inner-banner a.apply-online {
    max-width: 246px;
    display: block;
    margin-top: 16px;
    margin-bottom: 26px;
    background: #ff9600;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.inner-banner a.apply-online:hover {
    background: #ff8800;
}

.inner-banner a.apply-online .left {
    width: 80%;
    float: left;
    padding: 20px 0 20px 24px;
}

.inner-banner a.apply-online .icon {
    display: block;
    padding-right: 15px;
    float: left;
}

.inner-banner a.apply-online .txt {
    width: 36%;
    float: left;
    line-height: 20px;
}

.inner-banner a.apply-online .arrow {
    width: 20%;
    height: 100%;
    line-height: 78px;
    position: absolute;
    right: 0px;
    background: #e38600;
    font-size: 24px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.inner-banner a.apply-online:hover .arrow {
    background: #df7600;
}

a.download-prospects {
    display: block;
    padding: 0 10px 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #43647d;
    text-transform: uppercase;
}

a.download-prospects .icon-brochure-icon {
    display: block;
    margin-right: 15px;
    float: left;
    font-size: 29px;
    color: #389ceb;
}

a.download-prospects.brochure {
    background-position: left 4px;
    font-size: 18px;
    line-height: 18px;
    text-transform: none;
    color: #4f4a4a;
}

a.download-prospects .small {
    display: block;
    font-family: 'texgyreadventorregular';
    font-size: 12px;
    color: #8f9ba1;
    line-height: 14px;
    text-transform: uppercase;
}

a.download-prospects:hover,
a.download-prospects:hover span {
    color: #2c97ea;
}

.about.inner {
    background: none;
}

.about.inner .video-block {
    margin-bottom: 12px;
}

.about.inner .modal-body .video-block {
    margin-bottom: 0px;
}

.about.inner p {
    padding-bottom: 20px;
    padding-top: 30px;
}

.about .btn-wrapper {
    display: block;
}

a.download-pros,
a.download-cert {
    width: 50%;
    float: left;
    padding: 22px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
}

a.download-pros {
    background: #2c97ea;
    border-right: 1px #fff solid;
}

a.download-cert {
    background: #f0bc01;
    border-left: 1px #fff solid;
}

a.download-pros .ico-block,
a.download-cert .ico-block {
    display: block;
    padding-right: 15px;
    float: left;
}

a.download-pros .txt-block,
a.download-cert .txt-block {
    display: block;
    padding-top: 4px;
    float: left;
    text-transform: uppercase;
}

a.download-pros .sm-txt,
a.download-cert .sm-txt {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    opacity: 0.7;
}

a.download-pros:hover,
a.download-cert:hover {
    background-color: #17a43b;
}

.select-course {
    display: block;
    float: right;
    padding-right: 34px;
}

.select-course .select2.select2-container {
    width: 254px !important;
}

.select-course .select2-container .select2-selection--single {
    height: 48px;
}

.select-course .select2-container--default .select2-selection--single {
    background: rgba(0, 0, 0, 0.4);
}

.select-course .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    line-height: 48px;
    font-family: 'texgyreadventorregular';
    color: #fff;
    text-transform: uppercase;
}

.select-course .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 46px;
    height: 46px;
    border-left: 1px #aaa solid;
    background: rgba(255, 255, 255, 0.2);
}

.our-cources.sub {
    background: url(../images/cources-bg1.jpg) no-repeat center top / cover;
}

.our-cources.sub h2 {
    padding-left: 32px;
    text-align: left;
}

.our-cources ul.inner li {
    margin-bottom: 140px;
}

.our-cources ul.inner li:before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -70px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
}

.our-cources ul.course-list.inner li .inner {
    padding: 40px 0 0 30px;
}

.our-cources ul.inner li:nth-child(n+9) {
    margin-bottom: 80px;
}

.our-cources ul.inner li:nth-child(n+9):before,
.our-cources ul.inner li:nth-child(4n):after {
    display: none;
}

.pagination {
    margin: 0px;
}

.pagination>li>a,
.pagination>li>span {
    font-family: 'Roboto', sans-serif;
    color: #8faabe;
    margin: 0 4px;
    border: none;
    border-radius: 50%;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background: #ff9600;
    color: #fff;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    padding: 0px 13px;
    border-radius: 33px;
    font-size: 23px;
    text-transform: uppercase;
    z-index: 3;
    color: #fff;
    cursor: pointer;
    background-color: #337ab7;
    border-color: #337ab7;
}

li.active a {
    color: #2c96ea !important;
    font-weight: 900;
}

.tutor_video_table th {
    font-weight: 800;
}

li.active span {
    font-weight: 900;
}

.accordions:after {
    content: '\25BC';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.btn-outline-primary {
    background: transparent;
    border: 1px solid #333;
    color: #33363d;
}

.pull-right .card {
    border: 0;
}

.activess:after {
    content: "\25B2";
}

.card-img-topww:after {
    position: absolute;
    content: '';
    background: #0c0c0c70;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pro-vo .text-no {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.pagination li a i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 18px;
}

.pagination>li:first-child a i {
    margin-right: 10px;
}

.pagination>li:last-child a i {
    margin-left: 10px;
}

/*-----------------------
        browse teacher
-----------------------*/
.browse-teacher {
    display: block;
}

.browse-teacher h2 {
    color: #2a4356;
}

ul.browse-teachers-list {
    display: block;
    padding-top: 20px;
}

ul.browse-teachers-list>li {
    display: block;
    text-align: center;
    border-right: 1px #e5e5e5 solid;
}

ul.browse-teachers-list>li:last-child {
    border: none;
}

ul.browse-teachers-list>li .inner-block {
    display: block;
    padding: 0 20px;
}

ul.browse-teachers-list figure {
    width: 124px;
    height: 124px;
    margin: 0 auto 28px;
    position: relative;
}

ul.browse-teachers-list figure:before {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background: url(../images/teacher-overlay-bg.png) no-repeat center top;
}

.browse-teacher.grey-bg ul.browse-teachers-list figure:before {
    background: url(../images/teacher-overlay-bg-grey.png) no-repeat center top;
}

.details-tab ul.browse-teachers-list figure:before {
    background: url(../images/teacher-overlay-bg-tab.png) no-repeat center top;
}

ul.browse-teachers-list h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #414a4f;
}

ul.browse-teachers-list .designation {
    display: block;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 500;
}

ul.browse-teachers-list p {
    display: block;
    padding: 0 20px 26px 20px;
    font-size: 12px;
    line-height: 22px;
}

ul.teachers-follow {
    display: block;
}

ul.teachers-follow li {
    display: inline-block;
    padding: 0 6px;
}

ul.teachers-follow li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

ul.teachers-follow li a:hover {
    background: #333 !important;
}

ul.teachers-follow li:nth-child(1) a {
    background: #00a0d1;
}

ul.teachers-follow li:nth-child(2) a {
    background: #0e76a8;
}

ul.teachers-follow li:nth-child(3) a {
    background: #00aff0;
}

/* ================================================== */
/* 08. course detail page */
/* ================================================== */
.enquire-wrapper {
    max-width: 438px;
}

.enquire-now {
    max-width: 405px;
    margin: -110px auto 0;
    position: relative;
    color: #fff;
}

.enquire-now .inner {
    padding: 10px 15px;
    background: #2c97ea;
}

.enquire-now .inner h3 {
    display: block;
    padding-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #fff;
    text-transform: none;
}

.enquire-now .inner .row1 {
    display: block;
    margin-bottom: 14px;
}

.enquire-now .inner input::-webkit-input-placeholder {
    color: #fff;
}

.enquire-now .inner input:-moz-placeholder {
    color: #fff;
}

.enquire-now .inner input::-moz-placeholder {
    color: #fff;
}

.enquire-now .inner input:-ms-input-placeholder {
    color: #fff;
}

.enquire-now .inner .row1 input,
.enquire-now .inner .row2 input {
    width: 100%;
    height: 30px;
    padding: 0 15px;
    background: #60b1f0;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px #fff solid;
}

.enquire-now .inner .row1 textarea {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    background: #60b1f0;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px #fff solid;
    color: #fff;
}

.enquire-now .inner .row2 {
    display: block;
    margin: 0 -5px 14px -5px;
}

.enquire-now .inner .row2 input {
    width: calc(50% - 10px);
    margin: 0 5px;
    float: left;
}

.XcodeHead:hover {
    text-decoration: underline;
}

.image-box:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.image-box:hover .image:after {
    left: 0;
    right: 0;
    opacity: 0;
}

.image-box {
    position: relative;
}

.image-box .image {
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.image-box .image img {
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.image-box .image:after {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.enquire-now .enquire-btn span {
    margin-left: 4px;
    font-size: 14px;
    opacity: 0.5;
}

.cert-head {
    display: block;
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
}

.cert-head:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0px;
    background: #d8d8d8;
    content: "";
}

.cert-head h3 {
    display: inline-block;
    padding-right: 14px;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #211d1e;
    z-index: 1;
    position: relative;
}

ul.cert-list {
    display: block;
}

ul.cert-list li {
    width: calc(50% - 30px);
    float: left;
    padding: 14px 0 14px 28px;
    margin-right: 30px;
    font-weight: 700;
    border-bottom: 1px #c0c4c6 dashed;
    position: relative;
}

ul.cert-list li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #2c97ea;
    content: "\e91f";
}

ul.cert-list li:nth-last-child(2),
ul.cert-list li:last-child {
    border-bottom: none;
}

ul.cert-list li span {
    display: inline-block;
    margin-right: 6px;
    color: #2c97ea;
}

.course-detail {
    display: block;
    padding: 25px 40px;
    margin-top: 50px;
    border: 1px #dfe9f1 solid;
}

.course-detail .duration {
    width: 25%;
    min-height: 85px;
    padding-right: 40px;
    float: left;
    border-right: 1px #dfe9f1 solid;
}

.course-detail .duration.eligible {
    width: 34%;
    padding: 0 40px;
}

.course-detail .duration.eligible .icon {
    font-size: 34px;
}

.course-detail .duration.fee {
    width: 22%;
    padding: 0 40px;
}

.course-detail .duration.fee .detail {
    font-size: 36px;
    color: #17a43b;
}

.course-detail .duration.fee .detail span {
    padding-bottom: 10px;
}

.course-detail .duration .icon {
    width: 67px;
    height: 67px;
    display: table;
    float: left;
    background: #edf1f4;
    border-radius: 50%;
    font-size: 38px;
    color: #79a2c2;
    text-align: center;
}

.course-detail .duration .icon span {
    display: table-cell;
    vertical-align: middle;
}

.course-detail .duration .detail {
    display: block;
    padding: 10px 0 0 16px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #4f4a4a;
    line-height: 22px;
}

.course-detail .duration .detail span {
    display: block;
    font-family: 'texgyreadventorregular';
    font-size: 14px;
    color: #8f9ba1;
    text-transform: uppercase;
}

.course-detail .btn {
    margin: 18px 0 0 40px;
}

/*-----------------------
        course detail tab
-----------------------*/
.details-tab {
    display: block;
    padding: 50px 0 90px 0;
    background: #ebeff3;
}

#myTabs {
    padding: 0 30px;
    text-align: center;
}

.course-tab {
    margin-bottom: 50px;
    border-bottom: 0;
}

.course-tab>li {
    width: 25%;
}

.course-tab>li>a {
    padding: 0 0 26px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #909aa1;
    text-transform: uppercase;
    border: none !important;
}

.course-tab>li>a span {
    display: block;
    padding-bottom: 18px;
    font-size: 50px;
    color: #a4b1bc;
}

.course-tab>li>a .block {
    display: inline;
}

.course-tab>li.active>a,
.course-tab>li.active>a:focus,
.course-tab>li.active>a:hover,
.course-tab>li>a:hover {
    background: none;
    border-bottom: 2px #17a43b solid !important;
    color: #17a43b;
}

.course-tab>li.active>a span,
.course-tab>li.active>a:focus span,
.course-tab>li.active>a:hover span,
.course-tab>li>a:hover span {
    color: #17a43b;
}

.details-tab #curriculam,
.details-tab #schedule {
    background: #fff;
    box-shadow: 0 0 14px #d4d9de;
}

#curriculam .lecture-txt {
    display: block;
    padding-bottom: 2px;
    font-size: 12px;
    color: #a5b1a8;
    text-transform: uppercase;
}

#curriculam .lecture-txt span {
    color: #4f5c53;
}

#curriculam .lecture-txt a.preview {
    display: inline-block;
    padding: 0 12px;
    background: #2c97ea;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
}

#curriculam .lecture-txt a.preview:hover {
    background: #ff9600;
}

.details-tab .course-table {
    border: 1px #d8e0e7 solid;
    margin: 0px;
}

.details-tab .course-table>thead>tr>th {
    padding: 11px 30px;
    background: #e9f4fd;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #4e5d52;
    border-color: #c3e1f9;
}

.course-table>tbody>tr>td,
.course-table>tfoot>tr>td,
.course-table>thead>tr>td {
    padding: 28px 30px;
}

.course-table>thead>tr,
.course-table>thead>tr>td,
.course-table>thead>tr>th {
    border: 1px #c3e1f9 solid;
}

.course-table>tbody>tr>td,
.course-table>tbody>tr>th,
.course-table>tfoot>tr>td,
.course-table>tfoot>tr>th {
    border: 1px solid #eee;
    font-weight: 700;
    color: #707c82;
}

.table-col1 {
    display: block;
    padding-left: 20px;
    position: relative;
}

.table-col1:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #ff9600;
    content: "\f105";
}

#schedule .course-table>thead>tr>th:first-child {
    width: 55%;
}

#schedule .fee-amt {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #585d60;
}

#schedule ul.fee-details {
    display: block;
    padding: 5px 0 0 22px;
}

#schedule ul.fee-details li {
    display: block;
    padding: 8px 0;
    border-bottom: 1px #c9cdce dashed;
    font-weight: normal;
    position: relative;
}

#schedule ul.fee-details li:last-child {
    border-bottom: none;
}

#schedule ul.fee-details li:before {
    display: block;
    position: absolute;
    left: -22px;
    top: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #2c97ea;
    content: "\e908";
}

#semester ul.content {
    display: block;
}

#semester ul.content>li {
    display: block;
    padding: 0 0 24px 24px;
    margin-bottom: 24px;
    border-bottom: 1px #c9cdce dashed;
    position: relative;
}

#semester ul.content>li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#semester ul.content>li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -2px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #2c97ea;
    content: "\e908";
}

#semester ul.content>li:last-child {
    border-bottom: none;
}

#semester ul.content>li h4 {
    display: block;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #4c5357;
}

#semester ul.content>li p {
    display: block;
    line-height: 22px;
}

#semester ul.content>li>ul {
    max-width: 430px;
    padding: 10px 0 0 0;
}

#semester ul.content>li>ul>li {
    padding: 6px 0 6px 20px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}

#semester ul.content>li>ul>li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #79a2c2;
    content: "\e917";
}

#teachers ul.browse-teachers-list>li {
    border-color: #dbdedf;
}

/*-----------------------
        how to apply
-----------------------*/
.how-apply {
    display: block;
}

.how-apply h2 {
    color: #2a4356;
}

.how-apply ul {
    display: block;
    padding-top: 20px;
    padding-bottom: 70px;
}

.how-apply ul li {
    display: block;
    text-align: center;
}

.how-apply ul li:nth-child(1):after {
    width: 214px;
    height: 77px;
    display: block;
    content: "";
    position: absolute;
    right: -120px;
    top: 86px;
    background: url(../images/dotted-arrow.png) no-repeat left top;
    z-index: -1;
}

.how-apply ul li:nth-child(2):after {
    width: 221px;
    height: 84px;
    display: block;
    content: "";
    position: absolute;
    right: -122px;
    top: 32px;
    background: url(../images/dotted-arrow1.png) no-repeat left top;
    z-index: -1;
}

.how-apply ul li .icon-block {
    width: 175px;
    height: 175px;
    line-height: 175px;
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: #ff9600;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.how-apply ul li .icon-block .num {
    width: 44px;
    height: 44px;
    position: absolute;
    right: -20px;
    top: 45px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    background: #2c97ea;
    border-radius: 50%;
}

.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
    background: #3eb25c;
}

.how-apply ul li:hover .num,
.how-apply ul li.active .num {
    background: #ff9600
}

.how-apply ul li h3 {
    display: block;
    padding: 34px 0 25px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #211d1e;
    text-transform: uppercase;
}

.how-apply ul li p {
    display: block;
    padding: 0 40px 0;
}

.how-apply .button-wrapper {
    display: block;
    text-align: center;
    position: relative;
}

.how-apply .button-wrapper:before,
.how-apply .button-wrapper:after {
    width: calc(50% - 110px);
    height: 1px;
    background: #d8d8d8;
    content: "";
    position: absolute;
    top: 50%
}

.how-apply .button-wrapper:before {
    left: 0;
}

.how-apply .button-wrapper:after {
    right: 0;
}

/*----------------------
        comments section
-----------------------*/
.comments-wrapper {
    display: block;
    background: #f3f6f8;
}

.comments-wrapper h2 {
    display: block;
    padding-bottom: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #545454;
    text-transform: uppercase;
    border-bottom: 1px #d5d7d9 solid;
    position: relative;
}

.comments-wrapper h2:after {
    display: block;
    width: 166px;
    height: 1px;
    background: #4181b9;
    position: absolute;
    bottom: -1px;
    content: "";
    background: #4181b9;
}

.comments-wrapper ul.comments {
    display: block;
    padding-top: 56px;
    padding-bottom: 40px;
}

.comments-wrapper ul.comments li {
    margin-bottom: 30px;
}

.comments-wrapper ul.comments li .com-img {
    width: 68px;
    height: 68px;
    float: left;
}

.comments-wrapper ul.comments li .com-txt {
    width: calc(100% - 92px);
    padding: 30px 60px 30px 30px;
    float: right;
    background: #fbfcfd;
    border: 1px #d1dadf solid;
    position: relative;
}

.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
    right: 100%;
    top: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.comments-wrapper ul.comments li .com-txt:after {
    border-color: rgba(243, 246, 248, 0);
    border-right-color: #fbfcfd;
    border-width: 8px;
    margin-top: -8px;
}

.comments-wrapper ul.comments li .com-txt:before {
    border-color: rgba(209, 218, 223, 0);
    border-right-color: #d1dadf;
    border-width: 9px;
    margin-top: -9px;
}

.comments-wrapper ul.comments li .com-txt h3 {
    display: block;
    padding-bottom: 13px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #4b5761;
    text-transform: uppercase;
}

.comments-wrapper ul.comments li .com-txt h3 span {
    padding-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #96adba;
}

.comments-wrapper ul.comments li .com-txt p {
    padding-bottom: 10px;
    line-height: 20px;
}

.comments-wrapper ul.comments li .com-txt a {
    font-size: 12px;
    font-weight: 700;
    color: #4181b9;
    text-transform: uppercase;
}

.comments-wrapper ul.comments li .com-txt a span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    font-size: 16px;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.comments-wrapper ul.comments li .com-txt a:hover {
    color: #ff9600;
}

.comments-wrapper ul.comments li .com-txt a:hover span {
    opacity: 1;
}

.comments-wrapper hr {
    margin: 0px;
    border-color: #d5d7d9;
}

.leave-comment h4 {
    display: block;
    padding: 60px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #545454;
    text-transform: uppercase;
}

.leave-comment .row1 {
    display: block;
    margin-bottom: 30px;
}

.leave-comment input {
    width: calc(50% - 25px);
    height: 46px;
    padding: 0 20px;
    float: left;
    background: none;
    border: none;
    border-left: 1px #cbd8de solid;
    border-bottom: 1px #cbd8de solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
}

.leave-comment input:last-child {
    float: right;
}

.leave-comment textarea {
    width: 100%;
    height: 130px;
    margin-bottom: 40px;
    padding: 10px 20px;
    float: left;
    background: none;
    border: none;
    border-left: 1px #cbd8de solid;
    border-bottom: 1px #cbd8de solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    resize: none;
}

/* ================================================== */
/* 09. contact page */
/* ================================================== */
.inner-banner.contact {
    min-height: 240px;
    padding: 30px 0;
}

.form-wrapper {
    display: block;
}

.form-wrapper .input-row {
    display: block;
}

.course-routes {
    color: #716d6d;
    font-size: 15px;
    margin-bottom: 5px;
}

.buy img.card-img-top {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.last-heading i,
.only {
    padding-right: 10px;
}

.create-heading a:hover {
    color: #333;
}

.course-heading h3 {
    color: #000;
    text-transform: capitalize;
}

.create-heading p {
    font-size: 13px;
    margin-bottom: 5px;
}

.course-routes i {
    color: #ff9500;
    font-weight: 800;
}

.course-routes i {
    color: #33363d;
    font-weight: 100;
}

.form-wrapper .row .col-sm-6 {
    margin-bottom: 40px;
}

.form-wrapper input {
    width: 100%;
    padding: 0 22px;
    height: 46px;
    border: none;
    border-bottom: 1px #dae4e8 solid;
    border-left: 1px #dae4e8 solid;
    font-size: 12px;
    color: #858788;
}

.google-map {
    display: block;
    position: relative;
}

.google-map .container {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 0px;
}

.google-map #map {
    height: 550px;
    z-index: 1;
}

.google-map #map iframe {
    width: 100%;
    height: 100%;
}

.contact-detail {
    margin: 0 0;
    float: right;
    background: #f1efea;
    color: #fff;
    /* box-shadow: 0 0 30px #bfcdbf;*/
    position: relative;
    z-index: 2;
}

.contact-detail .address {
    display: block;
    padding: 18px 40px 12px 70px;
}

.contact-detail .inner {
    display: block;
    padding: 18px 0;
    position: relative;
}

.contact-detail .inner:before {
    width: 16px;
    height: 23px;
    display: block;
    position: absolute;
    left: -30px;
    font-family: 'icomoon' !important;
    font-size: 22px;
    content: "\e918";
    color: #0a0909;
}

.contact-detail .inner:nth-child(2):before {
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: -30px;
    font-size: 18px;
    content: "\e91a";
}

.contact-detail .inner:nth-child(3) {
    border-bottom: none;
}

.contact-detail .inner:nth-child(3):before {
    width: 21px;
    height: 15px;
    display: block;
    position: absolute;
    left: -30px;
    top: 20px;
    font-size: 16px;
    content: "\e919";
}

.contact-detail .inner h3 {
    padding-bottom: 6px;
    font-size: 18px;
    /* color: #f8f9f8;*/
    text-transform: uppercase;
}

.contact-detail .inner p {
    color: #0a0909;
    line-height: 20px;
}

.contact-detail .inner a {
    padding-bottom: 6px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: black;
}

.contact-bottom {
    display: block;
    padding: 27px 0 23px 0;
    background: #ff9600;
    text-align: center;
}

.contact-bottom ul.follow-us {
    display: block;
}

.contact-bottom ul.follow-us li {
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
}

.contact-bottom ul.follow-us li a {
    color: #fff;
    opacity: 0.7;
}

.contact-bottom ul.follow-us li a:hover {
    color: #fff;
    opacity: 1;
}

.have-question h2 {
    color: #2d4256;
}

.have-question ul li {
    margin-bottom: 0px;
}

.have-question ul li:after {
    display: none;
}

.error {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #cb0101;
}

.msg {
    display: none;
}

.msg-error {
    display: block;
    padding: 6px 20px;
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #fff;
    background: #c70202;
    border-radius: 4px;
}

.msg-error:after {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f071";
    float: right;
}

.msg-success {
    display: block;
    padding: 6px 20px;
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #fff;
    background: #17a43b;
    border-radius: 4px;
}

.msg-success:after {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f00c";
    float: right;
}

/* ================================================== */
/* 10. blog page */
/* ================================================== */
.inner-banner.blog {
    min-height: 240px;
    padding: 60px 0;
}

.inner-banner.blog .content {
    margin: 0 auto;
    text-align: center;
}

.blog-wrapper {
    display: block;
}

.blog-left {
    display: block;
    position: relative;
}

.blog-left:after {
    width: 1px;
    height: 100%;
    display: block;
    background: #e5e5e5;
    position: absolute;
    top: 0px;
    right: -50px;
    content: "";
}

ul.blog-listing {
    display: block;
}

ul.blog-listing>li {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px #e9e9e9 solid;
}

ul.blog-listing>li h2 {
    padding: 30px 0 20px 0;
    font-family: 'texgyreadventorregular';
    font-size: 24px;
    color: #343a3c;
    line-height: 36px;
    text-transform: none;
}

ul.blog-listing>li p {
    padding-bottom: 26px;
    color: #8d8f8f;
}

ul.blog-listing>li .read-more {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #545454;
    text-transform: uppercase;
}

ul.blog-listing>li .read-more span {
    vertical-align: middle;
    margin-right: 7px;
    font-size: 18px;
    color: #ff9600;
    transition: all 0.3s ease 0s;
}

ul.blog-listing>li .read-more:hover span {
    color: #17a43b;
}

ul.post-detail {
    display: block;
    padding-bottom: 17px;
}

ul.post-detail li {
    display: inline-block;
    padding-right: 20px;
    font-size: 12px;
    color: #96adba;
}

ul.post-detail li .ico {
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    font-size: 17px;
    color: #afc0c9;
}

ul.post-detail li .bold {
    font-weight: 700;
    color: #5c7e91;
    text-transform: uppercase;
}

ul.post-detail li .label {
    display: inline-block;
    padding: 5px 10px;
    background: #abbfc9 scroll;
    border-radius: 2px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.blog-wrapper .pagination>li>a,
.blog-wrapper .pagination>li>span {
    background: #ecf4fa;
}

.blog-wrapper .pagination>li>a:focus,
.blog-wrapper .pagination>li>a:hover,
.blog-wrapper .pagination>li>span:focus,
.blog-wrapper .pagination>li>span:hover {
    background: #ff9600;
}

.blog-right {
    display: block;
    padding-left: 0px;
}

.search-block {
    display: block;
    margin-bottom: 40px;
    background: #e9e9e9;
}

.search-block input {
    width: calc(100% - 58px);
    height: 42px;
    float: left;
    padding: 0 20px;
    border: none;
    background: none;
}

.search-block .search {
    width: 40px;
    height: 42px;
    float: right;
    border: none;
    background: #ff9600;
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease 0s;
}

.search-block .search:hover {
    background: #17a43b;
}

.blog-right h3 {
    padding-bottom: 16px;
    font-size: 20px;
    color: #000;
    text-transform: capitalize;
}

.category {
    display: block;
    padding-bottom: 30px;
}

img.card-img-top-tutors {
    width: 100%;
    object-fit: cover;
}

.btn-new {
    background: #ff9500;
}

.btn-new:hover {
    background: #2c96ea;
}

select#basic-select {
    font-size: 15px;
    padding: 0 25px;
    height: 28px;
    top: 0;
    position: absolute;
    background: transparent;
    border-radius: 3px;
}

.category h3 {
    border-bottom: 1px #e6e6e6 solid;
}

.nowshow,
.nowshows,
.nowshowm {
    font-size: 30px !important;
}

.bright {
    color: #2c96ea;
}

label.form-check-label {
    color: #000;
    line-height: 17px;
}

.category ul {
    display: block;
}

.category ul li {
    display: block;
}

.category ul li:last-child {
    border-bottom: none;
}

.category ul li a {
    display: block;
    padding: 10px 0;
    font-size: 13px;
    color: #000;
}

.pointer {
    cursor: pointer;
}

.category ul li span {
    display: inline-block;
    margin-top: 5px;
    background: #000;
    float: right;
    padding: 1.5px 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 14px;
    transition: all 0.3s ease 0s;
}

.category ul li a:hover span {
    background: #2c97ea;
}

.recent-post {
    display: block;
    padding-bottom: 60px;
}

.recent-post ul {
    display: block;
}

.recent-post ul li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px #eee solid;
}

.recent-post ul li:last-child {
    border: none;
}

.recent-post ul li .img-block {
    width: 22%;
    float: left;
}

.recent-post ul li .detail {
    width: 78%;
    padding-left: 15px;
    float: left;
}

.recent-post ul li .detail h4 {
    padding-bottom: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #5f6f77;
    text-transform: uppercase;
}

.recent-post ul li .detail p {
    font-size: 12px;
    color: #b9c8d0;
}

.recent-post ul li .detail .ico {
    padding-right: 7px;
    font-size: 15px;
    color: #adbec8;
}

.recent-post ul li .detail p span {
    font-weight: 700;
    text-transform: uppercase;
    color: #98abb6;
}

.archives {
    display: block;
    padding-bottom: 60px;
}

.archives h3 {
    border-bottom: 1px #eee solid;
}

.archives ul {
    display: block;
}

.archives ul li {
    display: block;
    border-bottom: 1px #eee solid;
}

.archives ul li:last-child {
    border: none;
}

.archives ul li a {
    display: block;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700;
    color: #545454;
    text-transform: uppercase;
}

.archives ul li a:hover,
.archives ul li:hover span {
    color: #ff9600;
}

.archives ul li span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    padding-right: 10px;
    vertical-align: middle;
    font-size: 20px;
    color: #adbec8;
}

.blog-right .tags {
    display: block;
    padding-bottom: 70px;
}

.blog-right .tags h3 {
    border-bottom: 1px #eee solid;
}

ul.tags-list {
    display: block;
    padding-top: 24px;
}

ul.tags-list li {
    display: block;
    margin-right: 8px;
    float: left;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
}

ul.tags-list li a {
    padding: 4px 10px;
    color: #fff;
    background: #abbfc9;
    text-transform: uppercase;
    border-radius: 2px;
}

ul.tags-list li a:hover {
    background: #17a43b;
}

/* ================================================== */
/* 11. blog detail page */
/* ================================================== */
.imp-quote {
    display: block;
    padding: 25px 20px 0 66px;
    margin-bottom: 30px;
    border-radius: 4px;
    background: #eef2f4;
    position: relative;
}

.imp-quote:before {
    position: absolute;
    left: 26px;
    top: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    content: "\e90d";
    color: #4181b9;
}

.imp-quote>p {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: #79929f !important;
    line-height: 24px;
}

ul.blog-listing.detail>li {
    margin-bottom: 0px;
    padding-bottom: 50px;
}

.blog-left ul.follow-us {
    display: inline-block;
    padding-right: 15px;
    margin-top: -17px;
    background: #fff;
}

.blog-left ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;
}

.blog-left ul.follow-us li:first-child {
    padding-left: 0px;
}

.blog-left ul.follow-us li a {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    background: #c6d9ea;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.blog-left ul.follow-us li a:hover {
    background: #17a43b;
    border-color: #1c7bc3;
}

.blog-left .comments-wrapper {
    background: none;
    padding: 50px 0 0 0;
    border-bottom: 1px #dfdfdf solid;
}

.blog-left .comments-wrapper ul.comments li .com-txt {
    background: none;
}

.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
    padding-left: 42px;
}

.blog-left .leave-comment h4 {
    padding: 50px 0;
}

/* ================================================== */
/* 12. 404 page */
/* ================================================== */
.not-found-wrapper {
    max-width: 480px;
    margin: 130px auto;
    padding: 240px 0 0 0;
    background: url(../images/404-img.png) no-repeat center top / 100%;
    text-align: center;
}

.not-found-wrapper h1 {
    font-size: 186px;
    color: #bcbfc1
}

.not-found-wrapper p {
    padding-bottom: 60px;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #bcbfc1;
    text-transform: uppercase;
}

/* ================================================== */
/* 13. FAQ pages */
/* ================================================== */
/*-----------------------
        FAQ 1
-----------------------*/
.faq-wrapper {
    display: block;
    background: #f3f6f8;
}

.faq-wrapper .search-block {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 4px #eaedef;
}

.faq-wrapper .search-block input {
    height: 58px;
}

.faq-wrapper .search-block .search {
    width: 58px;
    height: 58px;
    border-radius: 0px 4px 4px 0px;
}

ul.faq-listing {
    display: block;
}

ul.faq-listing li {
    margin-bottom: 25px;
    position: relative;
}

ul.faq-listing li:after {
    width: 1px;
    height: calc(100% - 25px);
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #e2e4e6;
    content: "";
}

ul.faq-listing li:nth-child(even):after {
    display: none;
}

ul.faq-listing li:nth-child(even) .inner {
    padding-left: 88px;
}

ul.faq-listing li:nth-child(even) .inner:before {
    left: 20px;
}

ul.faq-listing li:nth-last-child(2) .inner,
ul.faq-listing li:last-child .inner {
    border-bottom: none;
}

ul.faq-listing li .inner {
    display: block;
    padding: 50px 40px 50px 68px;
    border-bottom: 1px #e2e4e6 solid;
    position: relative;
}

ul.faq-listing li .inner:before {
    position: absolute;
    left: 0px;
    top: 58px;
    font-family: 'Roboto', sans-serif;
    font-size: 46px;
    color: #c5d4da;
    content: "\e91c";
}

ul.faq-listing li h2 {
    padding-bottom: 20px;
    font-size: 18px;
    color: #284962;
    text-transform: uppercase;
    line-height: 26px;
}

.faq-wrapper hr {
    margin: 0px;
    border-color: #e2e4e6;
}

.faq-wrapper .text-center,
.testimonial-outer .text-center {
    margin-top: 80px;
}

.pagination.blue>li>a,
.faq-wrapper .pagination.blue>li>span {
    background: #e3edf5;
}

.pagination.blue>li>a:focus,
.pagination.blue>li>a:hover,
.pagination.blue>li>span:focus,
.pagination.blue>li>span:hover {
    background: #ff9600;
}

/*-----------------------
        FAQ 2
-----------------------*/
.faq-wrapper.faq2 {
    background: #fff;
}

.faq-wrapper.faq2 .search-block {
    padding-left: 50px;
    box-shadow: none;
}

.faq-wrapper.faq2 .search-block input {
    border: 2px #ff9600 solid;
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.panel-default {
    background: none;
    border: none;
    border-bottom: 0px;
    border-radius: 0px !important;
    box-shadow: none;
}

.panel-group .panel+.panel {
    margin: 0px;
}

.panel-default>.panel-heading {
    padding: 22px 0px;
    background: none;
    border: none;
    color: #738c9f;
}

.panel-default .panel-title {
    font-size: 18px;
    text-transform: inherit;
}

.panel-default .panel-title a {
    display: block;
    padding-left: 50px;
    position: relative;
    color: #284962;
}

.panel-default .panel-title a:before,
.panel-default .panel-title a.collapsed:before {
    position: absolute;
    left: 0px;
    top: -15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 46px;
}

.panel-default .panel-title a:before {
    top: -20px;
    content: " - ";
    color: #284962;
}

.panel-default .panel-title a.collapsed {
    color: #738c9f;
}

.panel-default .panel-title a.collapsed:before {
    content: " + ";
    color: #b9c5cf;
}

.panel-default .panel-body {
    padding: 0 0 0px 0px;
}

.panel-default .panel-body p {
    padding-bottom: 0px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}

/* ================================================== */
/* 14. login page */
/* ================================================== */
.fill-bg {
    background: url(../images/login-bg.jpg) no-repeat center center / cover;
    background-attachment: fixed;
}

.fill-bg:after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}

.login-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    display: table;
    z-index: 2;
}

.login-wrapper.register {
    width: 100%;
    height: auto;
    position: initial;
    display: block;
    z-index: 2;
}

.login-wrapper .inner {
    display: table-cell;
    vertical-align: middle;
}

.login-wrapper .login {
    max-width: 500px;
    margin: 30px auto;
}

.login-wrapper .login-logo {
    margin-bottom: 30px;
}

.login-wrapper .login-logo img {
    margin: 0 auto;
}

.login-wrapper .head-block {
    display: block;
    padding: 15px 0;
    text-align: center;
    background: rgb(0 170 255);
}

.login-wrapper .head-block h1 {
    font-size: 34px;
    text-transform: uppercase;
    color: #353434;
}

.login-wrapper .cnt-block {
    display: block;
    padding: 40px;
    background: #fff;
}

.head-block h3 {
    color: #fff;
}

.btns {
    width: 100%;
}

.form-outer input {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 20px;
    background: none;
    border: 1px #060606 solid;
    font-size: 12px;
    font-weight: 700;
    color: #7f8385;
    z-index: 2;
    position: relative;
}

.form-outer select {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    color: #7f8385;
    z-index: 2;
    position: relative;
}

.login-wrapper .button-outer {
    display: block;
    position: relative;
}

.login-wrapper .or {
    width: 16%;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #b7c1c4;
    text-transform: uppercase;
}

.login-wrapper .btn:hover {
    background: #17a43b;
}

.login-wrapper .register {
    display: block;
    float: right;
    background: #7f7f7f;
}

.login-wrapper .remember {
    display: block;
    margin: 36px 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.login-wrapper .remember .check {
    display: inline-block;
    margin-right: 15px;
    line-height: 15px;
    color: #6e7e83;
}

.login-wrapper .remember .check input {
    height: auto;
    position: absolute;
}

.login-wrapper a.forgot {
    display: inline-block;
    margin-left: 15px;
    color: #6e7e83;
}

.login-wrapper a.forgot:hover {
    color: #17a43b;
}

.login-wrapper a.forgot span {
    display: inline-block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #becfd5;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}

.login-wrapper a.forgot:hover span {
    background: #17a43b;
}

.login-wrapper .login-footer {
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

.login-wrapper ul.follow-us {
    display: block;
}

.login-wrapper ul.follow-us li {
    display: inline-block;
    padding: 0 15px;
}

.login-wrapper ul.follow-us li a {
    font-size: 18px;
    color: #849da6;
}

.login-wrapper ul.follow-us li a:hover {
    color: #1e4f61;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 17px;
    height: 17px;
    background: #dae4e8;
    border-radius: 3px;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    content: '\e91e';
    position: absolute;
    top: 3px;
    left: 3px;
    line-height: 0.8;
    color: #17a43b;
    transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/* ================================================== */
/* 15. testimonial page */
/* ================================================== */
.testimonial-outer {
    display: block;
}

ul.testimonials {
    text-align: center;
    border-bottom: 1px #dfe5e1 solid;
    position: relative;
}

ul.testimonials:after {
    width: 5px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
}

ul.testimonials li {
    display: block;
    border-right: 1px #dfe5e1 solid;
    border-bottom: 1px #dfe5e1 solid;
    position: relative;
}

ul.testimonials li .quotblock {
    display: block;
    padding: 50px 20px;
}

ul.testimonials li:nth-last-child(1),
ul.testimonials li:nth-last-child(2),
ul.testimonials li:nth-last-child(3) {
    border-bottom: none;
}

ul.testimonials li:nth-last-child(1):after,
ul.testimonials li:nth-last-child(2):after,
ul.testimonials li:nth-last-child(3):after,
ul.testimonials li:nth-last-child(1):before,
ul.testimonials li:nth-last-child(2):before,
ul.testimonials li:nth-last-child(3):before {
    display: none !important;
}

ul.testimonials li:after,
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
    width: 5px;
    height: 7px;
    display: block;
    content: "";
    background: url(../images/testi-clip.png) no-repeat left top;
    position: absolute;
    bottom: -4px;
}

ul.testimonials li:nth-child(1) .quotblock,
ul.testimonials li:nth-child(2) .quotblock,
ul.testimonials li:nth-child(3) .quotblock {
    padding-top: 0px;
}

ul.testimonials li:after {
    right: -1px;
}

ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
    left: -1px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

ul.testimonials li img {
    margin: 0 auto 22px;
}

ul.testimonials li .icon-quote-left-icon {
    font-size: 20px;
    color: #ffac34;
}

ul.testimonials li h3 {
    padding: 14px 0 2px 0;
    font-size: 18px;
    color: #464f53;
    text-transform: none;
}

ul.testimonials li .desig {
    display: block;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 700;
}

ul.testimonials li p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 36px;
}

/* ================================================== */
/* 16. gallery page */
/* ================================================== */
.campus-tour .pagination {
    margin: 80px 0;
}

ul.gallery-filter {
    display: block;
    padding: 0 30px;
    border-bottom: 2px #d8e0e7 solid;
    margin-bottom: 50px;
}

ul.gallery-filter li {
    width: 19%;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}

ul.gallery-filter li a {
    display: inline-block;
    padding: 0 0 30px 0;
    color: #909aa1;
}

ul.gallery-filter li:after {
    width: 0px;
    height: 2px;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0px;
    content: "";
    background: #17a43b;
    color: #4f4a4a;
    transition: all 0.5s ease 0s;
}

ul.gallery-filter li:hover:after,
ul.gallery-filter li.active:after {
    width: 100%;
    left: 0px;
    color: #4f4a4a;
}

ul.gallery-filter li:hover a,
ul.gallery-filter li.active a {
    color: #4f4a4a;
}

.mfp-counter {
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
}

/* ================================================== */
/* 17. news & events page */
/* ================================================== */
.news-wrapper {
    background: #f1f4f6;
}

ul.news-listing>li {
    margin-bottom: 30px;
}

ul.news-listing>li .inner {
    display: block;
    padding-bottom: 15px;
    background: #fff;
    box-shadow: 0 0 8px #e4e7e9;
}

ul.news-listing>li img {
    width: 100%;
}

ul.news-listing>li .cnt-block {
    display: block;
    padding: 40px 30px;
}

ul.news-listing>li h2 {
    padding-bottom: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #4d5557;
    line-height: 30px;
    text-transform: none;
}

ul.news-listing>li p {
    padding-bottom: 26px;
    color: #8d8f8f;
}

ul.news-listing>li .read-more {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #545454;
    text-transform: uppercase;
}

ul.news-listing>li .read-more span {
    vertical-align: middle;
    margin-right: 7px;
    font-size: 19px;
    color: #ff9600;
    transition: all 0.3s ease 0s;
}

ul.news-listing>li .read-more:hover span {
    color: #17a43b;
}

.news-wrapper ul.post-detail {
    padding-bottom: 10px;
}

.news-wrapper ul.post-detail li .ico {
    font-size: 17px;
}

.news-wrapper .text-center {
    margin-top: 50px;
}

/* ================================================== */
/* 18. privacy page */
/* ================================================== */
.privacy-wrapper {
    background: #f1f4f6;
}

.privacy-wrapper h2 {
    display: block;
    padding-bottom: 25px;
    font-size: 30px;
    color: #343a3c;
    line-height: 32px;
    text-transform: none;
}

.privacy-wrapper p {
    padding-bottom: 25px;
    color: #33363d;
}

.imp-note li {
    list-style: outside;
    line-height: 24px;
    padding: 5px;
}

.imp-note ul {
    padding: 0 20px;
}

ul.privacy-listing {
    padding: 10px 0;
}

ul.privacy-listing>li {
    border-bottom: 1px dashed #c9cdce;
    color: #707c82;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0 0 15px 24px;
    position: relative;
}

ul.privacy-listing>li:last-child {
    border-bottom: none;
}

ul.privacy-listing>li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #79a2c2;
    content: "\e917";
}

ul.privacy-listing>li>ul {
    padding: 4px 0;
}

ul.privacy-listing>li>ul>li {
    font-size: 12px;
    font-weight: normal;
}

ul.privacy-listing>li>ul>li:before {
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    width: 5px;
    height: 5px;
    margin-right: 12px;
    border-radius: 50%;
    content: "";
    background: #98b4cb;
}

.privacy-wrapper hr {
    border-color: #daddde;
}

ul.privacy-ul li {
    line-height: 24px;
    padding: 5px;
    list-style: decimal;
}

.privacy-wrapper h3 {
    display: block;
    padding-bottom: 25px;
    font-size: 24px;
    color: #343a3c;
    line-height: 32px;
    text-transform: none;
}

.privacy-wrapper .padding-top {
    padding-top: 30px;
}

.imp-note {
    display: block;
    margin: 10px 0 38px 0;
    box-shadow: 0 0 8px #e4e7e9;
    padding: 24px 40px 15px 22px;
    background: #fdfdfe;
}

.imp-note span {
    width: 72px;
    height: 72px;
    line-height: 52px;
    margin-right: 25px;
    display: block;
    float: left;
    border-radius: 50%;
    background: #fec472;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 12px #fdf2e4 solid;
}

.imp-note p {
    padding-bottom: 25px;
    font-size: 13px;
    color: #94a6af;
    line-height: 22px;
    overflow: hidden;
}

ol.ord-listing {
    padding-left: 68px;
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

ol.ord-listing li {
    position: relative;
    min-height: 60px;
    margin-top: 15px;
    padding-bottom: 20px;
    color: #7d8081;
    border-bottom: 1px #daddde solid;
}

ol.ord-listing li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #17a43b;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: 7px;
    left: -50px;
}

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

/* ================================================== */
/* 19. register page */
/* ================================================== */
.form-outer input.country-code {
    float: left;
    width: 16%;
}

.form-outer input.phone-no {
    float: right;
    width: calc(84% - 18px);
}

.register .cnt-block textarea {
    width: 100%;
    height: 122px;
    margin-bottom: 30px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    resize: none;
}

.datepicker {
    min-width: 260px;
    border: 1px #dae4e8 solid;
    box-shadow: none;
}

.form-outer .date {
    position: relative;
}

.form-outer .date .icon-calander-icon {
    position: absolute;
    right: 0px;
    top: 14px;
    font-size: 19px;
    color: #aab8be;
}

.register .cnt-block {
    padding: 20px 30px;
}

.register .regiter-inner {
    max-width: 500px;
    padding: 0 15px;
    margin: 30px auto;
}

.form-outer h2 {
    padding-bottom: 14px;
    font-size: 13px;
    text-transform: uppercase;
    color: #353434;
}

.form-outer ul.select-opt {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
}

ul.select-opt li {
    color: #aaa;
    display: block;
    position: relative;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}

.login-wrapper .cnt-block ul.select-opt li input {
    height: auto;
    margin: 0px;
}

ul.select-opt li input[type=radio] {
    position: absolute;
    visibility: hidden;
}

ul.select-opt li label {
    display: block;
    position: relative;
    padding: 0px 30px 0 26px;
    margin: 0px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

ul.select-opt li .check {
    display: block;
    position: absolute;
    background: #dae4e8;
    border-radius: 2px;
    height: 17px;
    width: 17px;
    top: 4px;
    left: 0px;
    z-index: 5;
}

ul.select-opt li:hover .check {
    border: 3px solid #dae4e8;
}

ul.select-opt li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 2px;
    height: 11px;
    width: 11px;
    top: 0px;
    left: 0px;
    margin: auto;
}

.form-outer input[type=radio]:checked~.check {
    border: 3px solid #dae4e8;
}

.form-outer input[type=radio]:checked~.check::before {
    background: #ef5b34;
}

.form-outer input[type="radio"]:checked~label {
    color: #343a3c;
}

/* ================================================== */
/* 20. apply online page */
/* ================================================== */
.form-outer .select2.select2-container {
    width: 100% !important;
}

.form-outer .select2-container--default .select2-selection--single {
    width: 100%;
    height: 46px;
    margin-bottom: 1px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    border-radius: 0px;
}

.form-outer .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    color: #7f8385;
    line-height: 43px;
}

.form-outer .col-left {
    float: left;
}

.form-outer .col-left:first-child {
    padding-right: 10%;
}

/* ================================================== */
/* 21. generic UI page */
/* ================================================== */
.generic-wrapper {
    display: block;
}

.generic-wrapper .head-block {
    display: block;
    padding-bottom: 50px;
}

.generic-wrapper .head-block h2 {
    padding-bottom: 10px;
}

.generic-wrapper .head-block p {
    color: #7d8081;
}

.generic-wrapper hr {
    margin: 0;
    border-color: #dde5e9;
}

.generic-wrapper .heading-group {
    display: block;
}

.heading-group h1,
.heading-group h2,
.heading-group h3,
.heading-group h4,
.heading-group h5,
.heading-group h6 {
    padding-bottom: 30px;
}

.heading-right {
    display: block;
}

.heading-right ul.privacy-listing,
.heading-right ul.privacy-listing li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.heading-right p {
    padding-bottom: 20px;
}

ul.our-spec {
    display: block;
}

ul.our-spec li {
    width: 33.3%;
    padding-bottom: 50px;
    float: left;
    font-weight: 700;
    color: #284962;
    text-align: center;
    line-height: 20px;
}

ul.our-spec li .icon {
    display: block;
    padding-bottom: 15px;
}

ul.our-spec li .icon img {
    border-radius: 3px;
}

ul.our-spec li:last-child,
ul.our-spec li:nth-last-child(2),
ul.our-spec li:nth-last-child(3) {
    padding-bottom: 0px;
}

.button-group {
    margin-bottom: 70px;
}

.button-group a {
    display: inline-block;
    vertical-align: middle;
}

a.btn-circle {
    width: 60px;
    height: 60px;
    margin: 0 8px;
    display: inline-block;
    line-height: 64px;
    border-radius: 50%;
    text-align: center;
    background: #ff9600;
    font-size: 22px;
    color: #fff;
}

a.btn-circle.more {
    background: #17a43b;
}

a.btn-circle.plus {
    background: #2c97ea;
}

a.btn-circle.plus:hover {
    background: #ff9600;
}

a.btn-circle:hover {
    background: #2c97ea;
}

.button-group a.btn {
    margin: 0 8px;
}

.generic-wrapper .imp-note {
    margin: 0px;
}

.button-group1 {
    margin: 0;
}

.button-group1 a.download-pros,
.button-group1 a.download-cert {
    width: calc(50% - 20px);
    margin: 0 10px;
}

.generic-wrapper ul.tags-list,
.generic-wrapper ul.teachers-follow {
    padding-top: 0px;
    margin-bottom: 40px;
}

.generic-wrapper .enquire-now {
    margin: inherit;
}

/* ================================================== */
/* 22. Coming Soon */
/* ================================================== */
.coming-soon {
    display: block;
}

.coming-soon .left {
    height: 100vh;
    display: table;
    text-align: center;
    position: relative;
}

.coming-soon .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.coming-soon .left a.logo {
    width: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
}

.coming-soon .cnt-block {
    max-width: 490px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.coming-soon .cnt-block h1 {
    display: block;
    padding-bottom: 40px;
    font-size: 60px;
}

.stay-connected {
    width: 100%;
    position: absolute;
    bottom: 80px;
}

.stay-connected h2 {
    padding-bottom: 25px;
    font-size: 18px;
    text-transform: inherit;
}

.coming-soon ul.follow-us {
    display: block;
}

.coming-soon ul.follow-us li {
    display: inline-block;
    padding: 0 3px;
}

.coming-soon ul.follow-us li a {
    width: 38px;
    height: 38px;
    display: block;
    background: rgba(28, 123, 195, 0.3);
    border-radius: 50%;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

.coming-soon ul.follow-us li a:hover {
    background: rgba(28, 123, 195, 1);
    border-color: #1c7bc3;
}

.coming-soon .right {
    height: 100vh;
    display: table;
    background: url(../images/coming-soon-bg.jpg) no-repeat center top / cover;
    text-align: center;
    position: relative;
    color: #fff;
}

.coming-soon .right:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.7);
}

.coming-soon .right .ready {
    display: block;
    padding-bottom: 60px;
}

.coming-soon .right h2 {
    padding-bottom: 20px;
    font-family: 'texgyreadventorregular';
    font-size: 20px;
    text-transform: inherit;
    color: #fff;
}

.coming-soon .right ul {
    display: block;
}

.coming-soon .right ul li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
    font-weight: 300;
    color: #fff;
}

.coming-soon .right ul li:after {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    content: ":";
    font-size: 60px;
    position: absolute;
    right: -5px;
    top: 18%;
}

.coming-soon .right ul li:last-child:after {
    display: none;
}

.coming-soon .right ul li span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.coming-soon .right ul li .count {
    font-size: 70px;
    font-weight: 300;
    line-height: 70px;
}

.coming-soon .stay-tuned {
    max-width: 400px;
    margin: 0 auto;
}

.coming-soon .stay-tuned p {
    max-width: 320px;
    padding-bottom: 25px;
    margin: 0 auto;
    opacity: 0.7;
}

.coming-soon .stay-tuned input[type="email"] {
    width: calc(100% - 115px);
    height: 46px;
    padding: 0 0 0 55px;
    border: none;
    border-radius: 25px 0 0 25px;
    color: #9cb0be;
    text-transform: none;
}

.coming-soon .stay-tuned #mc_embed_signup_scroll {
    position: relative;
}

.coming-soon .stay-tuned #mc_embed_signup_scroll:before {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    content: "\e907";
    color: #c0cfda;
    z-index: 1;
}

.coming-soon .stay-tuned input::-webkit-input-placeholder {
    text-transform: none;
}

.coming-soon .stay-tuned input:-moz-placeholder {
    /* Firefox 18- */
    text-transform: none;
}

.coming-soon .stay-tuned input::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder {
    text-transform: none;
}

.coming-soon .stay-tuned .clear {
    float: right;
}

.coming-soon .stay-tuned .clear .button {
    width: 115px;
    background: #ff9600;
    padding: 10px 0;
    border: none;
    border-radius: 0 25px 25px 0;
    transition: all 0.3s ease 0s;
}

.coming-soon .stay-tuned .clear .button:hover {
    background: #2c97ea;
}

/* ================================================== */
/* 23. Responsive Style */
/* ================================================== */
@media (min-width: 1200px) and (max-width:1366px) {
    .logos {
        padding: 40px 0;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width:1199px) {
    .nav>li>a {
        padding: 19px 20px;
    }

    .navbar-form {
        width: 24%;
        padding: 0 20px;
    }

    .banner-outer .content h1 {
        font-size: 28px;
        line-height: 48px;
    }

    .banner-outer .content h1 span {
        font-size: 42px;
    }

    .news-events ul li .cnt-block h3 {
        font-size: 18px;
    }

    .campus-tour {
        padding: 60px 0 0 0;
        padding-bottom: 0px;
    }

    .campus-tour ul.gallery li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .campus-tour ul.gallery li h3 {
        font-size: 20px;
    }

    .campus-tour ul.gallery li a {
        margin: 0 2px;
    }

    .campus-tour ul.gallery li .overlay {
        margin-top: -55px;
    }

    .details-tab,
    .padding-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    a.download-pros,
    a.download-cert {
        padding: 20px 16px;
    }

    a.download-pros .txt-block,
    a.download-cert .txt-block {
        text-transform: none;
    }

    a.download-pros .ico-block,
    a.download-cert .ico-block {
        padding-right: 10px;
    }

    .logos {
        padding: 40px 0;
    }

    .footer ul.follow-us li a {
        width: 36px;
        height: 36px;
        line-height: 34px;
    }

    .footer .connect-us {
        width: 100%;
    }

    .footer .subscribe {
        width: 100%;
        padding-right: 30px;
    }

    .footer .instagram {
        padding-right: 0px;
    }

    .about-video .container {
        height: 450px;
    }

    .about-video p {
        font-size: 55px;
    }

    .about {
        padding-bottom: 60px;
    }

    .about ul.our-links li {
        padding: 44px 0 60px 3%;
    }

    .course-detail {
        padding: 20px 30px;
        margin: 30px 0 0 0;
    }

    .course-detail .duration {
        width: 23%;
        padding-right: 20px;
    }

    .course-detail .duration.eligible {
        padding: 0 20px;
    }

    .course-detail .duration.fee {
        width: 21%;
        padding: 0 20px;
    }

    .course-detail .btn {
        margin: 10px 0 0 32px;
    }

    .how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
        top: 54px;
    }

    .how-apply ul li p {
        padding: 34px 0 25px;
    }

    .blog-right {
        padding-left: 60px;
    }

    ul.blog-listing>li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
        padding-left: 53px;
    }

    .not-found-wrapper {
        width: 60%;
    }

    .not-found-wrapper h1 {
        font-size: 186px;
    }

    .login-wrapper .login {
        max-width: 460px;
    }

    .login-wrapper .login-logo {
        margin-bottom: 40px;
        text-align: center;
    }

    .login-wrapper .login-logo a {
        width: 250px;
        display: inline-block;
    }

    .login-wrapper .head-block {
        padding: 22px 0;
    }

    .login-wrapper .head-block h1 {
        font-size: 30px;
    }

    .login-wrapper .cnt-block {
        padding: 30px;
    }

    .login-wrapper .or {
        width: 20%;
    }

    .login-wrapper .btn {
        padding: 10px 20px;
    }

    ul.testimonials li p {
        font-size: 16px;
        line-height: 30px;
    }

    .coming-soon .cnt-block {
        max-width: 400px;
    }

    .coming-soon .cnt-block h1 {
        font-size: 50px;
    }

    .coming-soon .right ul li {
        padding: 0 15px;
    }

    .coming-soon .right ul li .count {
        font-size: 60px
    }
}

@media (max-width: 991px) {
    .silk img.card-img-top-tutor {
        width: 100%;
        height: 100px !important;
        object-fit: cover;
        background: #f9f8f3;
    }

    .banner-outer .content h1 {
        display: block;
        padding-bottom: 2px;
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        color: #24343a;
        line-height: 16px;
        text-transform: uppercase;
        -webkit-animation-delay: 0.2s;
    }

    .faq-wrapper.faq2 .search-block input {
        width: calc(100% - 48px);
    }

    .panel-default .panel-title {
        font-size: 17px;
    }

    .faq-wrapper.faq2 .search-block,
    .panel-default .panel-title a,
    .panel-default .panel-body {
        padding-left: 40px;
    }

    .panel-default .panel-title a:before,
    .panel-default .panel-title a.collapsed:before {
        font-size: 40px;
        top: -10px;
    }

    .coming-soon .left,
    .coming-soon .right {
        width: 100%;
    }
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .header-top ul.follow-us li {
        padding-right: 12px;
    }

    .header-middle .contact ul {
        padding-right: 28px;
    }

    .header-middle .contact ul li {
        padding: 0 20px;
        font-size: 16px;
    }

    .header-middle a.login {
        padding: 5px 14px;
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 14px;
    }

    .navbar-inverse .container {
        padding: 0px;
    }

    .nav>li>a {
        padding: 18px 12px;
    }

    .navbar-form {
        width: 24%;
        padding: 0 15px;
    }

    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3 {
        height: 450px;
    }

    .banner-outer .content h1 {
        font-size: 22px;
        line-height: 40px;
    }

    .banner-outer .content h1 span {
        font-size: 35px;
    }

    .banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1 {
        font-size: 46px;
    }

    .banner-outer .content p {
        font-size: 14px;
    }

    .about {
        padding-bottom: 60px;
    }

    .about .video-block a {
        width: 50px;
        margin-top: -25px;
    }

    .about ul.our-links li {
        padding: 34px;
        text-align: center;
    }

    .about ul.our-links li .icon {
        width: 26%;
        float: none;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .about ul.our-links li .detail {
        width: auto;
        padding-left: 0px;
    }

    .about .btn-wrapper {
        margin-bottom: 30px;
    }

    .our-impotance ul li .inner {
        padding: 30px 0;
    }

    .details-tab,
    .padding-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .news-events h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
        font-size: 30px;
    }

    .our-cources ul.inner li:nth-child(9) {
        margin-bottom: 160px;
    }

    .our-cources ul.inner li:nth-child(3n):after,
    .our-cources ul.inner li:nth-child(n+10):before {
        display: none;
    }

    .our-cources ul.inner li:nth-child(9):before {
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0px;
        bottom: -70px;
        display: block;
        background: #fff;
        content: " ";
        opacity: 0.3;
    }

    ul.our-strength li span {
        font-size: 38px;
    }

    ul.our-strength li {
        width: 24%;
    }

    .news-events ul li .cnt-block {
        padding: 32px 20px 20px;
    }

    .news-events ul li .cnt-block h3 {
        padding-bottom: 26px;
        font-size: 18px;
        line-height: 24px;
    }

    .news-events ul li .bottom-block {
        padding: 20px 0 0;
    }

    .news-events ul li .icon {
        margin-right: 4px;
    }

    .news-events ul li .icon span {
        font-size: 14px !important;
    }

    .news-events ul li .cnt-block .plus-icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
    }

    .news-events ul li .date span,
    .news-events ul li .comment span {
        font-size: 11px;
    }

    .how-study ul li .cnt-block {
        max-width: 152px;
    }

    .how-study ul li a.more {
        right: 10px;
    }

    .how-study ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .campus-tour {
        padding-bottom: 0px;
    }

    .campus-tour ul.gallery li h3 {
        font-size: 14px;
    }

    .campus-tour ul.gallery li a {
        width: 34px;
        height: 34px;
        margin: 0 2px;
        line-height: 34px;
        font-size: 14px;
    }

    .campus-tour ul.gallery li .overlay {
        margin-top: -58px;
    }

    .campus-tour ul.gallery li:hover .overlay {
        top: 60%;
    }

    .campus-tour ul.gallery li p {
        padding-bottom: 10px;
    }

    .logos {
        padding: 30px 0;
    }

    .testimonial ul li p {
        font-size: 18px;
        line-height: 30px;
    }

    .testimonial ul li span {
        font-size: 16px;
    }

    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 38px;
    }

    .footer .footer-logo {
        padding-bottom: 20px;
    }

    .footer p {
        line-height: 20px;
    }

    .footer .bottom {
        padding: 20px 0;
    }

    .footer .connect-us {
        width: 100%;
    }

    .footer .subscribe {
        width: 100%;
        padding-right: 30px;
    }

    .footer .subscribe input[type='email'] {
        width: 75%;
    }

    .footer .subscribe .clear:before {
        font-size: 18px;
        top: 3px;
    }

    .footer .subscribe .clear .button {
        width: 40px;
        height: 34px;
    }

    .footer ul.follow-us li {
        padding: 0 2px;
    }

    .footer ul.follow-us li a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
        border: 1px solid #4d87b5;
    }

    .footer .instagram {
        padding: 14px 15px 18px 0;
    }

    .footer .subscribe input[type='email'] {
        width: 78%;
        height: 34px;
    }

    ul.browse-teachers-list p {
        padding: 0 0 20px 0;
    }

    .about-video .container {
        height: 400px;
    }

    .about-video p {
        font-size: 50px;
    }

    .inner-banner a.apply-online {
        width: 100%;
    }

    .enquire-wrapper {
        max-width: none;
        margin-top: 30px;
    }

    .enquire-now {
        margin-top: 20px;
        max-width: none;
    }

    .course-detail {
        padding: 20px;
        margin: 30px 0 0 0;
    }

    .course-detail .duration {
        width: 33.3%;
        padding-right: 20px;
    }

    .course-detail .duration .icon {
        float: none;
        margin: 0 auto;
    }

    .course-detail .duration .detail {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .course-detail .duration.eligible {
        width: 33.3%;
        padding: 0 20px;
    }

    .course-detail .duration.fee {
        width: 33.3%;
        border-right: none;
        padding: 0 20px;
    }

    .course-detail .btn {
        margin: 10px 0 0 32px;
    }

    .how-apply ul li .icon-block {
        width: 135px;
        height: 135px;
        line-height: 135px;
    }

    .how-apply ul li .icon-block img {
        width: 60px;
    }

    .how-apply ul li p {
        padding: 34px 0 25px;
    }

    .how-apply ul li .icon-block .num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        top: 20px;
        right: -8px;
    }

    .how-apply ul li:nth-child(1):after {
        top: 10px;
    }

    #myTabs {
        padding: 0px;
    }

    .course-tab>li>a {
        padding: 18px 0px;
        font-size: 16px;
    }

    .course-table>tbody>tr>td,
    .course-table>tfoot>tr>td,
    .course-table>thead>tr>td {
        padding: 18px 20px;
    }

    #schedule .fee-amt {
        font-size: 20px;
    }

    #semester ul.content>li h4 {
        font-size: 16px;
    }

    ul.blog-listing>li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    ul.blog-listing>li h2 {
        padding: 20px 0 10px;
        font-size: 20px;
    }

    .blog-left:after {
        right: -20px;
    }

    .blog-right {
        padding-left: 20px;
    }

    .search-block input {
        width: 78%;
    }

    ul.post-detail li {
        padding-right: 15px;
    }

    .category ul li a {
        font-size: 12px;
    }

    .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
        padding-left: 64px;
    }

    .not-found-wrapper {
        width: 60%;
        margin: 80px auto;
        padding-top: 198px;
    }

    .not-found-wrapper h1 {
        font-size: 166px;
    }

    .faq-wrapper .search-block input {
        height: 48px;
    }

    .faq-wrapper .search-block .search {
        width: 48px;
        height: 48px;
    }

    ul.faq-listing li .inner {
        padding: 20px 20px 20px 68px;
    }

    ul.faq-listing li .inner:before {
        top: 36px;
    }

    .faq-wrapper .text-center,
    .testimonial-outer .text-center {
        margin-top: 40px;
    }

    .login-wrapper .login {
        max-width: 460px;
    }

    .login-wrapper .login-logo {
        margin-bottom: 40px;
        text-align: center;
    }

    .login-wrapper .login-logo a {
        width: 250px;
        display: inline-block;
    }

    .login-wrapper .head-block {
        padding: 22px 0;
    }

    .login-wrapper .head-block h1 {
        font-size: 30px;
    }

    .login-wrapper .cnt-block {
        padding: 30px;
    }

    .login-wrapper .or {
        width: 20%;
    }

    .login-wrapper .btn {
        padding: 10px 20px;
    }

    ul.testimonials li p {
        font-size: 15px;
        line-height: 26px;
    }

    ul.testimonials li .quotblock {
        padding: 40px 10px;
    }

    ul.gallery-filter li {
        width: auto;
        font-size: 17px;
        padding: 0 16px;
    }

    ul.gallery-filter li a {
        padding-bottom: 20px;
    }

    .campus-tour .pagination {
        margin: 50px 0;
    }

    .news-wrapper .text-center {
        margin-top: 10px;
    }

    ul.news-listing>li h2 {
        font-size: 18px;
        line-height: 26px;
    }

    ul.news-listing>li p {
        line-height: 24px;
    }

    .news-wrapper ul.post-detail li {
        padding-right: 10px;
        padding-bottom: 2px;
    }

    ul.news-listing>li .cnt-block {
        padding: 20px;
    }

    .form-outer .cnt-block {
        padding: 50px 20px;
    }

    .form-outer ul.select-opt {
        padding-bottom: 30px;
    }

    .form-outer .col-left:first-child {
        padding-right: 0;
    }

    .col-left ul.select-opt li label {
        padding-right: 21px;
    }

    .generic-wrapper ul.our-spec {
        padding-bottom: 40px;
    }

    .generic-wrapper .button-group {
        text-align: center;
    }
}

ul.dropdown-menu {
    z-index: 999999999999999;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .main-demo li.acti a {
        font-size: 11px;
    }

    .form-control {
        display: block;
        width: 100%;
        height: 34px;
    }

    .searchmenu .btn {
        display: inline-block;
        padding: 6px 12px;
        height: 34px;
    }

    .main-demo li {
        float: left;
        margin: 5px 2px;
        padding: 5px 12px;
        background: #fff;
        border-radius: 40px;
        font-weight: bold;
        font-size: 11px;
        line-height: 18px;
        color: rgb(7, 111, 236);
        cursor: pointer;
    }

    .democl h3 {
        font-weight: bold;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        color: rgb(31, 42, 85);
        margin: 0px 0px 8px;
    }

    .democl p {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: rgba(31, 42, 85, 0.6);
        margin: 0px 0px 10px;
    }

    .p-sm-1 {
        padding: 0.4rem !important;
    }

    .main-demo2 ul.nav.nav-tabs li a {
        font-size: 10px;
        font-weight: 700;
        color: #333;
    }

    .main-demo3 img.card-img-top-tutor {
        width: 100%;
        height: 145px;
        object-fit: cover;
    }

    .main-demo2 .nav>li>a {
        padding: 5px 6px;
    }

    .vertical-center {
        line-height: 1.5;
        font-size: 11px;
    }

    .about ul.our-links {
        display: block;
        position: relative;
        z-index: 99;
        top: -5px;
    }

    .about ul.our-links li .detail h3 {
        display: block;
        padding-bottom: 5px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }

    .about ul.our-links li .detail p {
        display: block;
        font-size: 10px;
        line-height: 10px;
    }

    .quiz-ques:before {
        border-top: 55px solid #2c97ea;
        border-right: 30px solid #48acf9;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques:after {
        border-top: 55px solid #2c97ea;
        border-left: 30px solid #bae1ff;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques {
        height: 110px;
    }

    figure.product-image-container img {
        max-width: 70px;
        height: 70px;
        object-fit: cover;
    }

    .banner-big-sale {
        font-size: 20px;
        line-height: 28px;
    }

    b.d-inline-block {
        position: relative;
        color: #fff !important;
        z-index: 1;
        padding: 6px;
        font-size: 14px;
    }

    .p-sm-2 {
        padding: 1.2rem !important;
    }

    pl-sm-0 {
        padding-left: 0 !important;
    }

    ul.asdf .dropdown-menu li {
        float: left;
        width: 80%;
    }

    .prod_roe h4.product-title {
        font-size: 12px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #101010;
    }

    .navbar-inverse {
        background: transparent;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        margin: 0;
        box-shadow: 0 0 !important;
    }

    .navbar-collapse.in {
        position: fixed;
        top: 0;
        left: 0;
        width: 65%;
        height: 100vh;
        padding-top: 20px;
        background: #ffffff;
        z-index: 9999;

        /* Smooth animation */
        transition: transform .25s ease, opacity .25s ease;

        /* Slide-in animation */
        transform: translateX(0);
        opacity: 1;

        /* Shadows */
        box-shadow:
            0 2px 4px rgba(0, 0, 0, .08),
            0 4px 12px rgba(0, 0, 0, .08);

        /* Prevent weird clipping behavior */
        clip: auto;
    }

    a.dLabel {
        color: #000;
        background-color: transparent;
        border-right: 0;
    }

    .navbar-inverse .navbar-toggle {
        border: none;
    }

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background: none;
    }

    .navbar-form {
        background: none;
        border: none;
        box-shadow: none;
    }

    .navbar-form .search-btn {
        top: 4px;
    }

    .form-control {
        padding: 6px 30px;
    }

    .navbar-toggle .icon-bar {
        width: 26px;
        height: 3px;
        background: #000;
    }

    .navbar-collapse {
        box-shadow: none;
        border: none;
        padding: 0 15px;
    }

    .navbar-form {
        width: auto;
        margin: 0 -15px;
    }

    .nav>li>a {
        padding: 12px 20px;
    }

    .our-cources .nav>li>a {
        padding: 5px 5px;
    }

    .our-cources ul.nav.nav-tabs li a {
        font-size: 11px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
    }

    .navbar-nav .open .dropdown-menu {
        background: #fff;
        border-radius: 0px;
    }

    .navbar .dropdown-menu {
        padding: 10px 0;
    }

    .navbar .dropdown-menu:after {
        display: none;
    }

    .header-top ul.top-nav li {
        padding: 0 7px;
    }

    .header-top .right-block {
        display: block;
        float: right;
        position: relative;
        right: 25px;
    }

    ul.asdf li {
        float: none;
    }

    .header-top .lang-wrapper {
        margin-right: -15px;
    }

    .header-middle a.login {
        padding: 5px 14px;
    }

    .fl-right {
        bottom: 14%;
        position: absolute;
        width: 50%;
        right: 0;
    }

    .banner-outer .content {
        float: none;
        padding: 0px 0px;
    }

    .banner-outer .slide2 .content {
        float: left !important;
        padding: 15px 0px;
        width: 55%;
    }

    .banner-outer .slide3 .content {
        float: left !important;
        padding: 15px 0px;
        width: 55%;
    }

    .banner-outer .slide1 .content {
        float: right !important;
        padding: 15px 0px;
        width: 52%;
    }

    .banner-outer .content h1 span {
        font-size: 35px;
    }

    .banner-outer .slide2 {
        background: url(../images/banner2.jpg) no-repeat center top;
        background-size: cover;
    }

    .banner-outer .slide1 {
        background: url(../images/banner1.jpg) no-repeat center top;
        background-size: cover;
    }

    .banner-outer .slide3 {
        background: url(../images/banner3.jpg) no-repeat center top;
        background-size: cover;
    }

    .banner-outer .content .btn {
        display: inline-block;
        padding: 5px 5px;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        color: #fff;
        background: black;
        text-transform: uppercase;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1 {
        padding-bottom: 5px !important;
        font-size: 18px;
        line-height: 22px;
    }

    .banner-outer .slide1 .content h1 {
        padding-bottom: 5px !important;
        font-size: 13px;
        line-height: 14px;
    }

    .banner-outer .content p {
        font-size: 11px;
        line-height: 13px;
        padding-bottom: 5px !important;
    }

    .banner-outer .bx-wrapper .bx-pager {
        bottom: 10px;
    }

    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3 {
        height: 150px;
    }

    .about .video-block a {
        width: 50px;
        margin-top: -25px;
    }

    .modal-open .modal {
        padding-right: 0px !important;
    }

    .about ul.our-links li {
        padding: 10px 10px 20px 10px;
    }

    a.more h6 {
        color: #fff !important;
        text-transform: uppercase;
        line-height: 15px;
        font-size: 10px;
    }

    .about ul.our-links li .icon {
        width: 20%;
    }

    .about ul.our-links li .detail {
        width: 80%;
    }

    .about ul.our-links li .detail a.more {
        width: 30px;
        height: 30px;
        line-height: 24px;
        font-size: 16px;
        position: relative;
    }

    .about .left-block {
        padding-bottom: 30px;
    }

    .details-tab,
    .padding-lg {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .news-events h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
        padding-bottom: 30px;
        font-size: 26px;
    }

    .our-impotance ul li .inner {
        padding: 10px 10px 30px 10px;
        border-bottom: 1px #e9e9e9 solid;
    }

    .our-impotance ul li:last-child {
        margin-bottom: 0px !important;
    }

    .our-impotance ul li:last-child .inner {
        border-bottom: none;
    }

    .our-impotance ul li {
        border-right: none;
        margin-bottom: 30px !important;
    }

    .our-impotance ul li:after {
        display: none;
    }

    .our-impotance ul li h3 span {
        display: inline;
    }

    .how-study ul li {
        margin-bottom: 20px;
    }

    .how-study ul li .cnt-block {
        left: 20px;
    }

    ul.our-strength li {
        width: 24%;
        border: none;
    }

    ul.our-strength li span {
        font-size: 26px;
    }

    ul.our-strength li .title {
        line-height: 20px;
    }

    .news-events ul {
        margin-bottom: 30px;
    }

    .news-events ul li {
        margin-bottom: 30px;
    }

    .news-events ul li .cnt-block {
        padding: 40px 20px 20px;
    }

    .news-events ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .news-events ul li .cnt-block .plus-icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 30px;
        top: -27px;
    }

    .news-events ul li .bottom-block {
        padding-top: 20px;
    }

    .campus-tour {
        padding-bottom: 0px;
    }

    .campus-tour ul.gallery li {
        width: 50%;
    }

    .campus-tour ul.gallery li h3 {
        font-size: 18px;
    }

    .campus-tour ul.gallery li a {
        width: 44px;
        height: 44px;
        margin: 0 4px;
        line-height: 44px;
        font-size: 18px;
    }

    .campus-tour ul.gallery li:hover .overlay {
        top: 60%;
    }

    .campus-tour ul.gallery li p {
        padding-bottom: 10px;
    }

    .logos {
        padding: 30px 0;
    }

    .testimonial ul li p {
        font-size: 18px;
        line-height: 28px;
    }

    .testimonial ul li span {
        font-size: 16px;
    }

    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 38px;
    }

    .footer .row1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer .row1 .col-sm-9 {
        padding-bottom: 15px;
    }

    .footer .foot-nav {
        width: 100%;
        border-bottom: 1px #2e5f85 solid;
        padding: 10px 0 12px 0;
    }

    .footer .foot-nav h3 {
        padding-bottom: 0px;
        cursor: pointer;
    }

    .footer .foot-nav h3:after {
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
        float: right;
        content: " + ";
    }

    .footer .foot-nav h3.open:after {
        content: " - ";
    }

    .footer .foot-nav ul {
        padding: 15px 0 10px 0;
    }

    .footer .bottom {
        padding: 20px 0px;
    }

    .footer .connect-us,
    .footer .subscribe,
    .footer .instagram {
        width: 100%;
        border-right: none;
        padding-right: 0px;
    }

    .footer .instagram ul li a img {
        width: 100%;
    }

    ul.browse-teachers-list>li {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #e5e5e5 solid;
    }

    ul.browse-teachers-list>li:nth-child(2n) {
        border-right: none;
    }

    ul.browse-teachers-list>li:nth-last-child(2) {
        border-bottom: none;
    }

    .about-video .container {
        height: 300px;
    }

    .about-video p {
        font-size: 36px;
    }

    .inner-banner {
        padding: 30px 0 20px;
    }

    .inner-banner h1 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .inner-banner p {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 24px;
    }

    .inner-banner a.apply-online .left {
        padding: 12px 0 12px 24px;
    }

    .inner-banner a.apply-online .arrow {
        line-height: 64px;
    }

    .about .btn-wrapper {
        margin-bottom: 20px;
    }

    .select-course {
        float: left;
        margin-bottom: 30px;
    }

    .our-cources.sub h2 {
        padding-left: 0px;
    }

    .our-cources ul.inner li {
        margin-bottom: 70px;
    }

    .our-cources ul.inner li:before {
        bottom: -35px;
        display: none;
    }

    .our-cources ul.inner li:nth-child(2n):after {
        display: none;
    }

    ul.cert-list li {
        width: 100%;
        float: none;
    }

    ul.cert-list li:nth-last-child(2) {
        border-bottom: 1px dashed #c0c4c6;
    }

    .enquire-now {
        max-width: none;
        margin-top: 0;
    }

    .enquire-wrapper {
        max-width: none;
    }

    .course-detail {
        padding: 0 20px;
        margin: 20px 0 0 0;
    }

    .course-detail .duration {
        width: auto;
        padding: 20px 0;
        border: none;
        float: none;
        border-bottom: 1px solid #dfe9f1;
    }

    .course-detail .duration.eligible {
        width: auto;
        padding: 20px 0px;
    }

    .course-detail .duration.fee {
        width: auto;
        float: none;
        padding: 20px 0px;
        border: none;
    }

    .course-detail .duration.fee .detail {
        padding: 0px;
    }

    .course-detail .btn {
        position: absolute;
        right: 36px;
        bottom: 22px;
        float: none;
        margin: 10px 0 0 0;
    }

    .how-apply ul,
    .how-apply ul li {
        padding-bottom: 30px;
    }

    .how-apply ul li .icon-block {
        width: 135px;
        height: 135px;
        line-height: 135px;
    }

    .how-apply ul li .icon-block img {
        width: 60px;
    }

    .how-apply ul li .icon-block .num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        top: 20px;
        right: -8px;
    }

    .how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
        display: none;
    }

    .comments-wrapper ul.comments {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .comments-wrapper ul.comments li .com-txt {
        padding: 20px;
    }

    .leave-comment {
        padding-bottom: 30px;
        border-bottom: 1px solid #e9e9e9;
    }

    .leave-comment h4 {
        padding: 30px 0;
    }

    .leave-comment textarea {
        height: 100px;
    }

    #myTabs {
        padding: 0px;
    }

    .course-tab {
        margin-bottom: 30px;
    }

    .course-tab>li>a {
        font-size: 14px;
        padding-bottom: 16px;
    }

    .course-tab>li>a span {
        font-size: 44px;
        padding-bottom: 14px;
    }

    .course-tab>li>a .block {
        display: block;
    }

    .course-table>tbody>tr>td,
    .course-table>tfoot>tr>td,
    .course-table>thead>tr>td {
        padding: 18px 20px;
    }

    #schedule .fee-amt {
        font-size: 18px;
    }

    #semester ul.content {
        border-bottom: 1px dashed #c9cdce;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    #semester .col-sm-6:last-child ul.content {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #semester ul.content>li h4 {
        font-size: 16px;
    }

    .inner-banner.contact,
    .inner-banner.blog {
        padding: 30px 0 60px 0;
    }

    .inner-banner.contact p,
    .inner-banner.blog p {
        padding-bottom: 0px;
    }

    .form-wrapper .row .col-sm-6 {
        margin-bottom: 20px;
    }

    .contact-detail .address {
        padding: 18px 40px 12px 60px;
    }

    .contact-bottom {
        padding: 18px 0 14px 0;
    }

    .blog-left {
        padding-bottom: 30px;
    }

    .blog-left:after {
        display: none;
    }

    .blog-right {
        padding-left: 0px;
    }

    ul.blog-listing>li {
        padding-bottom: 10px;
        margin-bottom: 40px;
    }

    ul.blog-listing>li h2 {
        padding: 20px 0 15px;
        font-size: 18px;
        line-height: 26px;
    }

    ul.post-detail li {
        padding-bottom: 4px;
        padding-right: 18px;
    }

    .inner-banner.blog {
        min-height: 160px;
    }

    .recent-post,
    .archives {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px #e9e9e9 solid;
    }

    .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
        padding-left: 64px;
    }

    .category {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 0;
    }

    .not-found-wrapper {
        width: 80%;
        margin: 50px auto;
        padding-top: 178px;
    }

    .not-found-wrapper h1 {
        font-size: 116px;
    }

    .not-found-wrapper p {
        font-size: 26px;
        padding-bottom: 40px;
    }

    .faq-wrapper .search-block input {
        height: 48px;
    }

    .faq-wrapper .search-block .search {
        width: 48px;
        height: 48px;
    }

    ul.faq-listing li .inner {
        padding: 10px 20px 30px 48px;
    }

    ul.faq-listing li .inner:before {
        top: 26px;
        font-size: 36px;
    }

    ul.faq-listing li:nth-last-child(2) .inner {
        border-bottom: 1px #e2e4e6 solid;
    }

    ul.faq-listing li:nth-child(2n) .inner {
        padding-left: 48px;
    }

    ul.faq-listing li .inner:before {
        left: 0px !important;
        top: 22px;
    }

    .faq-wrapper .text-center,
    .testimonial-outer .text-center {
        margin-top: 40px;
    }

    .panel-default .panel-title {
        font-size: 15px;
        line-height: 20px;
    }

    .panel-default .panel-title a:before,
    .panel-default .panel-title a.collapsed:before {
        font-size: 30px;
        top: 0px;
    }

    .panel-default>.panel-heading {
        padding: 15px 0;
    }

    .faq-wrapper.faq2 .search-block,
    .panel-default .panel-title a,
    .panel-default .panel-body {
        padding-left: 30px;
    }

    .login-wrapper .login {
        max-width: 360px;
    }

    .login-wrapper .login-logo {
        margin-bottom: 30px;
        text-align: center;
    }

    .login-wrapper .login-logo a {
        width: 220px;
        display: inline-block;
    }

    .login-wrapper .head-block {
        padding: 18px 15px;
    }

    .login-wrapper .head-block h1 {
        font-size: 26px;
    }

    .login-wrapper .cnt-block {
        padding: 30px;
    }

    .login-wrapper .btn {
        padding: 8px 8px;
        font-size: 12px;
    }

    .login-wrapper .login-footer {
        padding: 12px 15px;
    }

    .login-wrapper ul.follow-us li {
        padding: 0 12px;
    }

    ul.testimonials:after {
        display: none;
    }

    ul.testimonials li h3 {
        padding-top: 8px;
    }

    ul.testimonials li p {
        font-size: 15px;
        line-height: 28px;
    }

    ul.testimonials li .quotblock {
        padding: 30px 10px 15px 10px;
    }

    ul.testimonials li:nth-child(3) .quotblock {
        padding-top: 30px;
    }

    ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
        border-bottom: 1px solid #dfe5e1 !important;
    }

    ul.testimonials li:nth-child(odd):before,
    ul.testimonials li:nth-child(even):after {
        display: none;
    }

    ul.testimonials li:nth-child(even) {
        border-right: none;
    }

    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
        display: block !important;
    }

    ul.gallery-filter {
        padding: 0px;
    }

    ul.gallery-filter li {
        width: auto;
        float: none;
        display: inline-block;
        padding: 0 16px;
        font-size: 16px;
    }

    ul.gallery-filter li a {
        padding-bottom: 20px;
    }

    .campus-tour .pagination {
        margin: 40px 0;
    }

    .news-wrapper .text-center {
        margin-top: 10px;
    }

    ul.news-listing>li h2 {
        font-size: 18px;
        line-height: 26px;
    }

    ul.news-listing>li p {
        line-height: 24px;
    }

    .news-wrapper ul.post-detail li {
        padding-right: 10px;
        padding-bottom: 2px;
    }

    ul.news-listing>li .cnt-block {
        padding: 20px;
    }

    .privacy-wrapper h2 {
        font-size: 24px;
    }

    .privacy-wrapper h3 {
        font-size: 20px;
    }

    ul.privacy-listing {
        padding: 0px;
    }

    ul.privacy-listing>li {
        padding-bottom: 10px;
    }

    ul.privacy-listing>li:last-child {
        border-bottom: 1px dashed #c9cdce;
    }

    ul.privacy-listing>li.last {
        border-bottom: none;
    }

    .privacy-wrapper .padding-top {
        padding-top: 10px;
    }

    .imp-note {
        padding: 20px;
    }

    .imp-note span {
        float: none;
        margin: 0px auto 20px;
    }

    .imp-note p {
        text-align: center;
    }

    .form-outer ul.select-opt {
        padding-bottom: 20px;
    }

    .form-outer .cnt-block textarea {
        height: 100px;
    }

    .form-outer .col-left {
        float: none;
    }

    .form-outer .select2.select2-container {
        margin-bottom: 30px;
    }

    .modal-body {
        padding: 10px;
    }

    .generic-wrapper ul.our-spec {
        padding-bottom: 40px;
    }

    .generic-wrapper .button-group {
        margin-bottom: 40px;
        text-align: center;
    }

    .generic-wrapper .pagination {
        padding-bottom: 30px;
    }

    .generic-wrapper ul.privacy-listing>li:last-child {
        border-bottom: none;
    }

    .coming-soon .left,
    .coming-soon .right {
        display: block;
        height: auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .coming-soon .inner {
        display: inline-block;
        position: inherit;
    }

    .coming-soon .left a.logo {
        display: block;
        position: inherit;
        top: auto;
    }

    .coming-soon .cnt-block {
        padding: 60px 0 40px 0;
    }

    .stay-connected {
        position: inherit;
        bottom: auto;
    }

    a.readEbooks.pointer {
        float: left;
        margin-top: 10px;
    }

    a.readEbooks.pointer {
        background: #00adff;
        padding: 5px 25px;
        border-radius: 10px;
        color: #fff;
    }

    .new-header a.dLabel {
        font-size: 12px;
        letter-spacing: 1.9;
    }

    a.dLabel {
        width: 90%;
        color: #000;
        background-color: transparent;
        border-right: 0px #fff solid;
        position: relative;
        display: block;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }

    .navbar .dropdown-menu {
        width: 100%;
        padding: 0px;
        margin: 0px 0 10px 0;
        position: relative;
        border: none;
        box-shadow: 0 0 0 0 black;
        border-radius: 0px;
        border-top: 0;
        background: #ffffff;
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 600;
        line-height: 1.42857143;
        color: #636a6f;
        white-space: nowrap;
    }
}

.spine .nav-tabs>li.active>a,
.spine .nav-tabs>li.active>a:focus,
.spine .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
}

.spine .nav-tabs {
    border-bottom: none;
}

.spine .nav>li>a:focus,
.spine .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    border: 0;
    outline: 0;
    outline-offset: 0;
}

.spine .tab-content:focus,
.spine .tab-content:hover {
    outline: 0;
}

.spine .nav-item:focus,
.spine .nav-item:hover {
    outline: 0;
}

.navbar-inverse {
    background: #fbfbf8;
    border-top: 1px solid #dcdacb;
    background: #fbfbf8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
}

/* Landscape phones and down */
@media (max-width: 640px) {
    .vertical-center {
        line-height: 1.5;
        font-size: 11px;
    }

    .fl-right {
        bottom: 5%;
        position: absolute;
        width: 35%;
        right: 10% !important;
        background: transparent;
        padding: 2%;
    }

    .quiz-ques:before {
        border-top: 55px solid #2c97ea;
        border-right: 30px solid #48acf9;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques:after {
        border-top: 55px solid #2c97ea;
        border-left: 30px solid #bae1ff;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques {
        height: 110px;
    }

    h5.card-titles {
        font-size: 12px;
        line-height: 16px;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .category-page-side .panel {
        background: #fff;
        padding: 15px 15px;
        border-radius: 7px !important;
    }

    .category h3 {
        border-bottom: 0;
    }

    .blog-right h3 {
        padding-bottom: 0;
        font-size: 16px;
        color: #000;
        text-transform: capitalize;
    }

    div#filter-hide {
        position: fixed;
        height: 100%;
        top: 0px;
        left: 0;
        overflow-y: scroll;
        z-index: 99999999999999999999999999;
        width: 70%;
        background: #fff;
        padding: 20px 5px !important;
        box-shadow: 0 0 black;
    }

    pl-sm-0 {
        padding-left: 0 !important;
    }

    .spike a.nav-link span {
        font-size: 12px;
    }

    .spike a.nav-link {
        padding: 5px;
        font-size: 10px;
    }

    .padding-tlg {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    p.card-subject-teacherss {
        font-size: 10px;
    }

    .row.course-start-date p {
        font-weight: 600;
        font-size: 14px;
        text-shadow: 0px 0px;
        color: #2c97ea;
    }

    .course-start-date i.fa.fa-inr {
        color: #2c97ea;
        font-size: 18px;
    }

    .banner-outer .content h1 span {
        font-size: 12px;
    }

    .why-choose ul li {
        width: 48%;
        padding-bottom: 30px;
    }

    .why-choose ul li:nth-child(n+3) {
        padding-bottom: 0px;
    }

    ul.our-strength.opt2 li {
        border-right: none;
    }

    ul.testimonials li {
        width: 100%;
    }

    ul.testimonials li:before,
    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:after,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
        display: none !important;
    }

    ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
        border-bottom: 1px solid #dfe5e1;
    }

    ul.testimonials li:first-child .quotblock {
        padding-top: 0px;
    }

    ul.testimonials li:nth-child(2) .quotblock {
        padding-top: 30px;
    }

    ul.gallery-filter li {
        margin-bottom: 10px;
        font-size: 15px;
        padding: 0 6px;
    }

    ul.gallery-filter li a {
        padding-bottom: 8px;
    }

    ul.news-listing>li {
        width: 100%;
    }

    ul.select-opt li {
        width: 100%;
        margin-bottom: 8px;
        float: none;
    }

    .generic-wrapper ul.our-spec li {
        width: 50%;
        min-height: 142px;
    }

    .generic-wrapper a.btn-circle {
        margin-bottom: 20px;
    }

    .button-group1 a.download-pros,
    .button-group1 a.download-cert {
        width: 100%;
        margin: 0 0 2px 0;
    }

    .coming-soon .right .cnt-block {
        padding: 0px;
    }

    .coming-soon .right ul li:after {
        font-size: 50px;
    }

    .coming-soon .right ul li .count {
        font-size: 60px;
        line-height: 60px;
    }

    .coming-soon .cnt-block h1 {
        font-size: 50px;
        padding-bottom: 30px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .header-top ul.follow-us li {
        display: block;
        float: left;
        padding-right: 14px;
        font-size: 14px;
        box-sizing: border-box;
        margin: 0;
        position: relative;
    }

    .vertical-center {
        line-height: 1.5;
        font-size: 11px;
    }

    .quiz-ques:before {
        border-top: 55px solid #2c97ea;
        border-right: 30px solid #48acf9;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques:after {
        border-top: 55px solid #2c97ea;
        border-left: 30px solid #bae1ff;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques {
        height: 110px;
    }

    div#filter-hide {
        position: fixed;
        height: 100%;
        top: 0px;
        left: 0;
        overflow-y: scroll;
        z-index: 99999999999999999999999999;
        width: 70%;
        background: #fff;
        padding: 20px 5px !important;
        box-shadow: 0 0 black;
    }

    .category-page-side .panel {
        background: #fff;
        padding: 15px 15px;
        border-radius: 7px !important;
    }

    .category h3 {
        border-bottom: 0;
    }

    .blog-right h3 {
        padding-bottom: 0;
        font-size: 16px;
        color: #000;
        text-transform: capitalize;
    }

    pl-sm-0 {
        padding-left: 0 !important;
    }

    .banner-outer .content h1 span {
        font-size: 12px;
    }

    .content.animated.fadeInLeft img {
        height: 150px;
        object-fit: cover;
    }

    .our-impotance ul li {
        width: 100%;
    }

    .our-impotance ul li:after {
        width: 94%;
    }

    .our-impotance ul li .inner {
        padding: 10px 10px 30px 10px;
    }

    .our-impotance ul li h3 span {
        display: inline;
    }

    .testimonial ul li p {
        font-size: 16px;
        line-height: 26px;
    }

    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 28px;
    }

    .about-video .container {
        height: 300px;
    }

    .about-video p {
        font-size: 32px;
    }

    a.download-pros {
        margin-bottom: 1px;
    }

    a.download-pros,
    a.download-cert {
        width: 100%;
        border: none;
    }

    .our-cources ul.inner li {
        width: 100%;
        margin-bottom: 40px;
    }

    .our-cources ul.inner li:nth-child(n+9) {
        margin-bottom: 40px;
    }

    .our-cources ul.course-list li:after {
        display: none;
    }

    .enquire-now .inner .row2 input {
        width: 100%;
        margin: 0 0 14px 0;
    }

    ul.browse-teachers-list>li {
        width: 100%;
        border: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .leave-comment input {
        width: 100%;
    }

    .leave-comment input:first-child {
        margin-bottom: 30px;
    }

    .course-detail .duration .icon {
        width: 57px;
        height: 57px;
        font-size: 34px;
    }

    .form-outer input {
        height: 40px;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .login-wrapper .remember {
        margin-top: 20px;
    }

    .register .cnt-block textarea {
        margin-bottom: 20px;
    }

    .form-outer input.country-code {
        width: 20%;
    }

    .form-outer input.phone-no {
        width: calc(80% - 18px);
    }

    .coming-soon .left,
    .coming-soon .right {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .coming-soon .cnt-block {
        padding: 40px 0;
    }

    .coming-soon .cnt-block h1 {
        font-size: 40px;
    }

    .coming-soon .right ul li {
        padding: 0 15px;
    }

    .coming-soon .right ul li:after {
        font-size: 40px;
        top: 13%;
    }

    .coming-soon .right ul li .count {
        font-size: 44px;
        line-height: 50px;
    }
}

/* iPhone 6 Plus and down */
@media (max-width: 414px) {
    .vertical-center {
        line-height: 1.5;
        font-size: 11px;
    }

    .quiz-ques:before {
        border-top: 55px solid #2c97ea;
        border-right: 30px solid #48acf9;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques:after {
        border-top: 55px solid #2c97ea;
        border-left: 30px solid #bae1ff;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques {
        height: 110px;
    }

    .about-video p {
        font-size: 26px;
    }

    .pagination>li>a,
    .pagination>li>span {
        margin: 0 2px;
        padding: 4px 10px;
        font-size: 13px;
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span,
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        padding: 5px 14px;
    }

    .pagination>li:first-child a i {
        margin-right: 4px;
    }

    .pagination>li:last-child a i {
        margin-left: 4px;
    }

    .course-tab>li>a {
        font-size: 13px;
    }

    .not-found-wrapper {
        padding-top: 158px;
    }

    .not-found-wrapper h1 {
        font-size: 96px;
    }

    .not-found-wrapper p {
        font-size: 22px;
        padding-bottom: 30px;
    }
}

/* iPhone 6 and down */
@media (max-width: 375px) {
    .vertical-center {
        line-height: 1.5;
        font-size: 11px;
    }

    .quiz-ques:before {
        border-top: 55px solid #2c97ea;
        border-right: 30px solid #48acf9;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques:after {
        border-top: 55px solid #2c97ea;
        border-left: 30px solid #bae1ff;
        border-bottom: 55px solid #2c97ea;
    }

    .quiz-ques {
        height: 110px;
    }

    .header-middle a.login {
        padding: 2px 8px;
    }

    .banner-outer .content h1 span,
    .banner-outer .slide2 .content h1,
    .banner-outer .slide2 .content h1 {
        font-size: 16px;
        line-height: 20px;
    }

    .btn {
        padding: 8px 16px;
    }

    .testimonial #bx-pager a {
        margin: 0 2px;
    }

    .testimonial .wrapper:before {
        top: 44px;
    }

    .testimonial .wrapper:after {
        bottom: -26px;
    }

    .testimonial ul li p {
        padding-top: 30px;
    }

    .course-tab>li>a span {
        font-size: 40px;
    }

    .course-tab>li>a {
        font-size: 12px;
    }

    .not-found-wrapper {
        padding-top: 138px;
    }

    .not-found-wrapper h1 {
        font-size: 86px;
    }

    .login-wrapper .head-block h1 {
        font-size: 20px;
    }

    .login-wrapper .login {
        max-width: 320px;
    }

    .login-wrapper .cnt-block {
        padding: 20px 15px;
    }

    .login-wrapper .btn {
        padding: 6px 12px;
    }

    .privacy-wrapper h2 {
        font-size: 22px;
    }

    .coming-soon .right ul li {
        padding: 0 12px;
    }

    .coming-soon .stay-tuned input[type="email"] {
        width: calc(100% - 90px);
    }

    .coming-soon .stay-tuned .clear .button {
        width: 90px;
    }
}

/* iPhone 4 */
@media (max-width: 320px) {
    .about-video p {
        font-size: 24px;
    }

    .course-detail .btn {
        position: inherit;
        margin: 10px 0 20px 0;
        right: auto;
    }

    .not-found-wrapper {
        padding-top: 128px;
    }

    .not-found-wrapper h1 {
        font-size: 66px;
    }

    .not-found-wrapper p {
        font-size: 18px;
    }

    ul.faq-listing li h2 {
        font-size: 16px;
    }

    .login-wrapper .login {
        max-width: 300px;
    }

    .login-wrapper .cnt-block {
        padding: 20px 15px;
    }

    .login-wrapper .btn {
        padding: 6px 12px;
        font-size: 12px;
    }

    .coming-soon .cnt-block h1 {
        font-size: 34px;
    }

    .coming-soon .right ul li {
        padding: 0 8px;
    }
}

.nav-border {
    border-bottom: 3px solid #0F75A1;
}

.navbar-inverses {
    background-color: #33363D;
    color: #fff;
}

.contents {
    position: relative;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.contents:hover .image {
    opacity: 0.3;
}

.contents:hover .middle {
    opacity: 1;
}

[type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

[type="file"]+label {
    background: #0F75A1;
    border: none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 1rem;
    outline: none;
    padding: 10px 40px;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
}

.col-carousel {
    margin: 0px 0px;
}

/* owl nav */
.owl-prev span,
.owl-next span {
    color: #FFF;
}

.owl-prev span:hover,
.owl-next span:hover {
    color: #8199A3;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: -24px;
    padding: 2px 10px;
    background: #2c96ea;
    color: #fff;
}

.create_headings {
    font-size: 20px;
}

.owl-prev {
    left: 0;
}

.owl-next {
    left: 31px;
}

.carousel-mainn .owl-nav .owl-next,
.carousel-mainn .owl-nav .owl-prev,
.carousel-mains .owl-nav .owl-next,
.carousel-mains .owl-nav .owl-prev {
    display: block;
}

.p-md {
    padding: 120px 20px;
}

.text-heading {
    line-height: 40px;
    text-transform: capitalize;
}

.text-message {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    padding: 20px 0px 0px 10px;
    line-height: 18px;
}

.text-rupee {
    font-family: 'Roboto', sans-serif;
    color: #FF9600;
    font-size: 20px;
    text-align: center;
    padding: 20px 0px 0px 10px;
}

.price-sub {
    font-size: 10px;
    line-height: 10px;
}

.text-qualification {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 18px;
    text-transform: capitalize;
}

.fa-pencil-square-o:hover {
    color: #0F75A1;
    cursor: pointer;
}

.selecttutor {
    min-height: 254px;
}

.strat-crd {
    height: 100px;
    display: block;
}

.wowm {
    border: 1px solid #333 !important;
}

.form-control-counter {
    position: absolute;
    top: 18px;
    right: 20px;
    padding: 5px;
    color: #686f7a;
    background: #bbdafb;
    font-weight: 700;
    min-width: 34px;
    line-height: 24px;
    text-align: center;
    z-index: 9999999999;
}

.form-control-counter-main {
    position: absolute;
    top: 190px;
    right: 30px;
    padding: 5px;
    color: #686f7a;
    background: #bbdafb;
    font-weight: 700;
    min-width: 34px;
    line-height: 24px;
    text-align: center;
    z-index: 9999999999;
}

.note-btn-group .btn {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    background: #a7a7a7;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #0a0a0a;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.note-toolbar.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255 247 247 / 23%);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

#wizard-validation-form option,
form#wizard-validation-form select {
    font-size: 18px !important;
}

.note-btn-group .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    /* margin-left: 0; */
}

a.dt_image img {
    width: 60px;
    height: 40px;
    object-fit: cover;
}

.wizard>.content>.body {
    float: left;
    position: relative;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.wizard>.actions {
    position: absolute;
    display: block;
    text-align: right;
    width: 100%;
    top: -35px;
    right: 16px;
}

#settle {
    display: none;
    position: fixed;
    z-index: 99999999999;
    bottom: 0;
    right: 0;
    background: #f8f8f8;
    width: 100%;
    padding: 5px;
    margin: 0;
}

.sdrt .card {
    margin-bottom: 30px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    border: none;
}

p.hang {
    padding: 10px 0;
}

.IntroSectionHeading {
    font-size: 18px;
    font-weight: 800;
}

.word-counter101,
.word-counter102,
.word-counter103,
.word-counter104 {
    position: absolute;
    bottom: 25px;
    right: 7px;
    font-size: 15px;
    font-weight: 800;
    padding: 10px 10px;
    background: #0c7ed8;
    color: #fff;
    z-index: 99;
}

.bg-success {
    background-color: #15ca20;
}

.bg-danger {
    background-color: #fd3550;
}

.IntroSectionEditButton,
.IntroSectionDeleteButton,
.IntroSectionEditButton1,
.IntroSectionDeleteButton1 {
    display: none;
}

.topSectionCommit:hover .IntroSectionEditButton,
.topSectionCommit:hover .IntroSectionDeleteButton,
.topSectionCommit1:hover .IntroSectionEditButton1,
.topSectionCommit1:hover .IntroSectionDeleteButton1 {
    display: inline-block;
}

.IntroSectionEditButton i,
.IntroSectionDeleteButton i,
.IntroSectionEditButton1 i,
.IntroSectionDeleteButton1 i {
    opacity: 0.7;
}

.IntroSectionEditButton i:hover,
.IntroSectionDeleteButton i:hover,
.IntroSectionEditButton1 i:hover,
.IntroSectionDeleteButton1 i:hover {
    opacity: 1.0;
}

.defaultIntroSection {
    background: #f8f8f9;
}

.curriculum-list--add-item-section--3JmsU.btn:hover,
.curriculum-list--add-item-section--3JmsU.btn:focus {
    background-color: #b5afaf00 !important;
    outline: 0;
}

span.add-item--icon--2FsmW.add-item--rotate--WJ08z.udi-small.udi.udi-close img {
    background: transparent;
}

.btn-xs span {
    margin: 0 !important;
}

.addNewSection {
    height: 40px;
}

.addNewSection:hover .showAsd {
    display: block;
}

.showAsd {
    display: none;
}

.curriculum-list--add-item-section--3JmsU1.btn:hover,
.curriculum-list--add-item-section--3JmsU1.btn:focus {
    background-color: #b5afaf00 !important;
    outline: 0;
}

span.add-item--icon--2FsmW1.add-item--rotate--WJ08z1.udi-small1.udi1.udi-close1 img {
    background: transparent;
}

.addNewSection1 {
    height: 40px;
}

.addNewSection1:hover .showAsd1 {
    display: block;
}

.showAsd1 {
    display: none;
}

.addNewSection3 .row {
    background: #fff;
}

.topSectionCommit2 .btns {
    padding: 2px 5px;
    color: #333;
    border: 1px solid #333;
    font-size: 10px;
}

.imp-note .hispan {
    width: 36px;
    height: 36px;
    line-height: 26px;
    margin-right: 6px;
    display: block;
    float: left;
    border-radius: 50%;
    background: #fec472;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 7px #fdf2e4 solid;
}

.vomp_profile {
    background: #f0ad4e;
    text-align: center;
    color: #fff;
    padding: 5px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

.vomp_profile a {
    padding: 1px 10px;
    background: #33363d;
    color: #fff;
    border-radius: 5px;
}

.vomp_profile a :hover {
    opacity: 0.7;
}

form.form-outer .btn {
    background: #0c7ed8;
}

.button-outer .btn {
    background: #ff9600;
}

#settle .progressm {
    display: none;
    margin-bottom: 0px;
}

.help-video h4,
.help-video h5,
.help-video p {
    margin: 15px 0;
}

.note-price {
    background: transparent;
    border: 1px solid #333;
}

#settle .progress {
    height: 50px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.info.logo-preview:hover .middle {
    opacity: 1;
}

a.btn-dangerm:hover {
    opacity: 0.7;
}

#settle button {
    font-weight: 800;
}

a.btn-dangerm {
    padding: 15px 20px;
    font-weight: 800;
    background: transparent;
    border: 1px solid #3333;
    border-radius: 6px;
    font-size: 15px;
    line-height: 1.428571;
    /* margin-top: 4px; */
    display: inline-block;
    padding: 12px 18px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #2c97ea;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#pleasewait .modal-content {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

#pleasewait .modal-dialog {
    margin: 20.75rem auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-bar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rom,
.roms {
    width: 100%;
    height: 325px;
    border: 1px solid #d6d3d3;
    border-radius: 3px;
}

.rom {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rom p {
    padding: 10px;
}

img.profile-imagem {
    width: 100%;
    height: 325px;
    object-fit: cover;
}

.form-control-counter-sub {
    position: absolute;
    top: 264px;
    right: 30px;
    padding: 5px;
    color: #686f7a;
    background: #bbdafb;
    font-weight: 700;
    min-width: 34px;
    line-height: 24px;
    text-align: center;
    z-index: 9999999999;
}

.info.logo-preview:hover .middle {
    opacity: 1;
}

.wowms {
    border: 1px solid #333 !important;
    font-size: 20px !important;
}

.wowms option {
    font-size: 20px;
}

@media (min-width: 992px) {
    .cols-md-9 {
        width: 80%;
    }
}

@media only screen and (max-width: 600px) {
    .cols-sm-9 {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .strat-crd {
        height: 0px;
        display: none;
    }

    .tutor-slider .article-items {
        text-align: center !important;
    }

    img.fit-image.img-circle.image {
        display: block;
        margin: auto;
    }

    img.card-img-top-tutor {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }

    .d-sm-none {
        display: none !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .buttons .col-sm-4 {
        width: 33%;
        float: left;
    }

    .curriculum .card-curriculam .card-sub .card-sub-intro .buttons {
        padding-left: 0;
    }

    .row.buttons a {
        padding: 8% 1px;
        width: 110px;
        font-size: 10px;
    }

    .card-sub-video.col-lg-4.col-md-4.col-sm-12.p-0 {
        width: 85%;
        margin: 5%;
    }
}

.btns {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #ff9600;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btns {
    display: inline-block;
    padding: 11px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid #ff9600;
    border-radius: 4px;
}

.btns:hover,
.btns:focus {
    background: #ff9600;
    color: #fff !important;
}

.btns.active,
.btns:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btns.focus,
.btns:focus,
.btns:hover {
    color: #333;
    text-decoration: none;
}

#snackbar {
    visibility: visible;
    min-width: 250px;
    margin-left: -125px;
    background-color: #108708;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    right: 0;
    top: 30px;
    font-size: 17px;
}

.filepond--drop-label {
    color: #4c4e53;
}

.filepond--label-action {
    text-decoration-color: #babdc0;
}

.filepond--panel-root {
    border-radius: 2em;
    background-color: #edf0f4;
    height: 1em;
}

.filepond--item-panel {
    background-color: #595e68;
}

.filepond--drip-blob {
    background-color: #7f8a9a;
}

ul.ch_menus,
ul.ch_menu {
    border: 0px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54) !important;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54) !important;
    background: #fff;
    top: 38px;
    width: 120px;
    position: absolute;
    z-index: 9999999999;
}

.ch_menus li a:hover,
.ch_menu li a:hover {
    color: #33363d !important;
}

.plyr {
    height: 400px !important;
    background: transparent !important;
}

ul.ch_menus li,
ul.ch_menu li {
    float: left;
    width: 100%;
    background: #fff;
    padding: 5px 10px;
}

ul.ch_menus li a,
ul.ch_menu li a {
    font-size: 14px;
    color: #34373d !important;
}

.ch_menus li:hover,
.ch_menu li:hover {
    background: #f7f6f6 !important;
}

ul.follow-us-right li {
    float: right;
}

.shopx .owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.shopx ul.nav.nav-tabs {
    display: flex;
    justify-content: center;
}

.ch_menuss {
    position: absolute;
    top: 45px;
    right: 0;
    max-width: 300px;
    width: max-content;

    background: #fff;
    padding: 0 !important;
    margin-top: .25rem;
    border-radius: .25rem;
    font-size: 1rem;
    color: #212529;
    list-style: none;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, .08),
        0 4px 12px rgba(0, 0, 0, .08);

    display: none;
    z-index: 9999;

    /* Smooth drop animation */
    transform: translateY(10px);
    transition: all .25s ease;
}

/* When dropdown opens */
.user-profile:hover .ch_menuss {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0);
}

.user-details .media .media-body .user-title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 2px;
}

.user-details .media .media-body .user-subtitle {
    font-size: 13px;
    color: #232323;
    margin-bottom: 0;
}

.w-circle-icon i {
    position: relative;
    top: 17px;
    font-size: 25px;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.input-group .form-control {
    border: 1px solid #cdd3d9;
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}

.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
    font-family: 'simple-line-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(45deg, #f54ea2, #ff7676) !important;
    background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
}

.w-circle-icon {
    width: 60px;
    height: 60px;
    text-align: center;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.dropdown-divider {
    margin: 0;
    border-top: 1px solid rgb(236, 236, 253);
}

.wallet .dropdown-divider {
    padding: 0px;
}

.dropdown-divider {
    height: 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

li.ch-itemss {
    padding: 0.7rem 1.5rem;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

li.ch-itemss {
    padding: .70rem 1.5rem !important;
}

.ch_menuss li a:hover {
    color: #33363d !important;
}

ul.ch_menuss li,
ul.ch_wallet li {
    float: left;
    width: 100%;
    background: #fff;
}

ul.ch_menuss li a,
ul.ch_wallet li a {
    font-size: 14px;
}

.ch_menuss li:hover,
.ch_wallet li:hover {
    background: #f7f6f6 !important;
}

a.hitVideo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 200px;
    top: 0;
    left: 0;
    border-radius: 10px 10px 0 0;
    background: #000000ad;
}

#playery img {
    border-radius: 10px 10px 0 0;
}

#accordion2 button:focus,
#accordion2 button:hover {
    border: 0 !important;
    outline: 0;
    padding: 5px;
    text-decoration: none;
    outline-offset: 0;
    transition: none !important;
}

#accordion2 .card-header.collapsed:before {
    content: "\f105";
    float: left !important;
    font-family: FontAwesome;
    color: #fff;
}

#accordion h3.pointer.collapsed:after {
    content: "\f105";
    float: right !important;
    font-family: FontAwesome;
    padding-right: 15px;
}

#accordion2 .card-header:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f107";
    color: #fff;
}

#accordion h3.pointer:after {
    float: right !important;
    font-family: FontAwesome;
    content: "\f107";
    padding-right: 15px;
}

#accordion2 .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #306bff;
    border-bottom: 0;
    border-radius: 5px;
}

#accordion2 button {
    background: transparent;
    padding: 5px;
    color: #fff;
    text-transform: capitalize;
    transition: none;
}

.udlite-btn {
    background: none;
    border: 0;
    color: #00aaff;
    font-weight: 600;
}

#accordion2 .card-body {
    border: 1px solid #f1f1f1;
}

.udlite-btn:hover {
    text-decoration: underline;
    outline: 0;
}

.udlite-btn:hover,
.udlite-btn:focus {
    outline: 0;
}

#accordion2 .card {
    border: 0;
}

a.hitVideo:after {
    content: "";
    /* font: normal normal normal 14px/1 FontAwesome; */
    position: absolute;
    /* color: #2c96ea; */
    background: url(../images/play-flat.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 60px;
    width: 20%;
    top: 70px;
    left: 40%;
    text-align: center;
    /* font-size: 22px; */
}

a {
    color: #151617;
    text-decoration: none;
}

p {
    line-height: 1.7;
    font-size: 13px;
}

.single-advisor-box .row {
    margin-left: 0;
    margin-right: 0;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.single-advisor-box .row .col-lg-4,
.single-advisor-box .row .col-lg-8 {
    padding-left: 0;
    padding-right: 0;
}

.courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-image {
    top: 0;
    margin-bottom: 0;
}

.courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-content {
    padding: 0 0 0 20px;
}

.courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-content h3 {
    font-size: 23px;
}

img.img-top-tutorks {
    height: 140px;
    width: 140px;
    object-fit: cover;
    border-radius: 70px;
}

.single-advisor-box .advisor-content h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 800;
}

.courses-details-desc .tab-content .courses-instructor .single-advisor-box .advisor-content .sub-title {
    margin-top: -5px;
}

input#mainCaptcha {
    border: 0;
    height: 24px;
    font-weight: 600;
    color: #101010;
    padding: 10px 5px;
    text-align: center;
    width: 140px;
    outline: 0;
    font-size: 16px;
    background: #ffe4be;
}

img.showof {
    width: 20px;
    cursor: pointer;
}

img#refresh:hover {
    opacity: 0.6;
}

input#txtInput {
    margin-top: -14px;
    width: 249px;
    border-radius: 0;
}

img.attachment-ecademy_advisor_thumb_one {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50px;
}

.single-advisor-box .advisor-content .sub-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
}

body {
    top: 0 !important;
}

.goog-te-gadget img {
    display: none;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 10px;
}

#google_translate_element a {
    color: #333;
}

.single-advisor-box .advisor-content p {
    margin-bottom: 0;
    margin-top: 13px;
}

img.img-top-tutork {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 100px;
}

.rateup {
    border: 1px solid #2c96ea;
}

.rateup {
    border: 1px solid #2c96ea;
    height: 14px;
    padding: 0;
    line-height: 0;
}

/* @media (min-width: 768px) {
    ul.asdf li:nth-last-child(1) ul, ul.asdf li:nth-last-child(2) ul,ul.asdf li:nth-last-child(3) ul,ul.asdf li:nth-last-child(4) ul,ul.asdf li:nth-last-child(5) ul{
        position: absolute;
        top: 100%;
        left: auto;
        right:0;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        min-width: 260px;
        padding: 0px;
        border: none;
        box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
        border-radius: 0px;
        border-top: 4px #2c96ea solid;
    }
    ul.asdf li:nth-last-child(1) ul:after,ul.asdf li:nth-last-child(2) ul:after,ul.asdf li:nth-last-child(3) ul:after,ul.asdf li:nth-last-child(4) ul:after,ul.asdf li:nth-last-child(5) ul:after {
        bottom: 100%;
        right: 10px;
        left:auto;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        border-color: rgba(255, 150, 0, 0);
        border-bottom-color: #2c96ea;
        border-width: 10px;
    }
} */
ul.dropdown-menu.multi-level {
    min-height: 300px;
}

.my-rating-444 .jq-star {
    width: 30px !important;
    height: 30px !important;
}

span.percent {
    height: 13px;
    color: #fff;
    text-align: center;
    border-radius: 1%;
    border: 1px solid #2c96ea;
    line-height: 12px;
    background: #2c96ea;
    display: inline-block;
}

.FontSmall {
    font-size: 12px !important;
}

.FontSmaller {
    font-size: 15px !important;
}

.underline {
    text-decoration: line-through;
}

.course-content p,
.course-content li {
    margin-bottom: 0;
    color: #606060;
    line-height: 1.7;
    font-size: 15px;
}

.social-link {}

.social-link li {
    display: inline-block;
    margin-right: 3px;
}

.social-link li a {
    font-size: 15px;
}

.single-advisor-box .advisor-content .social-link li a {}

.social-link li a i {
    padding: 10px;
    background: #ddd;
    border-radius: 2px;
}

.course-subheading h5 {
    line-height: 24px;
    text-transform: capitalize;
    color: #333;
}

.card-titlem {
    font-size: 30px;
}

.form-control-position {
    top: 35px;
    left: 10px;
    color: #00aaff;
    position: absolute;
    z-index: 99;
}

.position-relative {
    position: relative;
}

.btn-success {
    background: #5cb85c !important;
}

.bg-blue-dark {
    background: #c1e4ff;
}

.bg-primarys {
    background: #98efaeb8;
}

.centerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.card-titlesk {
    font-size: 15px;
    color: #3e3b3b;
    text-decoration: line-through;
}

.text-error {
    color: #f90000;
}

.pointer:hover {
    color: #2c96ea;
}

.bg-white {
    background: #fff !important;
}

a.btn-outline-primary-sp {
    padding: 10px;
    background: transparent;
    text-align: center;
    color: #0090ff;
    border: 1px solid;
    border-radius: 5px;
}

a.btn-outline-primary-sp:hover {
    background: #0090ff;
    text-align: center;
    color: #fff;
}

.btn-outline-info.openshare {
    border: 1px solid #333339;
    background: transparent;
    color: #333;
}

.form-outer input {
    width: 100%;
    background: #eaeaea !important;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 5px;
    background: none;
    border: 0;
    box-shadow: 0 0 black;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    z-index: 2;
    border-radius: 0;
}

.cnt-block .form-outer input {
    width: 100%;
    background: #eaeaea !important;
    height: 32px;
    margin-bottom: 20px;
    padding: 0 30px;
    background: none;
    border: 0;
    box-shadow: 0 0 black;
    font-size: 13px;
    font-weight: 600;
    color: #000000;
    z-index: 2;
    border-radius: 0;
}

ul.follow-us-right li {
    float: right;
    position: relative;
    display: inline-block;
    font-size: 18px;
    box-sizing: border-box;
    margin: 0;
}

li.ch_itemss.pointer {
    padding: 10px;
}

img.ebimg {
    width: 100px;
    margin: 0 auto;
    display: block;
}

a.purchaseebook {
    text-align: center;
    display: block;
    background: #ededed;
    padding: 10% 5%;
    border-radius: 5%;
}

a.purchaseebook:hover {
    opacity: 0.7;
}