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

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: #ffa800;
    margin-bottom: 50px;
}
.fun-section {
    padding: 5% 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: 50px 8% 180px 8%;
    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;
    }
    img.img-100 {
    width: 50px;
    margin: 0px calc(50% - 50px) 15px calc(50% - 50px);
    position: static;
}
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: 100px 8% 0 8%;
    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;
    }
    a.logink img {
        width: 18px !important;
    }
    a.logink {
        background: #dde5ea;
        padding: 4px 8px !important;
        border-radius: 0 !important;
    }
    .loho-mob {
        width: 100%;
        margin-top: 8% !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
}
li.wallet-my.wallet {
    position: relative;
}
.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;
}

.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;
    padding: 15px 20px;
}

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%;
    }
    .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 .eqWrap {
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
    }
    .whatsnew {
        background-size: cover;
        padding: 50px 8% 50px 8%;
    }
    .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: 30px;
        margin-top: 0%;
    }
    .slidePara {
        font-size: 15px;
    }
    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;
    padding: 15px 20px;
    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% !important;
    right: 3%;
    animation: smoothScroll 1s forwards;
}
@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;
}
.dropdown_content:before {
    background-color: #fffcfc;
    content: "";
    height: 21px;
    position: absolute;
    top: -5px;
    width: 21px;
    right: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul.ch_menuss:before {
    background-color: #ffffff;
    content: "";
    height: 17px;
    position: absolute;
    top: -5px;
    width: 17px;
    right: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
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);
}
ul.ch_wallet:before {
    background-color: #ffffff;
    content: "";
    height: 13px;
    position: absolute;
    top: -5px;
    width: 13px;
    right: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.font-14 {
    font-size: 12px;
}
.dropdown_content {
    position: absolute;
    width: 350px;
    display: none;
    background: #fafdff;
    top: 40px;
    transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out;
    right: 0;
    -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;
    border-radius: 5px;
    z-index: 99999999999999999999999999999999;
}
.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-menu-badge {
    font-size: 10px;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
}
.red-bg-success {
    background: #ff9400;
}
.shopping-carts:hover {
    color: #f4f4f4;
}
.red-menu-badge {
    position: absolute;
    padding: 2px 7px;
    line-height: 1.43;
    font-weight: 800;
    color: #ffffff;
    border-radius: 100%;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    right: -8px;
    top: 2px;
    z-index: 1;
}
.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;
}
ul.ch_wallet {
    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: 55px;
    min-width: 10rem;
    max-width: 28rem;
    display: none;
    right: 0px;
    position: absolute;
    z-index: 9999999999;
}
li.shopping-carts {
    margin-top: 20px;
    margin-right: 10px;
}
.shopping-carts .fa {
    font-size: 22px;
    color: #000;
    padding: 7px;
}
.wallet-my a span{
    font-size: 32px;
    color: black !important;
    padding: 0 25px;
    margin: 28% 0px;
}
.shopping-carts {
    display: inline-block;
    font-size: 18px;
    box-sizing: border-box;
    margin: 0;
    position: relative;
}
.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: 0px;
    padding-bottom: 0px;
}
ul.lisp li {
    float: left;
}
.header-middle .contact {
    display: block;
    padding: 0px 0 0 0;
    float: right;
}
.header-middle .contact ul {
    display: block;
    float: left;
}
.header-middle .contact ul li.languages {
    display: block;
    margin-top: 10px;
    padding: 0 50px;
    position: relative;
    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;
}*/
.homenav .collapsing {
    height: 100% !important;
    width: 65%;
    left: 0px;
    top: 0;
    clip: rect(auto,auto,auto,auto);
    padding-top: 20px;
    position: fixed;
    transition: opacity 250ms linear 250ms;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
}
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;
}
a.logink img {
    width: 24px;
}
a.logink {
    background: #dde5ea;
    padding: 10px;
    border-radius: 25px;
}
a.logink:hover {
    background: #ccecff;
}
.header-middle .contact ul li a:hover {
    color: #ff9600;
}
a#xcall {
    background: #000;
    color: #fff;
}

a#xcall:hover {
    background: #389ceb;
    border: 2px solid #389ceb;
    color: #ff9600;
}

.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-header {
        background: #fbfbf8;
        box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #101010;
    }
    .navbar-inverse {
        background: transparent;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 5px !important;
    }
    .navbar-collapse.in {
        height: 100%;
        z-index: 9;
        width: 65%;
        left: 0px;
        top: 0;
        clip: rect(auto,auto,auto,auto);
        padding-top: 20px;
        position: fixed;
        transition: opacity 250ms linear 250ms;
        background: #ffffff;
        box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
    }
    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;
    }
    .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;
        padding: 10px 10px;
    }
    a.dLabel {
        width: 90%;
        color: #000;
        background-color: transparent;
        border-right: 0px #fff solid;
        padding: 8px 0px;
        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) {
    .loho-mob {
        width: 100%;
        margin-top: 15%;
    }
    .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;
}
ul.ch_menuss {
    border: 0px solid rgba(0,0,0,.15);
    background: #fff;
    position: absolute;
    z-index: 99999999999999999999999;
    float: none !important;
    padding: 0 !important;
    right: 0px;
    top: 55px;
    min-width: 10rem;
    max-width: 28rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    display: none;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
}
li.languages {
    padding: 0 !important;
}
.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;
    margin: .5rem 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;
    padding: 5px 10px;
}
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;
    font-weight: 600;
    color: #101010;
    padding: 10px 5px;
    text-align: center;
    width: 215px;
    outline: 0;
    font-size: 22px;
    background: #ffe4be;
}
img.showof {
    width: 30px;
    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;
}